admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/components/features/kanban/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/kanban/hooks/use-kanban.ts","../../../../src/components/features/kanban/kanban-context.tsx","../../../../src/components/features/kanban/kanban.strings.ts","../../../../src/components/features/kanban/kanban.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport type { KanbanItemMoveEvent, KanbanValue } from '../kanban.types';\n\n/**\n * Headless hook — exposes the same state machine `<Kanban>` uses\n * internally so consumers can build a fully custom UI against it.\n *\n *   const { findItem, move } = useKanban({ value, onValueChange,\n *     getItemValue });\n *   move({ itemId: 'card-1', toColumnId: 'shipped', toIndex: 0 });\n */\nexport interface UseKanbanOptions<T> {\n\tvalue: KanbanValue<T>;\n\tonValueChange: (next: KanbanValue<T>) => void;\n\tgetItemValue: (item: T) => string;\n\tonItemMove?: (event: KanbanItemMoveEvent<T>) => void;\n}\n\nexport interface UseKanbanResult<T> {\n\tfindItem: (id: string) => { columnId: string; index: number; item: T } | undefined;\n\t/**\n\t * Move an item between columns / within the same column. Idempotent:\n\t * a no-op move is safe.\n\t */\n\tmove: (input: { itemId: string; toColumnId: string; toIndex?: number }) => void;\n}\n\nexport function useKanban<T>({\n\tvalue,\n\tonValueChange,\n\tgetItemValue,\n\tonItemMove,\n}: UseKanbanOptions<T>): UseKanbanResult<T> {\n\tconst findItem = useCallback(\n\t\t(id: string) => {\n\t\t\tfor (const [columnId, items] of Object.entries(value)) {\n\t\t\t\tconst index = items.findIndex((item) => getItemValue(item) === id);\n\t\t\t\tif (index >= 0) return { columnId, index, item: items[index] };\n\t\t\t}\n\t\t\treturn undefined;\n\t\t},\n\t\t[value, getItemValue],\n\t);\n\n\tconst move = useCallback(\n\t\t({ itemId, toColumnId, toIndex }: { itemId: string; toColumnId: string; toIndex?: number }) => {\n\t\t\tconst found = findItem(itemId);\n\t\t\tif (!found) return;\n\t\t\tif (!Object.prototype.hasOwnProperty.call(value, toColumnId)) return;\n\n\t\t\tconst { columnId: fromColumnId, index: fromIndex, item } = found;\n\n\t\t\t// Same column, same slot — nothing to do.\n\t\t\tconst targetItems = value[toColumnId];\n\t\t\tconst resolvedToIndex =\n\t\t\t\ttoIndex === undefined\n\t\t\t\t\t? targetItems.length\n\t\t\t\t\t: Math.max(0, Math.min(toIndex, targetItems.length));\n\n\t\t\tif (fromColumnId === toColumnId && fromIndex === resolvedToIndex) return;\n\n\t\t\tconst next: KanbanValue<T> = { ...value };\n\t\t\tconst sourceCopy = [...next[fromColumnId]];\n\t\t\tsourceCopy.splice(fromIndex, 1);\n\t\t\tnext[fromColumnId] = sourceCopy;\n\n\t\t\tconst targetCopy = [...(fromColumnId === toColumnId ? sourceCopy : next[toColumnId])];\n\t\t\t// When moving within the same column to a later index, the splice\n\t\t\t// above shifted everything left — re-resolve the destination.\n\t\t\tlet landingIndex = resolvedToIndex;\n\t\t\tif (fromColumnId === toColumnId && fromIndex < resolvedToIndex) {\n\t\t\t\tlandingIndex = Math.max(0, resolvedToIndex - 1);\n\t\t\t}\n\t\t\ttargetCopy.splice(landingIndex, 0, item);\n\t\t\tnext[toColumnId] = targetCopy;\n\n\t\t\tonValueChange(next);\n\t\t\tonItemMove?.({\n\t\t\t\titem,\n\t\t\t\titemId,\n\t\t\t\tfrom: { columnId: fromColumnId, index: fromIndex },\n\t\t\t\tto: { columnId: toColumnId, index: landingIndex },\n\t\t\t});\n\t\t},\n\t\t[value, findItem, onValueChange, onItemMove],\n\t);\n\n\treturn useMemo(() => ({ findItem, move }), [findItem, move]);\n}\n","import { createContext, useContext } from 'react';\n\nimport type { KanbanContextShape } from './kanban.types';\n\n/**\n * Internal context for the Kanban — the parts use this to read\n * shared state (current value, getItemValue, active drag id).\n */\nconst KanbanContext = createContext<KanbanContextShape | null>(null);\n\nexport const KanbanContextProvider = KanbanContext.Provider;\n\nexport function useKanbanContext<T = unknown>(): KanbanContextShape<T> {\n\tconst ctx = useContext(KanbanContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t'Kanban subcomponents must be rendered inside a <Kanban> root.',\n\t\t);\n\t}\n\treturn ctx as unknown as KanbanContextShape<T>;\n}\n\n/**\n * Internal context exposed by `<KanbanItem>` so the optional\n * `<KanbanItemHandle>` knows which listeners + accessibility props to\n * wire to the dedicated drag handle. Also carries the resolved\n * domain item so `<KanbanItemActions>` (and any other item-aware\n * subcomponent) can render per-item content without prop drilling.\n *\n * The dnd-kit shapes are widened to `unknown` so consumers can spread\n * them onto any HTMLElement.\n */\ninterface KanbanItemContextShape {\n\tlisteners: unknown;\n\tattributes: unknown;\n\tsetActivatorNodeRef: (node: HTMLElement | null) => void;\n\t/** Stable id (the value returned by `getItemValue`). */\n\titemId: string;\n\t/** The domain item itself — null if it can't be resolved. */\n\titem: unknown;\n}\n\nconst KanbanItemContext = createContext<KanbanItemContextShape | null>(null);\n\nexport const KanbanItemContextProvider = KanbanItemContext.Provider;\n\nexport function useKanbanItemContext(): KanbanItemContextShape {\n\tconst ctx = useContext(KanbanItemContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t'<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.',\n\t\t);\n\t}\n\treturn ctx;\n}\n","/**\n * Strings for the Kanban — drag-and-drop screen-reader announcements\n * + accessibility labels. The library never renders user-visible copy\n * that the consumer hasn't already supplied via column headers / item\n * children, so the strings here are exclusively for assistive tech.\n */\nexport interface KanbanStrings {\n\t/** Read by screen readers when a drag begins. `{name}` = item id. */\n\tannounceDragStart: string;\n\t/** Read when an item moves over a column. `{from}` / `{to}` are column ids. */\n\tannounceDragMove: string;\n\t/** Read when an item is dropped into a column. */\n\tannounceDragEnd: string;\n\t/** Read when the user cancels a drag with Escape. */\n\tannounceDragCancel: string;\n\t/** Aria label on the drag handle. */\n\tdragHandleAria: string;\n\t/** Aria label on the board landmark. */\n\tboardAria: string;\n\t/** Aria label on the per-item actions trigger (`⋮`). */\n\titemActionsAria: string;\n}\n\nexport const defaultKanbanStrings: KanbanStrings = {\n\tannounceDragStart: 'Picked up item {name}.',\n\tannounceDragMove: 'Moving {name} from {from} to {to}.',\n\tannounceDragEnd: 'Dropped {name} into {to}.',\n\tannounceDragCancel: 'Cancelled drag of {name}.',\n\tdragHandleAria: 'Drag handle',\n\tboardAria: 'Kanban board',\n\titemActionsAria: 'Item actions',\n};\n\nexport function interpolateKanbanString(\n\ttemplate: string,\n\tparams: Record<string, string>,\n): string {\n\treturn Object.entries(params).reduce(\n\t\t(acc, [key, value]) => acc.replace(new RegExp(`\\\\{${key}\\\\}`, 'g'), value),\n\t\ttemplate,\n\t);\n}\n","/**\n * Kanban — drag-and-drop board with multi-column item sorting and\n * cross-column moves. Headless behavior comes from `@dnd-kit/core` +\n * `@dnd-kit/sortable`; the library wires it into a callback-driven,\n * generic-T API:\n *\n *     <Kanban\n *         value={columns}\n *         onValueChange={setColumns}\n *         getItemValue={(c) => c.id}\n *         onItemMove={(e) => api.persistMove(e)}\n *     >\n *         <KanbanBoard className=\"grid grid-cols-3 gap-3\">\n *             {Object.entries(columns).map(([colId, items]) => (\n *                 <KanbanColumn key={colId} value={colId}>\n *                     <header>{COLUMNS[colId].title}</header>\n *                     <KanbanColumnContent value={colId}>\n *                         {items.map((card) => (\n *                             <KanbanItem key={card.id} value={card.id}>\n *                                 …card body…\n *                             </KanbanItem>\n *                         ))}\n *                     </KanbanColumnContent>\n *                 </KanbanColumn>\n *             ))}\n *         </KanbanBoard>\n *         <KanbanOverlay />\n *     </Kanban>\n *\n * The library never reaches into a router, never persists state — your\n * `onValueChange` is the source of truth. Use `onItemMove` for\n * analytics / optimistic-update plumbing.\n */\nimport {\n\tDndContext,\n\tDragOverlay,\n\tPointerSensor,\n\tuseDroppable,\n\tuseSensor,\n\tuseSensors,\n\ttype DragEndEvent,\n\ttype DragStartEvent,\n} from '@dnd-kit/core';\nimport {\n\tSortableContext,\n\tuseSortable,\n\tverticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { MoreHorizontal } from 'lucide-react';\nimport { forwardRef, useCallback, useMemo, useState, type MouseEvent } from 'react';\n\nimport { PopoverMenu } from '@/components/base/popover-menu';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useKanban } from './hooks/use-kanban';\nimport {\n\tKanbanContextProvider,\n\tKanbanItemContextProvider,\n\tuseKanbanContext,\n\tuseKanbanItemContext,\n} from './kanban-context';\nimport { defaultKanbanStrings } from './kanban.strings';\nimport type {\n\tKanbanBoardProps,\n\tKanbanColumnContentProps,\n\tKanbanColumnProps,\n\tKanbanItemAction,\n\tKanbanItemActionsConfig,\n\tKanbanItemActionsProps,\n\tKanbanItemHandleProps,\n\tKanbanItemProps,\n\tKanbanOverlayProps,\n\tKanbanProps,\n} from './kanban.types';\n\nexport function Kanban<T>({\n\tvalue,\n\tonValueChange,\n\tgetItemValue,\n\tonItemMove,\n\titemActions,\n\tonItemClick,\n\tstrings: stringsProp,\n\tclassName,\n\tchildren,\n}: KanbanProps<T>) {\n\tconst strings = useStrings(defaultKanbanStrings, stringsProp);\n\tconst { findItem, move } = useKanban({\n\t\tvalue,\n\t\tonValueChange,\n\t\tgetItemValue,\n\t\tonItemMove,\n\t});\n\tconst [activeId, setActiveId] = useState<string | null>(null);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n\t);\n\n\tconst activeItem = useMemo(\n\t\t() => (activeId ? findItem(activeId)?.item ?? null : null),\n\t\t[activeId, findItem],\n\t);\n\n\tconst handleDragStart = useCallback(\n\t\t(event: DragStartEvent) => {\n\t\t\tsetActiveId(String(event.active.id));\n\t\t},\n\t\t[],\n\t);\n\n\tconst handleDragEnd = useCallback(\n\t\t(event: DragEndEvent) => {\n\t\t\tsetActiveId(null);\n\t\t\tconst { active, over } = event;\n\t\t\tif (!over) return;\n\t\t\tconst activeData = active.data.current as\n\t\t\t\t| { columnId?: string; index?: number }\n\t\t\t\t| undefined;\n\t\t\tconst overData = over.data.current as\n\t\t\t\t| { columnId?: string; index?: number }\n\t\t\t\t| undefined;\n\t\t\tconst overId = String(over.id);\n\n\t\t\t// Dropping on a column container (not a sortable item) → append.\n\t\t\tconst targetColumnId =\n\t\t\t\toverData?.columnId ?? (Object.prototype.hasOwnProperty.call(value, overId) ? overId : undefined);\n\t\t\tif (!targetColumnId) return;\n\n\t\t\tconst toIndex =\n\t\t\t\toverData?.columnId !== undefined ? overData.index : value[targetColumnId].length;\n\n\t\t\tmove({\n\t\t\t\titemId: String(active.id),\n\t\t\t\ttoColumnId: targetColumnId,\n\t\t\t\ttoIndex,\n\t\t\t});\n\t\t\tvoid activeData;\n\t\t},\n\t\t[move, value],\n\t);\n\n\tconst ctxValue = useMemo(\n\t\t() => ({\n\t\t\tvalue: value as Record<string, unknown[]>,\n\t\t\tonValueChange: onValueChange as (next: Record<string, unknown[]>) => void,\n\t\t\tgetItemValue: getItemValue as (item: unknown) => string,\n\t\t\tactiveId,\n\t\t\tactiveItem: activeItem as unknown,\n\t\t\tfindItem: findItem as (id: string) => { columnId: string; index: number; item: unknown } | undefined,\n\t\t\titemActions: itemActions as KanbanItemActionsConfig<unknown> | undefined,\n\t\t\tonItemClick: onItemClick as ((item: unknown) => void) | undefined,\n\t\t}),\n\t\t[value, onValueChange, getItemValue, activeId, activeItem, findItem, itemActions, onItemClick],\n\t);\n\n\treturn (\n\t\t<KanbanContextProvider value={ctxValue}>\n\t\t\t<DndContext\n\t\t\t\tsensors={sensors}\n\t\t\t\tonDragStart={handleDragStart}\n\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\tonDragCancel={() => setActiveId(null)}\n\t\t\t\taccessibility={{\n\t\t\t\t\tannouncements: {\n\t\t\t\t\t\tonDragStart({ active }) {\n\t\t\t\t\t\t\treturn strings.announceDragStart.replace('{name}', String(active.id));\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonDragOver({ active, over }) {\n\t\t\t\t\t\t\tif (!over) return undefined;\n\t\t\t\t\t\t\treturn strings.announceDragMove\n\t\t\t\t\t\t\t\t.replace('{name}', String(active.id))\n\t\t\t\t\t\t\t\t.replace('{from}', '')\n\t\t\t\t\t\t\t\t.replace('{to}', String(over.id));\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonDragEnd({ active, over }) {\n\t\t\t\t\t\t\treturn strings.announceDragEnd\n\t\t\t\t\t\t\t\t.replace('{name}', String(active.id))\n\t\t\t\t\t\t\t\t.replace('{to}', over ? String(over.id) : '');\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonDragCancel({ active }) {\n\t\t\t\t\t\t\treturn strings.announceDragCancel.replace('{name}', String(active.id));\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"application\"\n\t\t\t\t\taria-label={strings.boardAria}\n\t\t\t\t\tclassName={cn('kanban--component', 'w-full', className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</DndContext>\n\t\t</KanbanContextProvider>\n\t);\n}\n\nKanban.displayName = 'Kanban';\n\nexport function KanbanBoard({ className, style, children }: KanbanBoardProps) {\n\treturn (\n\t\t<div className={cn('grid w-full gap-3', className)} style={style}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nKanbanBoard.displayName = 'KanbanBoard';\n\nexport function KanbanColumn({ value, className, children }: KanbanColumnProps) {\n\tconst { setNodeRef, isOver } = useDroppable({ id: value });\n\treturn (\n\t\t<div\n\t\t\tref={setNodeRef}\n\t\t\tdata-slot=\"kanban-column\"\n\t\t\tdata-column-id={value}\n\t\t\tdata-over={isOver ? 'true' : undefined}\n\t\t\tclassName={cn('flex min-w-0 flex-col', className)}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nKanbanColumn.displayName = 'KanbanColumn';\n\nexport function KanbanColumnContent({\n\tvalue,\n\tclassName,\n\tchildren,\n}: KanbanColumnContentProps) {\n\tconst ctx = useKanbanContext();\n\tconst items = ctx.value[value] ?? [];\n\tconst ids = items.map((item) => ctx.getItemValue(item));\n\treturn (\n\t\t<SortableContext items={ids} strategy={verticalListSortingStrategy}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"kanban-column-content\"\n\t\t\t\tclassName={cn('flex flex-col gap-2', className)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SortableContext>\n\t);\n}\n\nKanbanColumnContent.displayName = 'KanbanColumnContent';\n\nexport function KanbanItem({\n\tvalue,\n\tclassName,\n\tdisabled = false,\n\tonClick,\n\tchildren,\n}: KanbanItemProps) {\n\tconst ctx = useKanbanContext();\n\tconst found = ctx.findItem(value);\n\tconst {\n\t\tattributes,\n\t\tlisteners,\n\t\tsetNodeRef,\n\t\tsetActivatorNodeRef,\n\t\ttransform,\n\t\ttransition,\n\t\tisDragging,\n\t} = useSortable({\n\t\tid: value,\n\t\tdisabled,\n\t\tdata: { columnId: found?.columnId, index: found?.index },\n\t});\n\n\tconst style = {\n\t\ttransform: CSS.Transform.toString(transform),\n\t\ttransition,\n\t\topacity: isDragging ? 0.4 : undefined,\n\t};\n\n\tconst itemCtx = useMemo(\n\t\t() => ({\n\t\t\tlisteners,\n\t\t\tattributes,\n\t\t\tsetActivatorNodeRef,\n\t\t\titemId: value,\n\t\t\titem: found?.item ?? null,\n\t\t}),\n\t\t[listeners, attributes, setActivatorNodeRef, value, found?.item],\n\t);\n\n\tconst rootClick = ctx.onItemClick;\n\tconst handleClick = useCallback(\n\t\t(event: MouseEvent<HTMLDivElement>) => {\n\t\t\t// `<KanbanItemHandle>` and `<KanbanItemActions>` mark themselves\n\t\t\t// with `data-stop-item-click` so a click on the drag handle or\n\t\t\t// the actions menu doesn't bubble up as a card click.\n\t\t\tconst target = event.target as HTMLElement | null;\n\t\t\tif (target?.closest('[data-stop-item-click]')) return;\n\t\t\tif (onClick) {\n\t\t\t\tonClick();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (rootClick && found?.item !== undefined) {\n\t\t\t\trootClick(found.item);\n\t\t\t}\n\t\t},\n\t\t[onClick, rootClick, found?.item],\n\t);\n\n\tconst isClickable = Boolean(onClick || rootClick);\n\n\t// When no <KanbanItemHandle> is used, the whole row is the activator.\n\t// We attach listeners + attributes here as the default — KanbanItemHandle\n\t// can then override by wiring them to a more specific element.\n\treturn (\n\t\t<KanbanItemContextProvider value={itemCtx}>\n\t\t\t<div\n\t\t\t\tref={setNodeRef}\n\t\t\t\tstyle={style}\n\t\t\t\tdata-slot=\"kanban-item\"\n\t\t\t\tdata-dragging={isDragging ? 'true' : undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'touch-none select-none',\n\t\t\t\t\tisClickable && 'cursor-pointer',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tonClick={isClickable ? handleClick : undefined}\n\t\t\t\t{...attributes}\n\t\t\t\t{...listeners}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</KanbanItemContextProvider>\n\t);\n}\n\nKanbanItem.displayName = 'KanbanItem';\n\nexport const KanbanItemHandle = forwardRef<HTMLButtonElement, KanbanItemHandleProps>(function KanbanItemHandle({ className, children }, forwardedRef) {\n\tconst { setActivatorNodeRef, listeners, attributes } = useKanbanItemContext();\n\t// Merge dnd-kit's activator ref with the consumer's forwarded ref so a\n\t// `<Tooltip><KanbanItemHandle ref={…}/></Tooltip>` wiring still gets a\n\t// real ref to the button element.\n\tconst setMergedRef = useCallback(\n\t\t(node: HTMLButtonElement | null) => {\n\t\t\tsetActivatorNodeRef(node);\n\t\t\tif (typeof forwardedRef === 'function') {\n\t\t\t\tforwardedRef(node);\n\t\t\t} else if (forwardedRef) {\n\t\t\t\tforwardedRef.current = node;\n\t\t\t}\n\t\t},\n\t\t[setActivatorNodeRef, forwardedRef],\n\t);\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tref={setMergedRef}\n\t\t\tdata-slot=\"kanban-item-handle\"\n\t\t\tdata-stop-item-click\n\t\t\tonClick={(event) => event.stopPropagation()}\n\t\t\tclassName={cn(\n\t\t\t\t'inline-flex cursor-grab items-center justify-center rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...(attributes as Record<string, unknown>)}\n\t\t\t{...(listeners as Record<string, unknown>)}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n});\n\nKanbanItemHandle.displayName = 'KanbanItemHandle';\n\n/**\n * Per-item actions menu (`⋮` trigger → popover with the actions\n * registered at the `<Kanban itemActions>` root). Place inside any\n * `<KanbanItem>` — typically in the card's top-right corner.\n *\n * The trigger marks itself with `data-stop-item-click` so opening the\n * menu doesn't fire the parent `onItemClick` callback.\n */\nexport function KanbanItemActions({\n\tclassName,\n\ticon,\n\tariaLabel,\n}: KanbanItemActionsProps) {\n\tconst [open, setOpen] = useState(false);\n\tconst ctx = useKanbanContext();\n\tconst itemCtx = useKanbanItemContext();\n\tconst strings = useStrings(defaultKanbanStrings, undefined);\n\n\tconst item = itemCtx.item;\n\tconst rawActions = ctx.itemActions;\n\tconst actions = useMemo(() => {\n\t\tif (!rawActions || item === null || item === undefined) return [] as ReadonlyArray<KanbanItemAction<unknown>>;\n\t\tconst list = typeof rawActions === 'function' ? rawActions(item) : rawActions;\n\t\treturn list.filter((action) =>\n\t\t\taction.isVisible ? action.isVisible(item) : true,\n\t\t);\n\t}, [rawActions, item]);\n\n\tif (actions.length === 0) return null;\n\n\treturn (\n\t\t<PopoverMenu\n\t\t\topen={open}\n\t\t\tonOpenChange={setOpen}\n\t\t\tsearch={false}\n\t\t\tcontentClassName=\"w-44\"\n\t\t\ttrigger={\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdata-slot=\"kanban-item-actions-trigger\"\n\t\t\t\t\tdata-stop-item-click\n\t\t\t\t\taria-label={ariaLabel ?? strings.itemActionsAria}\n\t\t\t\t\tonClick={(event) => event.stopPropagation()}\n\t\t\t\t\tonPointerDown={(event) => event.stopPropagation()}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'inline-flex size-7 items-center justify-center rounded-md',\n\t\t\t\t\t\t'text-muted-foreground/70 hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t'transition-colors',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{icon ?? <MoreHorizontal className=\"size-4\" aria-hidden=\"true\" />}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\titems={actions.map((action) => ({\n\t\t\t\tvalue: action.id,\n\t\t\t\tlabel: action.label,\n\t\t\t\ticon: action.icon,\n\t\t\t\tdisabled: action.isDisabled?.(item) ?? false,\n\t\t\t\tdata: action,\n\t\t\t}))}\n\t\t\trenderItem={(menuItem) => {\n\t\t\t\tconst action = menuItem.data as KanbanItemAction<unknown>;\n\t\t\t\tconst isDestructive = action.variant === 'destructive';\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!!action.icon && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'shrink-0',\n\t\t\t\t\t\t\t\t\tisDestructive ? 'text-destructive' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.icon}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'truncate',\n\t\t\t\t\t\t\t\tisDestructive && 'text-destructive',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t}}\n\t\t\tonSelect={(menuItem) => {\n\t\t\t\tconst action = menuItem.data as KanbanItemAction<unknown> | undefined;\n\t\t\t\taction?.onSelect(item);\n\t\t\t\tsetOpen(false);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nKanbanItemActions.displayName = 'KanbanItemActions';\n\nexport function KanbanOverlay({ className, render }: KanbanOverlayProps) {\n\tconst { activeItem, activeId, findItem } = useKanbanContext();\n\treturn (\n\t\t<DragOverlay>\n\t\t\t{activeId\n\t\t\t\t? render\n\t\t\t\t\t? render({\n\t\t\t\t\t\t\titem: activeItem,\n\t\t\t\t\t\t\tcolumnId: findItem(activeId)?.columnId ?? null,\n\t\t\t\t\t\t})\n\t\t\t\t\t: (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"text-primary/80\">{activeId}</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t: null}\n\t\t</DragOverlay>\n\t);\n}\n\nKanbanOverlay.displayName = 'KanbanOverlay';\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/kanban/hooks/use-kanban.ts","../../../../src/components/features/kanban/kanban-context.tsx","../../../../src/components/features/kanban/kanban.strings.ts","../../../../src/components/features/kanban/kanban.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport type { KanbanItemMoveEvent, KanbanValue } from '../kanban.types';\n\n/**\n * Headless hook — exposes the same state machine `<Kanban>` uses\n * internally so consumers can build a fully custom UI against it.\n *\n *   const { findItem, move } = useKanban({ value, onValueChange,\n *     getItemValue });\n *   move({ itemId: 'card-1', toColumnId: 'shipped', toIndex: 0 });\n */\nexport interface UseKanbanOptions<T> {\n\tvalue: KanbanValue<T>;\n\tonValueChange: (next: KanbanValue<T>) => void;\n\tgetItemValue: (item: T) => string;\n\tonItemMove?: (event: KanbanItemMoveEvent<T>) => void;\n}\n\nexport interface UseKanbanResult<T> {\n\tfindItem: (id: string) => { columnId: string; index: number; item: T } | undefined;\n\t/**\n\t * Move an item between columns / within the same column. Idempotent:\n\t * a no-op move is safe.\n\t */\n\tmove: (input: { itemId: string; toColumnId: string; toIndex?: number }) => void;\n}\n\nexport function useKanban<T>({\n\tvalue,\n\tonValueChange,\n\tgetItemValue,\n\tonItemMove,\n}: UseKanbanOptions<T>): UseKanbanResult<T> {\n\tconst findItem = useCallback(\n\t\t(id: string) => {\n\t\t\tfor (const [columnId, items] of Object.entries(value)) {\n\t\t\t\tconst index = items.findIndex((item) => getItemValue(item) === id);\n\t\t\t\tif (index >= 0) return { columnId, index, item: items[index] };\n\t\t\t}\n\t\t\treturn undefined;\n\t\t},\n\t\t[value, getItemValue],\n\t);\n\n\tconst move = useCallback(\n\t\t({ itemId, toColumnId, toIndex }: { itemId: string; toColumnId: string; toIndex?: number }) => {\n\t\t\tconst found = findItem(itemId);\n\t\t\tif (!found) return;\n\t\t\tif (!Object.prototype.hasOwnProperty.call(value, toColumnId)) return;\n\n\t\t\tconst { columnId: fromColumnId, index: fromIndex, item } = found;\n\n\t\t\t// Same column, same slot — nothing to do.\n\t\t\tconst targetItems = value[toColumnId];\n\t\t\tconst resolvedToIndex =\n\t\t\t\ttoIndex === undefined\n\t\t\t\t\t? targetItems.length\n\t\t\t\t\t: Math.max(0, Math.min(toIndex, targetItems.length));\n\n\t\t\tif (fromColumnId === toColumnId && fromIndex === resolvedToIndex) return;\n\n\t\t\tconst next: KanbanValue<T> = { ...value };\n\t\t\tconst sourceCopy = [...next[fromColumnId]];\n\t\t\tsourceCopy.splice(fromIndex, 1);\n\t\t\tnext[fromColumnId] = sourceCopy;\n\n\t\t\tconst targetCopy = [...(fromColumnId === toColumnId ? sourceCopy : next[toColumnId])];\n\t\t\t// When moving within the same column to a later index, the splice\n\t\t\t// above shifted everything left — re-resolve the destination.\n\t\t\tlet landingIndex = resolvedToIndex;\n\t\t\tif (fromColumnId === toColumnId && fromIndex < resolvedToIndex) {\n\t\t\t\tlandingIndex = Math.max(0, resolvedToIndex - 1);\n\t\t\t}\n\t\t\ttargetCopy.splice(landingIndex, 0, item);\n\t\t\tnext[toColumnId] = targetCopy;\n\n\t\t\tonValueChange(next);\n\t\t\tonItemMove?.({\n\t\t\t\titem,\n\t\t\t\titemId,\n\t\t\t\tfrom: { columnId: fromColumnId, index: fromIndex },\n\t\t\t\tto: { columnId: toColumnId, index: landingIndex },\n\t\t\t});\n\t\t},\n\t\t[value, findItem, onValueChange, onItemMove],\n\t);\n\n\treturn useMemo(() => ({ findItem, move }), [findItem, move]);\n}\n","import { createContext, useContext } from 'react';\n\nimport type { KanbanContextShape } from './kanban.types';\n\n/**\n * Internal context for the Kanban — the parts use this to read\n * shared state (current value, getItemValue, active drag id).\n */\nconst KanbanContext = createContext<KanbanContextShape | null>(null);\n\nexport const KanbanContextProvider = KanbanContext.Provider;\n\nexport function useKanbanContext<T = unknown>(): KanbanContextShape<T> {\n\tconst ctx = useContext(KanbanContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t'Kanban subcomponents must be rendered inside a <Kanban> root.',\n\t\t);\n\t}\n\treturn ctx as unknown as KanbanContextShape<T>;\n}\n\n/**\n * Internal context exposed by `<KanbanItem>` so the optional\n * `<KanbanItemHandle>` knows which listeners + accessibility props to\n * wire to the dedicated drag handle. Also carries the resolved\n * domain item so `<KanbanItemActions>` (and any other item-aware\n * subcomponent) can render per-item content without prop drilling.\n *\n * The dnd-kit shapes are widened to `unknown` so consumers can spread\n * them onto any HTMLElement.\n */\ninterface KanbanItemContextShape {\n\tlisteners: unknown;\n\tattributes: unknown;\n\tsetActivatorNodeRef: (node: HTMLElement | null) => void;\n\tregisterHandle: () => () => void;\n\t/** Stable id (the value returned by `getItemValue`). */\n\titemId: string;\n\t/** The domain item itself — null if it can't be resolved. */\n\titem: unknown;\n}\n\nconst KanbanItemContext = createContext<KanbanItemContextShape | null>(null);\n\nexport const KanbanItemContextProvider = KanbanItemContext.Provider;\n\nexport function useKanbanItemContext(): KanbanItemContextShape {\n\tconst ctx = useContext(KanbanItemContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t'<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.',\n\t\t);\n\t}\n\treturn ctx;\n}\n","/**\n * Strings for the Kanban — drag-and-drop screen-reader announcements\n * + accessibility labels. The library never renders user-visible copy\n * that the consumer hasn't already supplied via column headers / item\n * children, so the strings here are exclusively for assistive tech.\n */\nexport interface KanbanStrings {\n\t/** Read by screen readers when a drag begins. `{name}` = item id. */\n\tannounceDragStart: string;\n\t/** Read when an item moves over a column. `{from}` / `{to}` are column ids. */\n\tannounceDragMove: string;\n\t/** Read when an item is dropped into a column. */\n\tannounceDragEnd: string;\n\t/** Read when the user cancels a drag with Escape. */\n\tannounceDragCancel: string;\n\t/** Aria label on the drag handle. */\n\tdragHandleAria: string;\n\t/** Aria label on the board landmark. */\n\tboardAria: string;\n\t/** Aria label on the per-item actions trigger (`⋮`). */\n\titemActionsAria: string;\n}\n\nexport const defaultKanbanStrings: KanbanStrings = {\n\tannounceDragStart: 'Picked up item {name}.',\n\tannounceDragMove: 'Moving {name} from {from} to {to}.',\n\tannounceDragEnd: 'Dropped {name} into {to}.',\n\tannounceDragCancel: 'Cancelled drag of {name}.',\n\tdragHandleAria: 'Drag handle',\n\tboardAria: 'Kanban board',\n\titemActionsAria: 'Item actions',\n};\n\nexport function interpolateKanbanString(\n\ttemplate: string,\n\tparams: Record<string, string>,\n): string {\n\treturn Object.entries(params).reduce(\n\t\t(acc, [key, value]) => acc.replace(new RegExp(`\\\\{${key}\\\\}`, 'g'), value),\n\t\ttemplate,\n\t);\n}\n","/**\n * Kanban — drag-and-drop board with multi-column item sorting and\n * cross-column moves. Headless behavior comes from `@dnd-kit/core` +\n * `@dnd-kit/sortable`; the library wires it into a callback-driven,\n * generic-T API:\n *\n *     <Kanban\n *         value={columns}\n *         onValueChange={setColumns}\n *         getItemValue={(c) => c.id}\n *         onItemMove={(e) => api.persistMove(e)}\n *     >\n *         <KanbanBoard className=\"grid grid-cols-3 gap-3\">\n *             {Object.entries(columns).map(([colId, items]) => (\n *                 <KanbanColumn key={colId} value={colId}>\n *                     <header>{COLUMNS[colId].title}</header>\n *                     <KanbanColumnContent value={colId}>\n *                         {items.map((card) => (\n *                             <KanbanItem key={card.id} value={card.id}>\n *                                 …card body…\n *                             </KanbanItem>\n *                         ))}\n *                     </KanbanColumnContent>\n *                 </KanbanColumn>\n *             ))}\n *         </KanbanBoard>\n *         <KanbanOverlay />\n *     </Kanban>\n *\n * The library never reaches into a router, never persists state — your\n * `onValueChange` is the source of truth. Use `onItemMove` for\n * analytics / optimistic-update plumbing.\n */\nimport {\n\tDndContext,\n\tDragOverlay,\n\tPointerSensor,\n\tuseDroppable,\n\tuseSensor,\n\tuseSensors,\n\ttype DragEndEvent,\n\ttype DragStartEvent,\n} from '@dnd-kit/core';\nimport {\n\tSortableContext,\n\tuseSortable,\n\tverticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { MoreHorizontal } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useMemo, useState, type MouseEvent } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { PopoverMenu } from '@/components/base/popover-menu';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useKanban } from './hooks/use-kanban';\nimport {\n\tKanbanContextProvider,\n\tKanbanItemContextProvider,\n\tuseKanbanContext,\n\tuseKanbanItemContext,\n} from './kanban-context';\nimport { defaultKanbanStrings } from './kanban.strings';\nimport type {\n\tKanbanBoardProps,\n\tKanbanColumnContentProps,\n\tKanbanColumnProps,\n\tKanbanItemAction,\n\tKanbanItemActionsConfig,\n\tKanbanItemActionsProps,\n\tKanbanItemHandleProps,\n\tKanbanItemProps,\n\tKanbanOverlayProps,\n\tKanbanProps,\n} from './kanban.types';\n\nexport function Kanban<T>({\n\tvalue,\n\tonValueChange,\n\tgetItemValue,\n\tonItemMove,\n\titemActions,\n\tonItemClick,\n\tstrings: stringsProp,\n\tclassName,\n\tchildren,\n}: KanbanProps<T>) {\n\tconst strings = useStrings(defaultKanbanStrings, stringsProp);\n\tconst { findItem, move } = useKanban({\n\t\tvalue,\n\t\tonValueChange,\n\t\tgetItemValue,\n\t\tonItemMove,\n\t});\n\tconst [activeId, setActiveId] = useState<string | null>(null);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n\t);\n\n\tconst activeItem = useMemo(\n\t\t() => (activeId ? findItem(activeId)?.item ?? null : null),\n\t\t[activeId, findItem],\n\t);\n\n\tconst handleDragStart = useCallback(\n\t\t(event: DragStartEvent) => {\n\t\t\tsetActiveId(String(event.active.id));\n\t\t},\n\t\t[],\n\t);\n\n\tconst handleDragEnd = useCallback(\n\t\t(event: DragEndEvent) => {\n\t\t\tsetActiveId(null);\n\t\t\tconst { active, over } = event;\n\t\t\tif (!over) return;\n\t\t\tconst activeData = active.data.current as\n\t\t\t\t| { columnId?: string; index?: number }\n\t\t\t\t| undefined;\n\t\t\tconst overData = over.data.current as\n\t\t\t\t| { columnId?: string; index?: number }\n\t\t\t\t| undefined;\n\t\t\tconst overId = String(over.id);\n\n\t\t\t// Dropping on a column container (not a sortable item) → append.\n\t\t\tconst targetColumnId =\n\t\t\t\toverData?.columnId ?? (Object.prototype.hasOwnProperty.call(value, overId) ? overId : undefined);\n\t\t\tif (!targetColumnId) return;\n\n\t\t\tconst toIndex =\n\t\t\t\toverData?.columnId !== undefined ? overData.index : value[targetColumnId].length;\n\n\t\t\tmove({\n\t\t\t\titemId: String(active.id),\n\t\t\t\ttoColumnId: targetColumnId,\n\t\t\t\ttoIndex,\n\t\t\t});\n\t\t\tvoid activeData;\n\t\t},\n\t\t[move, value],\n\t);\n\n\tconst ctxValue = useMemo(\n\t\t() => ({\n\t\t\tvalue: value as Record<string, unknown[]>,\n\t\t\tonValueChange: onValueChange as (next: Record<string, unknown[]>) => void,\n\t\t\tgetItemValue: getItemValue as (item: unknown) => string,\n\t\t\tactiveId,\n\t\t\tactiveItem: activeItem as unknown,\n\t\t\tfindItem: findItem as (id: string) => { columnId: string; index: number; item: unknown } | undefined,\n\t\t\titemActions: itemActions as KanbanItemActionsConfig<unknown> | undefined,\n\t\t\tonItemClick: onItemClick as ((item: unknown) => void) | undefined,\n\t\t}),\n\t\t[value, onValueChange, getItemValue, activeId, activeItem, findItem, itemActions, onItemClick],\n\t);\n\n\treturn (\n\t\t<KanbanContextProvider value={ctxValue}>\n\t\t\t<DndContext\n\t\t\t\tsensors={sensors}\n\t\t\t\tonDragStart={handleDragStart}\n\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\tonDragCancel={() => setActiveId(null)}\n\t\t\t\taccessibility={{\n\t\t\t\t\tannouncements: {\n\t\t\t\t\t\tonDragStart({ active }) {\n\t\t\t\t\t\t\treturn strings.announceDragStart.replace('{name}', String(active.id));\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonDragOver({ active, over }) {\n\t\t\t\t\t\t\tif (!over) return undefined;\n\t\t\t\t\t\t\treturn strings.announceDragMove\n\t\t\t\t\t\t\t\t.replace('{name}', String(active.id))\n\t\t\t\t\t\t\t\t.replace('{from}', '')\n\t\t\t\t\t\t\t\t.replace('{to}', String(over.id));\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonDragEnd({ active, over }) {\n\t\t\t\t\t\t\treturn strings.announceDragEnd\n\t\t\t\t\t\t\t\t.replace('{name}', String(active.id))\n\t\t\t\t\t\t\t\t.replace('{to}', over ? String(over.id) : '');\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonDragCancel({ active }) {\n\t\t\t\t\t\t\treturn strings.announceDragCancel.replace('{name}', String(active.id));\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"application\"\n\t\t\t\t\taria-label={strings.boardAria}\n\t\t\t\t\tclassName={cn('kanban--component', 'w-full', className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</DndContext>\n\t\t</KanbanContextProvider>\n\t);\n}\n\nKanban.displayName = 'Kanban';\n\nexport function KanbanBoard({ className, style, children }: KanbanBoardProps) {\n\treturn (\n\t\t<div className={cn('grid w-full gap-3', className)} style={style}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nKanbanBoard.displayName = 'KanbanBoard';\n\nexport function KanbanColumn({ value, className, children }: KanbanColumnProps) {\n\tconst { setNodeRef, isOver } = useDroppable({ id: value });\n\treturn (\n\t\t<div\n\t\t\tref={setNodeRef}\n\t\t\tdata-slot=\"kanban-column\"\n\t\t\tdata-column-id={value}\n\t\t\tdata-over={isOver ? 'true' : undefined}\n\t\t\tclassName={cn('flex min-w-0 flex-col', className)}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nKanbanColumn.displayName = 'KanbanColumn';\n\nexport function KanbanColumnContent({\n\tvalue,\n\tclassName,\n\tchildren,\n}: KanbanColumnContentProps) {\n\tconst ctx = useKanbanContext();\n\tconst items = ctx.value[value] ?? [];\n\tconst ids = items.map((item) => ctx.getItemValue(item));\n\treturn (\n\t\t<SortableContext items={ids} strategy={verticalListSortingStrategy}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"kanban-column-content\"\n\t\t\t\tclassName={cn('flex flex-col gap-2', className)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SortableContext>\n\t);\n}\n\nKanbanColumnContent.displayName = 'KanbanColumnContent';\n\nexport function KanbanItem({\n\tvalue,\n\tclassName,\n\tdisabled = false,\n\tonClick,\n\tchildren,\n}: KanbanItemProps) {\n\tconst ctx = useKanbanContext();\n\tconst found = ctx.findItem(value);\n\tconst {\n\t\tattributes,\n\t\tlisteners,\n\t\tsetNodeRef,\n\t\tsetActivatorNodeRef,\n\t\ttransform,\n\t\ttransition,\n\t\tisDragging,\n\t} = useSortable({\n\t\tid: value,\n\t\tdisabled,\n\t\tdata: { columnId: found?.columnId, index: found?.index },\n\t});\n\n\tconst style = {\n\t\ttransform: CSS.Transform.toString(transform),\n\t\ttransition,\n\t\topacity: isDragging ? 0.4 : undefined,\n\t};\n\tconst [handleCount, setHandleCount] = useState(0);\n\tconst hasHandle = handleCount > 0;\n\tconst registerHandle = useCallback(() => {\n\t\tsetHandleCount((count) => count + 1);\n\t\treturn () => setHandleCount((count) => Math.max(0, count - 1));\n\t}, []);\n\n\tconst itemCtx = useMemo(\n\t\t() => ({\n\t\t\tlisteners,\n\t\t\tattributes,\n\t\t\tsetActivatorNodeRef,\n\t\t\tregisterHandle,\n\t\t\titemId: value,\n\t\t\titem: found?.item ?? null,\n\t\t}),\n\t\t[listeners, attributes, setActivatorNodeRef, registerHandle, value, found?.item],\n\t);\n\n\tconst rootClick = ctx.onItemClick;\n\tconst handleClick = useCallback(\n\t\t(event: MouseEvent<HTMLDivElement>) => {\n\t\t\t// `<KanbanItemHandle>` and `<KanbanItemActions>` mark themselves\n\t\t\t// with `data-stop-item-click` so a click on the drag handle or\n\t\t\t// the actions menu doesn't bubble up as a card click.\n\t\t\tconst target = event.target as HTMLElement | null;\n\t\t\tif (target?.closest('[data-stop-item-click]')) return;\n\t\t\tif (onClick) {\n\t\t\t\tonClick();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (rootClick && found?.item !== undefined) {\n\t\t\t\trootClick(found.item);\n\t\t\t}\n\t\t},\n\t\t[onClick, rootClick, found?.item],\n\t);\n\n\tconst isClickable = Boolean(onClick || rootClick);\n\n\t// When no <KanbanItemHandle> is used, the whole row is the activator.\n\t// We attach listeners + attributes here as the default — KanbanItemHandle\n\t// can then override by wiring them to a more specific element.\n\treturn (\n\t\t<KanbanItemContextProvider value={itemCtx}>\n\t\t\t<div\n\t\t\t\tref={setNodeRef}\n\t\t\t\tstyle={style}\n\t\t\t\tdata-slot=\"kanban-item\"\n\t\t\t\tdata-dragging={isDragging ? 'true' : undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'touch-none select-none',\n\t\t\t\t\tisClickable && 'cursor-pointer',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tonClick={isClickable ? handleClick : undefined}\n\t\t\t\t{...(!hasHandle ? attributes : {})}\n\t\t\t\t{...(!hasHandle ? listeners : {})}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</KanbanItemContextProvider>\n\t);\n}\n\nKanbanItem.displayName = 'KanbanItem';\n\nexport const KanbanItemHandle = forwardRef<HTMLButtonElement, KanbanItemHandleProps>(function KanbanItemHandle({ className, children }, forwardedRef) {\n\tconst { setActivatorNodeRef, listeners, attributes, registerHandle } = useKanbanItemContext();\n\tuseEffect(() => registerHandle(), [registerHandle]);\n\t// Merge dnd-kit's activator ref with the consumer's forwarded ref so a\n\t// `<Tooltip><KanbanItemHandle ref={…}/></Tooltip>` wiring still gets a\n\t// real ref to the button element.\n\tconst setMergedRef = useCallback(\n\t\t(node: HTMLButtonElement | null) => {\n\t\t\tsetActivatorNodeRef(node);\n\t\t\tif (typeof forwardedRef === 'function') {\n\t\t\t\tforwardedRef(node);\n\t\t\t} else if (forwardedRef) {\n\t\t\t\tforwardedRef.current = node;\n\t\t\t}\n\t\t},\n\t\t[setActivatorNodeRef, forwardedRef],\n\t);\n\treturn (\n\t\t<Button\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"secondary\"\n\t\t\tbuttonStyle=\"ghost\"\n\t\t\tsize=\"icon-xs\"\n\t\t\tref={setMergedRef}\n\t\t\tdata-slot=\"kanban-item-handle\"\n\t\t\tdata-stop-item-click\n\t\t\tonClick={(event) => event.stopPropagation()}\n\t\t\tclassName={cn(\n\t\t\t\t'cursor-grab rounded-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...(attributes as Record<string, unknown>)}\n\t\t\t{...(listeners as Record<string, unknown>)}\n\t\t>\n\t\t\t{children}\n\t\t</Button>\n\t);\n});\n\nKanbanItemHandle.displayName = 'KanbanItemHandle';\n\n/**\n * Per-item actions menu (`⋮` trigger → popover with the actions\n * registered at the `<Kanban itemActions>` root). Place inside any\n * `<KanbanItem>` — typically in the card's top-right corner.\n *\n * The trigger marks itself with `data-stop-item-click` so opening the\n * menu doesn't fire the parent `onItemClick` callback.\n */\nexport function KanbanItemActions({\n\tclassName,\n\ticon,\n\tariaLabel,\n}: KanbanItemActionsProps) {\n\tconst [open, setOpen] = useState(false);\n\tconst ctx = useKanbanContext();\n\tconst itemCtx = useKanbanItemContext();\n\tconst strings = useStrings(defaultKanbanStrings, undefined);\n\n\tconst item = itemCtx.item;\n\tconst rawActions = ctx.itemActions;\n\tconst actions = useMemo(() => {\n\t\tif (!rawActions || item === null || item === undefined) return [] as ReadonlyArray<KanbanItemAction<unknown>>;\n\t\tconst list = typeof rawActions === 'function' ? rawActions(item) : rawActions;\n\t\treturn list.filter((action) =>\n\t\t\taction.isVisible ? action.isVisible(item) : true,\n\t\t);\n\t}, [rawActions, item]);\n\n\tif (actions.length === 0) return null;\n\n\treturn (\n\t\t<PopoverMenu\n\t\t\topen={open}\n\t\t\tonOpenChange={setOpen}\n\t\t\tsearch={false}\n\t\t\tcontentClassName=\"w-44\"\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\tdata-slot=\"kanban-item-actions-trigger\"\n\t\t\t\t\tdata-stop-item-click\n\t\t\t\t\taria-label={ariaLabel ?? strings.itemActionsAria}\n\t\t\t\t\tonClick={(event) => event.stopPropagation()}\n\t\t\t\t\tonPointerDown={(event) => event.stopPropagation()}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'size-7 rounded-md p-0',\n\t\t\t\t\t\t'text-muted-foreground/70 hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t'transition-colors',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{icon ?? <MoreHorizontal className=\"size-4\" aria-hidden=\"true\" />}\n\t\t\t\t</Button>\n\t\t\t}\n\t\t\titems={actions.map((action) => ({\n\t\t\t\tvalue: action.id,\n\t\t\t\tlabel: action.label,\n\t\t\t\ticon: action.icon,\n\t\t\t\tdisabled: action.isDisabled?.(item) ?? false,\n\t\t\t\tdata: action,\n\t\t\t}))}\n\t\t\trenderItem={(menuItem) => {\n\t\t\t\tconst action = menuItem.data as KanbanItemAction<unknown>;\n\t\t\t\tconst isDestructive = action.variant === 'destructive';\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!!action.icon && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'shrink-0',\n\t\t\t\t\t\t\t\t\tisDestructive ? 'text-destructive' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.icon}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'truncate',\n\t\t\t\t\t\t\t\tisDestructive && 'text-destructive',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t}}\n\t\t\tonSelect={(menuItem) => {\n\t\t\t\tconst action = menuItem.data as KanbanItemAction<unknown> | undefined;\n\t\t\t\taction?.onSelect(item);\n\t\t\t\tsetOpen(false);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nKanbanItemActions.displayName = 'KanbanItemActions';\n\nexport function KanbanOverlay({ className, render }: KanbanOverlayProps) {\n\tconst { activeItem, activeId, findItem } = useKanbanContext();\n\treturn (\n\t\t<DragOverlay>\n\t\t\t{activeId\n\t\t\t\t? render\n\t\t\t\t\t? render({\n\t\t\t\t\t\t\titem: activeItem,\n\t\t\t\t\t\t\tcolumnId: findItem(activeId)?.columnId ?? null,\n\t\t\t\t\t\t})\n\t\t\t\t\t: (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"text-primary/80\">{activeId}</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t: null}\n\t\t</DragOverlay>\n\t);\n}\n\nKanbanOverlay.displayName = 'KanbanOverlay';\n"],"mappings":"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"}

package/dist/components/features/kanban/index.js

@@ -1,16 +1,17 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/text-DIxMTECE.js";
-import { t as r } from "../../../_shared/popover-menu-BHdHLEVL.js";
-import { createContext as i, forwardRef as a, useCallback as o, useContext as s, useMemo as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { MoreHorizontal as p } from "lucide-react";
-import { DndContext as m, DragOverlay as h, PointerSensor as g, useDroppable as _, useSensor as v, useSensors as y } from "@dnd-kit/core";
-import { SortableContext as b, useSortable as x, verticalListSortingStrategy as S } from "@dnd-kit/sortable";
-import { CSS as C } from "@dnd-kit/utilities";
+import { n } from "../../../_shared/heading-HeP06nXG.js";
+import { t as r } from "../../../_shared/button-SuocMQFT.js";
+import { t as i } from "../../../_shared/popover-menu-bKQatoYF.js";
+import { createContext as a, forwardRef as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { MoreHorizontal as h } from "lucide-react";
+import { DndContext as g, DragOverlay as _, PointerSensor as v, useDroppable as y, useSensor as b, useSensors as x } from "@dnd-kit/core";
+import { SortableContext as S, useSortable as C, verticalListSortingStrategy as w } from "@dnd-kit/sortable";
+import { CSS as T } from "@dnd-kit/utilities";
 //#region src/components/features/kanban/hooks/use-kanban.ts
-function w({ value: e, onValueChange: t, getItemValue: n, onItemMove: r }) {
-	let i = o((t) => {
+function E({ value: e, onValueChange: t, getItemValue: n, onItemMove: r }) {
+	let i = s((t) => {
 		for (let [r, i] of Object.entries(e)) {
 			let e = i.findIndex((e) => n(e) === t);
 			if (e >= 0) return {
@@ -19,7 +20,7 @@ function w({ value: e, onValueChange: t, getItemValue: n, onItemMove: r }) {
 				item: i[e]
 			};
 		}
-	}, [e, n]), a = o(({ itemId: n, toColumnId: a, toIndex: o }) => {
+	}, [e, n]), a = s(({ itemId: n, toColumnId: a, toIndex: o }) => {
 		let s = i(n);
 		if (!s || !Object.prototype.hasOwnProperty.call(e, a)) return;
 		let { columnId: c, index: l, item: u } = s, d = e[a], f = o === void 0 ? d.length : Math.max(0, Math.min(o, d.length));
@@ -45,28 +46,28 @@ function w({ value: e, onValueChange: t, getItemValue: n, onItemMove: r }) {
 		t,
 		r
 	]);
-	return c(() => ({
+	return u(() => ({
 		findItem: i,
 		move: a
 	}), [i, a]);
 }
 //#endregion
 //#region src/components/features/kanban/kanban-context.tsx
-var T = i(null), E = T.Provider;
-function D() {
-	let e = s(T);
+var D = a(null), O = D.Provider;
+function k() {
+	let e = c(D);
 	if (!e) throw Error("Kanban subcomponents must be rendered inside a <Kanban> root.");
 	return e;
 }
-var O = i(null), k = O.Provider;
-function A() {
-	let e = s(O);
+var A = a(null), j = A.Provider;
+function M() {
+	let e = c(A);
 	if (!e) throw Error("<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.");
 	return e;
 }
 //#endregion
 //#region src/components/features/kanban/kanban.strings.ts
-var j = {
+var N = {
 	announceDragStart: "Picked up item {name}.",
 	announceDragMove: "Moving {name} from {from} to {to}.",
 	announceDragEnd: "Dropped {name} into {to}.",
@@ -75,20 +76,20 @@ var j = {
 	boardAria: "Kanban board",
 	itemActionsAria: "Item actions"
 };
-function M(e, t) {
+function P(e, t) {
 	return Object.entries(t).reduce((e, [t, n]) => e.replace(RegExp(`\\{${t}\\}`, "g"), n), e);
 }
 //#endregion
 //#region src/components/features/kanban/kanban.tsx
-function N({ value: n, onValueChange: r, getItemValue: i, onItemMove: a, itemActions: s, onItemClick: u, strings: f, className: p, children: h }) {
-	let _ = e(j, f), { findItem: b, move: x } = w({
+function F({ value: n, onValueChange: r, getItemValue: i, onItemMove: a, itemActions: o, onItemClick: c, strings: l, className: f, children: m }) {
+	let h = e(N, l), { findItem: _, move: y } = E({
 		value: n,
 		onValueChange: r,
 		getItemValue: i,
 		onItemMove: a
-	}), [S, C] = l(null), T = y(v(g, { activationConstraint: { distance: 6 } })), D = c(() => S ? b(S)?.item ?? null : null, [S, b]), O = o((e) => {
+	}), [S, C] = d(null), w = x(b(v, { activationConstraint: { distance: 6 } })), T = u(() => S ? _(S)?.item ?? null : null, [S, _]), D = s((e) => {
 		C(String(e.active.id));
-	}, []), k = o((e) => {
+	}, []), k = s((e) => {
 		C(null);
 		let { active: t, over: r } = e;
 		if (!r) return;
@@ -96,72 +97,72 @@ function N({ value: n, onValueChange: r, getItemValue: i, onItemMove: a, itemAct
 		let i = r.data.current, a = String(r.id), o = i?.columnId ?? (Object.prototype.hasOwnProperty.call(n, a) ? a : void 0);
 		if (!o) return;
 		let s = i?.columnId === void 0 ? n[o].length : i.index;
-		x({
+		y({
 			itemId: String(t.id),
 			toColumnId: o,
 			toIndex: s
 		});
-	}, [x, n]);
-	return /* @__PURE__ */ d(E, {
-		value: c(() => ({
+	}, [y, n]);
+	return /* @__PURE__ */ p(O, {
+		value: u(() => ({
 			value: n,
 			onValueChange: r,
 			getItemValue: i,
 			activeId: S,
-			activeItem: D,
-			findItem: b,
-			itemActions: s,
-			onItemClick: u
+			activeItem: T,
+			findItem: _,
+			itemActions: o,
+			onItemClick: c
 		}), [
 			n,
 			r,
 			i,
 			S,
-			D,
-			b,
-			s,
-			u
+			T,
+			_,
+			o,
+			c
 		]),
-		children: /* @__PURE__ */ d(m, {
-			sensors: T,
-			onDragStart: O,
+		children: /* @__PURE__ */ p(g, {
+			sensors: w,
+			onDragStart: D,
 			onDragEnd: k,
 			onDragCancel: () => C(null),
 			accessibility: { announcements: {
 				onDragStart({ active: e }) {
-					return _.announceDragStart.replace("{name}", String(e.id));
+					return h.announceDragStart.replace("{name}", String(e.id));
 				},
 				onDragOver({ active: e, over: t }) {
-					if (t) return _.announceDragMove.replace("{name}", String(e.id)).replace("{from}", "").replace("{to}", String(t.id));
+					if (t) return h.announceDragMove.replace("{name}", String(e.id)).replace("{from}", "").replace("{to}", String(t.id));
 				},
 				onDragEnd({ active: e, over: t }) {
-					return _.announceDragEnd.replace("{name}", String(e.id)).replace("{to}", t ? String(t.id) : "");
+					return h.announceDragEnd.replace("{name}", String(e.id)).replace("{to}", t ? String(t.id) : "");
 				},
 				onDragCancel({ active: e }) {
-					return _.announceDragCancel.replace("{name}", String(e.id));
+					return h.announceDragCancel.replace("{name}", String(e.id));
 				}
 			} },
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ p("div", {
 				role: "application",
-				"aria-label": _.boardAria,
-				className: t("kanban--component", "w-full", p),
-				children: h
+				"aria-label": h.boardAria,
+				className: t("kanban--component", "w-full", f),
+				children: m
 			})
 		})
 	});
 }
-N.displayName = "Kanban";
-function P({ className: e, style: n, children: r }) {
-	return /* @__PURE__ */ d("div", {
+F.displayName = "Kanban";
+function I({ className: e, style: n, children: r }) {
+	return /* @__PURE__ */ p("div", {
 		className: t("grid w-full gap-3", e),
 		style: n,
 		children: r
 	});
 }
-P.displayName = "KanbanBoard";
-function F({ value: e, className: n, children: r }) {
-	let { setNodeRef: i, isOver: a } = _({ id: e });
-	return /* @__PURE__ */ d("div", {
+I.displayName = "KanbanBoard";
+function L({ value: e, className: n, children: r }) {
+	let { setNodeRef: i, isOver: a } = y({ id: e });
+	return /* @__PURE__ */ p("div", {
 		ref: i,
 		"data-slot": "kanban-column",
 		"data-column-id": e,
@@ -170,123 +171,131 @@ function F({ value: e, className: n, children: r }) {
 		children: r
 	});
 }
-F.displayName = "KanbanColumn";
-function I({ value: e, className: n, children: r }) {
-	let i = D();
-	return /* @__PURE__ */ d(b, {
+L.displayName = "KanbanColumn";
+function R({ value: e, className: n, children: r }) {
+	let i = k();
+	return /* @__PURE__ */ p(S, {
 		items: (i.value[e] ?? []).map((e) => i.getItemValue(e)),
-		strategy: S,
-		children: /* @__PURE__ */ d("div", {
+		strategy: w,
+		children: /* @__PURE__ */ p("div", {
 			"data-slot": "kanban-column-content",
 			className: t("flex flex-col gap-2", n),
 			children: r
 		})
 	});
 }
-I.displayName = "KanbanColumnContent";
-function L({ value: e, className: n, disabled: r = !1, onClick: i, children: a }) {
-	let s = D(), l = s.findItem(e), { attributes: u, listeners: f, setNodeRef: p, setActivatorNodeRef: m, transform: h, transition: g, isDragging: _ } = x({
+R.displayName = "KanbanColumnContent";
+function z({ value: e, className: n, disabled: r = !1, onClick: i, children: a }) {
+	let o = k(), c = o.findItem(e), { attributes: l, listeners: f, setNodeRef: m, setActivatorNodeRef: h, transform: g, transition: _, isDragging: v } = C({
 		id: e,
 		disabled: r,
 		data: {
-			columnId: l?.columnId,
-			index: l?.index
+			columnId: c?.columnId,
+			index: c?.index
 		}
-	}), v = {
-		transform: C.Transform.toString(h),
-		transition: g,
-		opacity: _ ? .4 : void 0
-	}, y = c(() => ({
+	}), y = {
+		transform: T.Transform.toString(g),
+		transition: _,
+		opacity: v ? .4 : void 0
+	}, [b, x] = d(0), S = b > 0, w = s(() => (x((e) => e + 1), () => x((e) => Math.max(0, e - 1))), []), E = u(() => ({
 		listeners: f,
-		attributes: u,
-		setActivatorNodeRef: m,
+		attributes: l,
+		setActivatorNodeRef: h,
+		registerHandle: w,
 		itemId: e,
-		item: l?.item ?? null
+		item: c?.item ?? null
 	}), [
 		f,
-		u,
-		m,
+		l,
+		h,
+		w,
 		e,
-		l?.item
-	]), b = s.onItemClick, S = o((e) => {
+		c?.item
+	]), D = o.onItemClick, O = s((e) => {
 		if (!e.target?.closest("[data-stop-item-click]")) {
 			if (i) {
 				i();
 				return;
 			}
-			b && l?.item !== void 0 && b(l.item);
+			D && c?.item !== void 0 && D(c.item);
 		}
 	}, [
 		i,
-		b,
-		l?.item
-	]), w = !!(i || b);
-	return /* @__PURE__ */ d(k, {
-		value: y,
-		children: /* @__PURE__ */ d("div", {
-			ref: p,
-			style: v,
+		D,
+		c?.item
+	]), A = !!(i || D);
+	return /* @__PURE__ */ p(j, {
+		value: E,
+		children: /* @__PURE__ */ p("div", {
+			ref: m,
+			style: y,
 			"data-slot": "kanban-item",
-			"data-dragging": _ ? "true" : void 0,
-			className: t("touch-none select-none", w && "cursor-pointer", n),
-			onClick: w ? S : void 0,
-			...u,
-			...f,
+			"data-dragging": v ? "true" : void 0,
+			className: t("touch-none select-none", A && "cursor-pointer", n),
+			onClick: A ? O : void 0,
+			...S ? {} : l,
+			...S ? {} : f,
 			children: a
 		})
 	});
 }
-L.displayName = "KanbanItem";
-var R = a(function({ className: e, children: n }, r) {
-	let { setActivatorNodeRef: i, listeners: a, attributes: s } = A();
-	return /* @__PURE__ */ d("button", {
+z.displayName = "KanbanItem";
+var B = o(function({ className: e, children: n }, i) {
+	let { setActivatorNodeRef: a, listeners: o, attributes: c, registerHandle: u } = M();
+	return l(() => u(), [u]), /* @__PURE__ */ p(r, {
 		type: "button",
-		ref: o((e) => {
-			i(e), typeof r == "function" ? r(e) : r && (r.current = e);
-		}, [i, r]),
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "icon-xs",
+		ref: s((e) => {
+			a(e), typeof i == "function" ? i(e) : i && (i.current = e);
+		}, [a, i]),
 		"data-slot": "kanban-item-handle",
 		"data-stop-item-click": !0,
 		onClick: (e) => e.stopPropagation(),
-		className: t("inline-flex cursor-grab items-center justify-center rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing", e),
-		...s,
-		...a,
+		className: t("cursor-grab rounded-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing", e),
+		...c,
+		...o,
 		children: n
 	});
 });
-R.displayName = "KanbanItemHandle";
-function z({ className: i, icon: a, ariaLabel: o }) {
-	let [s, m] = l(!1), h = D(), g = A(), _ = e(j, void 0), v = g.item, y = h.itemActions, b = c(() => !y || v == null ? [] : (typeof y == "function" ? y(v) : y).filter((e) => e.isVisible ? e.isVisible(v) : !0), [y, v]);
-	return b.length === 0 ? null : /* @__PURE__ */ d(r, {
-		open: s,
-		onOpenChange: m,
+B.displayName = "KanbanItemHandle";
+function V({ className: a, icon: o, ariaLabel: s }) {
+	let [c, l] = d(!1), g = k(), _ = M(), v = e(N, void 0), y = _.item, b = g.itemActions, x = u(() => !b || y == null ? [] : (typeof b == "function" ? b(y) : b).filter((e) => e.isVisible ? e.isVisible(y) : !0), [b, y]);
+	return x.length === 0 ? null : /* @__PURE__ */ p(i, {
+		open: c,
+		onOpenChange: l,
 		search: !1,
 		contentClassName: "w-44",
-		trigger: /* @__PURE__ */ d("button", {
+		trigger: /* @__PURE__ */ p(r, {
 			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "icon-sm",
 			"data-slot": "kanban-item-actions-trigger",
 			"data-stop-item-click": !0,
-			"aria-label": o ?? _.itemActionsAria,
+			"aria-label": s ?? v.itemActionsAria,
 			onClick: (e) => e.stopPropagation(),
 			onPointerDown: (e) => e.stopPropagation(),
-			className: t("inline-flex size-7 items-center justify-center rounded-md", "text-muted-foreground/70 hover:bg-muted hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "transition-colors", i),
-			children: a ?? /* @__PURE__ */ d(p, {
+			className: t("size-7 rounded-md p-0", "text-muted-foreground/70 hover:bg-muted hover:text-foreground", "transition-colors", a),
+			children: o ?? /* @__PURE__ */ p(h, {
 				className: "size-4",
 				"aria-hidden": "true"
 			})
 		}),
-		items: b.map((e) => ({
+		items: x.map((e) => ({
 			value: e.id,
 			label: e.label,
 			icon: e.icon,
-			disabled: e.isDisabled?.(v) ?? !1,
+			disabled: e.isDisabled?.(y) ?? !1,
 			data: e
 		})),
 		renderItem: (e) => {
 			let r = e.data, i = r.variant === "destructive";
-			return /* @__PURE__ */ f(u, { children: [!!r.icon && /* @__PURE__ */ d("span", {
+			return /* @__PURE__ */ m(f, { children: [!!r.icon && /* @__PURE__ */ p("span", {
 				className: t("shrink-0", i ? "text-destructive" : "text-muted-foreground"),
 				children: r.icon
-			}), /* @__PURE__ */ d(n, {
+			}), /* @__PURE__ */ p(n, {
 				tag: "span",
 				size: "xs",
 				className: t("truncate", i && "text-destructive"),
@@ -294,19 +303,19 @@ function z({ className: i, icon: a, ariaLabel: o }) {
 			})] });
 		},
 		onSelect: (e) => {
-			e.data?.onSelect(v), m(!1);
+			e.data?.onSelect(y), l(!1);
 		}
 	});
 }
-z.displayName = "KanbanItemActions";
-function B({ className: e, render: r }) {
-	let { activeItem: i, activeId: a, findItem: o } = D();
-	return /* @__PURE__ */ d(h, { children: a ? r ? r({
+V.displayName = "KanbanItemActions";
+function H({ className: e, render: r }) {
+	let { activeItem: i, activeId: a, findItem: o } = k();
+	return /* @__PURE__ */ p(_, { children: a ? r ? r({
 		item: i,
 		columnId: o(a)?.columnId ?? null
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: t("pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg", e),
-		children: /* @__PURE__ */ d(n, {
+		children: /* @__PURE__ */ p(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -315,8 +324,8 @@ function B({ className: e, render: r }) {
 		})
 	}) : null });
 }
-B.displayName = "KanbanOverlay";
+H.displayName = "KanbanOverlay";
 //#endregion
-export { N as Kanban, P as KanbanBoard, F as KanbanColumn, I as KanbanColumnContent, L as KanbanItem, z as KanbanItemActions, R as KanbanItemHandle, B as KanbanOverlay, j as defaultKanbanStrings, M as interpolateKanbanString, w as useKanban };
+export { F as Kanban, I as KanbanBoard, L as KanbanColumn, R as KanbanColumnContent, z as KanbanItem, V as KanbanItemActions, B as KanbanItemHandle, H as KanbanOverlay, N as defaultKanbanStrings, P as interpolateKanbanString, E as useKanban };
 
 //# sourceMappingURL=index.js.map