feat: update sortable

Author: sadmann7

docs/registry/default/ui/kanban.tsx

@@ -77,15 +77,22 @@ function useKanbanContext(name: keyof typeof KANBAN_ERROR) {
   return context;
 }
 
-type KanbanProps<T> = Omit<DndContextProps, "collisionDetection"> & {
-  value: Record<UniqueIdentifier, T[]>;
-  onValueChange?: (columns: Record<UniqueIdentifier, T[]>) => void;
-  onMove?: (event: DragEndEvent) => void;
-  strategy?: SortableContextProps["strategy"];
-  flatCursor?: boolean;
-} & (T extends object
-    ? { getItemValue: (item: T) => UniqueIdentifier }
-    : { getItemValue?: (item: T) => UniqueIdentifier });
+interface GetItemValue<T> {
+  /**
+   * Callback that returns a unique identifier for each kanban item. Required for array of objects.
+   * @example getItemValue={(item) => item.id}
+   */
+  getItemValue: (item: T) => UniqueIdentifier;
+}
+
+type KanbanProps<T> = Omit<DndContextProps, "collisionDetection"> &
+  GetItemValue<T> & {
+    value: Record<UniqueIdentifier, T[]>;
+    onValueChange?: (columns: Record<UniqueIdentifier, T[]>) => void;
+    onMove?: (event: DragEndEvent) => void;
+    strategy?: SortableContextProps["strategy"];
+    flatCursor?: boolean;
+  } & (T extends object ? GetItemValue<T> : Partial<GetItemValue<T>>);
 
 function Kanban<T>(props: KanbanProps<T>) {
   const {

docs/registry/default/ui/sortable.tsx

@@ -94,16 +94,22 @@ function useSortableContext(name: keyof typeof SORTABLE_ERROR) {
   return context;
 }
 
+interface GetItemValue<T> {
+  /**
+   * Callback that returns a unique identifier for each sortable item. Required for array of objects.
+   * @example getItemValue={(item) => item.id}
+   */
+  getItemValue: (item: T) => UniqueIdentifier;
+}
+
 type SortableProps<T> = DndContextProps & {
   value: T[];
   onValueChange?: (items: T[]) => void;
   onMove?: (event: DragEndEvent) => void;
   strategy?: SortableContextProps["strategy"];
   orientation?: "vertical" | "horizontal" | "mixed";
   flatCursor?: boolean;
-} & (T extends object
-    ? { getItemValue: (item: T) => UniqueIdentifier }
-    : { getItemValue?: (item: T) => UniqueIdentifier });
+} & (T extends object ? GetItemValue<T> : Partial<GetItemValue<T>>);
 
 function Sortable<T>(props: SortableProps<T>) {
   const {

docs/types/docs/sortable.ts

@@ -27,7 +27,7 @@ export interface RootProps<TData> extends DndContextProps {
   onValueChange?: (items: TData[]) => void;
 
   /**
-   * A function that returns a unique identifier for each sortable item.
+   * Callback that returns a unique identifier for each sortable item.
    *
    * Required when using an array of objects.
    *