admin-ui-starter-kit 0.4.5 → 0.6.1

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\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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"}
+{"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-small\"\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-small\"\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,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-BGKY8UY0.js";
-import { n as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/popover-menu-bKQatoYF.js";
+import { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { s as r } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as i } from "../../../_shared/popover-menu-qxBZlTck.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";
@@ -246,7 +246,7 @@ var B = o(function({ className: e, children: r }, i) {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
-		size: "icon-xs",
+		size: "icon-small",
 		ref: s((e) => {
 			a(e), typeof i == "function" ? i(e) : i && (i.current = e);
 		}, [a, i]),
@@ -271,7 +271,7 @@ function V({ className: a, icon: o, ariaLabel: s }) {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
-			size: "icon-sm",
+			size: "icon-small",
 			"data-slot": "kanban-item-actions-trigger",
 			"data-stop-item-click": !0,
 			"aria-label": s ?? v.itemActionsAria,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":";;;;;;;;;;;;AA4BA,SAAgB,EAAa,EAC5B,UACA,kBACA,iBACA,iBAC2C;CAC3C,IAAM,IAAW,GACf,MAAe;EACf,KAAK,IAAM,CAAC,GAAU,MAAU,OAAO,QAAQ,CAAK,GAAG;GACtD,IAAM,IAAQ,EAAM,WAAW,MAAS,EAAa,CAAI,MAAM,CAAE;GACjE,IAAI,KAAS,GAAG,OAAO;IAAE;IAAU;IAAO,MAAM,EAAM;GAAO;EAC9D;CAED,GACA,CAAC,GAAO,CAAY,CACrB,GAEM,IAAO,GACX,EAAE,WAAQ,eAAY,iBAAwE;EAC9F,IAAM,IAAQ,EAAS,CAAM;EAE7B,IADI,CAAC,KACD,CAAC,OAAO,UAAU,eAAe,KAAK,GAAO,CAAU,GAAG;EAE9D,IAAM,EAAE,UAAU,GAAc,OAAO,GAAW,YAAS,GAGrD,IAAc,EAAM,IACpB,IACL,MAAY,KAAA,IACT,EAAY,SACZ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAS,EAAY,MAAM,CAAC;EAErD,IAAI,MAAiB,KAAc,MAAc,GAAiB;EAElE,IAAM,IAAuB,EAAE,GAAG,EAAM,GAClC,IAAa,CAAC,GAAG,EAAK,EAAa;EAEzC,AADA,EAAW,OAAO,GAAW,CAAC,GAC9B,EAAK,KAAgB;EAErB,IAAM,IAAa,CAAC,GAAI,MAAiB,IAAa,IAAa,EAAK,EAAY,GAGhF,IAAe;EAQnB,AAPI,MAAiB,KAAc,IAAY,MAC9C,IAAe,KAAK,IAAI,GAAG,IAAkB,CAAC,IAE/C,EAAW,OAAO,GAAc,GAAG,CAAI,GACvC,EAAK,KAAc,GAEnB,EAAc,CAAI,GAClB,IAAa;GACZ;GACA;GACA,MAAM;IAAE,UAAU;IAAc,OAAO;GAAU;GACjD,IAAI;IAAE,UAAU;IAAY,OAAO;GAAa;EACjD,CAAC;CACF,GACA;EAAC;EAAO;EAAU;EAAe;CAAU,CAC5C;CAEA,OAAO,SAAe;EAAE;EAAU;CAAK,IAAI,CAAC,GAAU,CAAI,CAAC;AAC5D;;;ACjFA,IAAM,IAAgB,EAAyC,IAAI,GAEtD,IAAwB,EAAc;AAEnD,SAAgB,IAAuD;CACtE,IAAM,IAAM,EAAW,CAAa;CACpC,IAAI,CAAC,GACJ,MAAU,MACT,+DACD;CAED,OAAO;AACR;AAuBA,IAAM,IAAoB,EAA6C,IAAI,GAE9D,IAA4B,EAAkB;AAE3D,SAAgB,IAA+C;CAC9D,IAAM,IAAM,EAAW,CAAiB;CACxC,IAAI,CAAC,GACJ,MAAU,MACT,kFACD;CAED,OAAO;AACR;;;AChCA,IAAa,IAAsC;CAClD,mBAAmB;CACnB,kBAAkB;CAClB,iBAAiB;CACjB,oBAAoB;CACpB,gBAAgB;CAChB,WAAW;CACX,iBAAiB;AAClB;AAEA,SAAgB,EACf,GACA,GACS;CACT,OAAO,OAAO,QAAQ,CAAM,EAAE,QAC5B,GAAK,CAAC,GAAK,OAAW,EAAI,QAAY,OAAO,MAAM,EAAI,MAAM,GAAG,GAAG,CAAK,GACzE,CACD;AACD;;;ACsCA,SAAgB,EAAU,EACzB,UACA,kBACA,iBACA,eACA,gBACA,gBACA,SAAS,GACT,cACA,eACkB;CAClB,IAAM,IAAU,EAAW,GAAsB,CAAW,GACtD,EAAE,aAAU,YAAS,EAAU;EACpC;EACA;EACA;EACA;CACD,CAAC,GACK,CAAC,GAAU,KAAe,EAAwB,IAAI,GAEtD,IAAU,EACf,EAAU,GAAe,EAAE,sBAAsB,EAAE,UAAU,EAAE,EAAE,CAAC,CACnE,GAEM,IAAa,QACX,IAAW,EAAS,CAAQ,GAAG,QAAQ,OAAO,MACrD,CAAC,GAAU,CAAQ,CACpB,GAEM,IAAkB,GACtB,MAA0B;EAC1B,EAAY,OAAO,EAAM,OAAO,EAAE,CAAC;CACpC,GACA,CAAC,CACF,GAEM,IAAgB,GACpB,MAAwB;EACxB,EAAY,IAAI;EAChB,IAAM,EAAE,WAAQ,YAAS;EACzB,IAAI,CAAC,GAAM;EACQ,EAAO,KAAK;EAG/B,IAAM,IAAW,EAAK,KAAK,SAGrB,IAAS,OAAO,EAAK,EAAE,GAGvB,IACL,GAAU,aAAa,OAAO,UAAU,eAAe,KAAK,GAAO,CAAM,IAAI,IAAS,KAAA;EACvF,IAAI,CAAC,GAAgB;EAErB,IAAM,IACL,GAAU,aAAa,KAAA,IAA6B,EAAM,GAAgB,SAAvC,EAAS;EAE7C,EAAK;GACJ,QAAQ,OAAO,EAAO,EAAE;GACxB,YAAY;GACZ;EACD,CAAC;CAEF,GACA,CAAC,GAAM,CAAK,CACb;CAgBA,OACC,kBAAC,GAAD;EAAuB,OAfP,SACT;GACC;GACQ;GACD;GACd;GACY;GACF;GACG;GACA;EACd,IACA;GAAC;GAAO;GAAe;GAAc;GAAU;GAAY;GAAU;GAAa;EAAW,CAI/D;YAC7B,kBAAC,GAAD;GACU;GACT,aAAa;GACb,WAAW;GACX,oBAAoB,EAAY,IAAI;GACpC,eAAe,EACd,eAAe;IACd,YAAY,EAAE,aAAU;KACvB,OAAO,EAAQ,kBAAkB,QAAQ,UAAU,OAAO,EAAO,EAAE,CAAC;IACrE;IACA,WAAW,EAAE,WAAQ,WAAQ;KACvB,OACL,OAAO,EAAQ,iBACb,QAAQ,UAAU,OAAO,EAAO,EAAE,CAAC,EACnC,QAAQ,UAAU,EAAE,EACpB,QAAQ,QAAQ,OAAO,EAAK,EAAE,CAAC;IAClC;IACA,UAAU,EAAE,WAAQ,WAAQ;KAC3B,OAAO,EAAQ,gBACb,QAAQ,UAAU,OAAO,EAAO,EAAE,CAAC,EACnC,QAAQ,QAAQ,IAAO,OAAO,EAAK,EAAE,IAAI,EAAE;IAC9C;IACA,aAAa,EAAE,aAAU;KACxB,OAAO,EAAQ,mBAAmB,QAAQ,UAAU,OAAO,EAAO,EAAE,CAAC;IACtE;GACD,EACD;aAEA,kBAAC,OAAD;IACC,MAAK;IACL,cAAY,EAAQ;IACpB,WAAW,EAAG,qBAAqB,UAAU,CAAS;IAErD;GACG,CAAA;EACM,CAAA;CACU,CAAA;AAEzB;AAEA,EAAO,cAAc;AAErB,SAAgB,EAAY,EAAE,cAAW,UAAO,eAA8B;CAC7E,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,qBAAqB,CAAS;EAAU;EACzD;CACG,CAAA;AAEP;AAEA,EAAY,cAAc;AAE1B,SAAgB,EAAa,EAAE,UAAO,cAAW,eAA+B;CAC/E,IAAM,EAAE,eAAY,cAAW,EAAa,EAAE,IAAI,EAAM,CAAC;CACzD,OACC,kBAAC,OAAD;EACC,KAAK;EACL,aAAU;EACV,kBAAgB;EAChB,aAAW,IAAS,SAAS,KAAA;EAC7B,WAAW,EAAG,yBAAyB,CAAS;EAE/C;CACG,CAAA;AAEP;AAEA,EAAa,cAAc;AAE3B,SAAgB,EAAoB,EACnC,UACA,cACA,eAC4B;CAC5B,IAAM,IAAM,EAAiB;CAG7B,OACC,kBAAC,GAAD;EAAiB,QAHJ,EAAI,MAAM,MAAU,CAAC,GACjB,KAAK,MAAS,EAAI,aAAa,CAAI,CAE5B;EAAK,UAAU;YACtC,kBAAC,OAAD;GACC,aAAU;GACV,WAAW,EAAG,uBAAuB,CAAS;GAE7C;EACG,CAAA;CACW,CAAA;AAEnB;AAEA,EAAoB,cAAc;AAElC,SAAgB,EAAW,EAC1B,UACA,cACA,cAAW,IACX,YACA,eACmB;CACnB,IAAM,IAAM,EAAiB,GACvB,IAAQ,EAAI,SAAS,CAAK,GAC1B,EACL,eACA,cACA,eACA,wBACA,cACA,eACA,kBACG,EAAY;EACf,IAAI;EACJ;EACA,MAAM;GAAE,UAAU,GAAO;GAAU,OAAO,GAAO;EAAM;CACxD,CAAC,GAEK,IAAQ;EACb,WAAW,EAAI,UAAU,SAAS,CAAS;EAC3C;EACA,SAAS,IAAa,KAAM,KAAA;CAC7B,GACM,CAAC,GAAa,KAAkB,EAAS,CAAC,GAC1C,IAAY,IAAc,GAC1B,IAAiB,SACtB,GAAgB,MAAU,IAAQ,CAAC,SACtB,GAAgB,MAAU,KAAK,IAAI,GAAG,IAAQ,CAAC,CAAC,IAC3D,CAAC,CAAC,GAEC,IAAU,SACR;EACN;EACA;EACA;EACA;EACA,QAAQ;EACR,MAAM,GAAO,QAAQ;CACtB,IACA;EAAC;EAAW;EAAY;EAAqB;EAAgB;EAAO,GAAO;CAAI,CAChF,GAEM,IAAY,EAAI,aAChB,IAAc,GAClB,MAAsC;EAIvB,OAAM,QACT,QAAQ,wBAAwB,GAC5C;OAAI,GAAS;IACZ,EAAQ;IACR;GACD;GACA,AAAI,KAAa,GAAO,SAAS,KAAA,KAChC,EAAU,EAAM,IAAI;EAFrB;CAID,GACA;EAAC;EAAS;EAAW,GAAO;CAAI,CACjC,GAEM,IAAc,GAAQ,KAAW;CAKvC,OACC,kBAAC,GAAD;EAA2B,OAAO;YACjC,kBAAC,OAAD;GACC,KAAK;GACE;GACP,aAAU;GACV,iBAAe,IAAa,SAAS,KAAA;GACrC,WAAW,EACV,0BACA,KAAe,kBACf,CACD;GACA,SAAS,IAAc,IAAc,KAAA;GACrC,GAAM,IAAyB,CAAC,IAAd;GAClB,GAAM,IAAwB,CAAC,IAAb;GAEjB;EACG,CAAA;CACqB,CAAA;AAE7B;AAEA,EAAW,cAAc;AAEzB,IAAa,IAAmB,EAAqD,SAA0B,EAAE,cAAW,eAAY,GAAc;CACrJ,IAAM,EAAE,wBAAqB,cAAW,eAAY,sBAAmB,EAAqB;CAgB5F,OAfA,QAAgB,EAAe,GAAG,CAAC,CAAc,CAAC,GAgBjD,kBAAC,GAAD;EACC,MAAK;EACL,SAAQ;EACR,aAAY;EACZ,MAAK;EACL,KAjBmB,GACnB,MAAmC;GAEnC,AADA,EAAoB,CAAI,GACpB,OAAO,KAAiB,aAC3B,EAAa,CAAI,IACP,MACV,EAAa,UAAU;EAEzB,GACA,CAAC,GAAqB,CAAY,CAQ5B;EACL,aAAU;EACV,wBAAA;EACA,UAAU,MAAU,EAAM,gBAAgB;EAC1C,WAAW,EACV,wIACA,CACD;EACA,GAAK;EACL,GAAK;EAEJ;CACM,CAAA;AAEV,CAAC;AAED,EAAiB,cAAc;AAU/B,SAAgB,EAAkB,EACjC,cACA,SACA,gBAC0B;CAC1B,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAM,EAAiB,GACvB,IAAU,EAAqB,GAC/B,IAAU,EAAW,GAAsB,KAAA,CAAS,GAEpD,IAAO,EAAQ,MACf,IAAa,EAAI,aACjB,IAAU,QACX,CAAC,KAAc,KAAS,OAAmC,CAAC,KACnD,OAAO,KAAe,aAAa,EAAW,CAAI,IAAI,GACvD,QAAQ,MACnB,EAAO,YAAY,EAAO,UAAU,CAAI,IAAI,EAC7C,GACE,CAAC,GAAY,CAAI,CAAC;CAIrB,OAFI,EAAQ,WAAW,IAAU,OAGhC,kBAAC,GAAD;EACO;EACN,cAAc;EACd,QAAQ;EACR,kBAAiB;EACjB,SACC,kBAAC,GAAD;GACC,MAAK;GACL,SAAQ;GACR,aAAY;GACZ,MAAK;GACL,aAAU;GACV,wBAAA;GACA,cAAY,KAAa,EAAQ;GACjC,UAAU,MAAU,EAAM,gBAAgB;GAC1C,gBAAgB,MAAU,EAAM,gBAAgB;GAChD,WAAW,EACV,yBACA,iEACA,qBACA,CACD;aAEC,KAAQ,kBAAC,GAAD;IAAgB,WAAU;IAAS,eAAY;GAAQ,CAAA;EACzD,CAAA;EAET,OAAO,EAAQ,KAAK,OAAY;GAC/B,OAAO,EAAO;GACd,OAAO,EAAO;GACd,MAAM,EAAO;GACb,UAAU,EAAO,aAAa,CAAI,KAAK;GACvC,MAAM;EACP,EAAE;EACF,aAAa,MAAa;GACzB,IAAM,IAAS,EAAS,MAClB,IAAgB,EAAO,YAAY;GACzC,OACC,kBAAA,GAAA,EAAA,UAAA,CACE,CAAC,CAAC,EAAO,QACT,kBAAC,QAAD;IACC,WAAW,EACV,YACA,IAAgB,qBAAqB,uBACtC;cAEC,EAAO;GACH,CAAA,GAEP,kBAAC,GAAD;IACC,KAAI;IACJ,MAAK;IACL,WAAW,EACV,YACA,KAAiB,kBAClB;cAEC,EAAO;GACH,CAAA,CACL,EAAA,CAAA;EAEJ;EACA,WAAW,MAAa;GAGvB,AADA,EADwB,MAChB,SAAS,CAAI,GACrB,EAAQ,EAAK;EACd;CACA,CAAA;AAEH;AAEA,EAAkB,cAAc;AAEhC,SAAgB,EAAc,EAAE,cAAW,aAA8B;CACxE,IAAM,EAAE,eAAY,aAAU,gBAAa,EAAiB;CAC5D,OACC,kBAAC,GAAD,EAAA,UACE,IACE,IACC,EAAO;EACP,MAAM;EACN,UAAU,EAAS,CAAQ,GAAG,YAAY;CAC3C,CAAC,IAED,kBAAC,OAAD;EACC,WAAW,EACV,sGACA,CACD;YAEA,kBAAC,GAAD;GAAM,KAAI;GAAO,MAAK;GAAK,QAAO;GAAS,WAAU;aAAmB;EAAe,CAAA;CACnF,CAAA,IAEL,KACS,CAAA;AAEf;AAEA,EAAc,cAAc"}
+{"version":3,"file":"index.js","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-small\"\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-small\"\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/media-library/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/overlays-DWFEaAog.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/alert-CuIIKJC-.cjs"),s=require("../../../_shared/input-COMcb1WY.cjs"),c=require("../../../_shared/forms-BweX9Lm8.cjs"),l=require("../../../_shared/form-field-rMGPvHFK.cjs"),u=require("../../../_shared/switch-zFZhhOEP.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react"),m=require("react-dom");var h={title:`Add media`,description:`Pick from the library, or upload new files.`,close:`Close media library`,tabs:{library:`Library`,upload:`Upload`},searchPlaceholder:`Search by name or tag...`,clearSearch:`Clear search`,typeFilterLabel:`Type`,collectionFilterLabel:`Collection`,sortLabel:`Sort`,viewLabel:`View`,allTypes:`All`,images:`Images`,videos:`Videos`,files:`Files`,allCollections:`All collections`,sortNewest:`Newest`,sortName:`Name`,sortSize:`Size`,sortUsage:`Most used`,gridView:`Grid view`,tableView:`Table view`,countAll:`{count} items`,countFiltered:`{count} of {total} items`,emptyLibraryTitle:`Library is empty`,emptyLibraryDescription:`Upload images or videos to start building the library.`,emptyFilteredTitle:`No media matches`,emptyFilteredDescription:`Try a different search term, or clear the filters.`,clearFilters:`Clear filters`,uploadMedia:`Upload media`,loading:`Loading media...`,errorTitle:`Media could not load`,errorDescription:`Try again or adjust your filters.`,cardDetails:`Details for {name}`,privateLabel:`Private`,publicLabel:`Public`,typeImage:`Image`,typeVideo:`Video`,typeFile:`File`,unknownSize:`Unknown`,notUsed:`Not used yet`,usedIn:`{count} {count, plural, one {place} other {places}}`,table:{name:`Name`,type:`Type`,size:`Size`,collection:`Collection`,used:`Used`},detail:{title:`Details`,altText:`Alt text`,altPlaceholder:`Describe this media for screen readers`,collection:`Collection`,tags:`Tags`,tagsPlaceholder:`Comma-separated`,public:`Public`,publicHint:`Served from the public CDN`,privateHint:`Only visible in the admin`,type:`Type`,size:`Size`,dimensions:`Dimensions`,uploaded:`Uploaded`,usedIn:`Used in`,replace:`Replace file`,delete:`Delete`,close:`Close details`},upload:{dropTitle:`Drag files here or click to browse`,dropHint:`JPG, PNG, WebP, SVG and MP4 up to 50 MB per file`,dragOver:`Release to stage files`,collection:`Collection`,tags:`Tags`,tagsPlaceholder:`Comma-separated`,public:`Public`,publicHint:`Serve from the public CDN`,noFiles:`No files staged`,stagedCount:`{count} {count, plural, one {file} other {files}}`,removeFile:`Remove {name}`,uploading:`Uploading`,done:`Done`},footer:{pickOne:`Pick one item`,pickMany:`Pick one or more items`,selectedCount:`{count} selected`,clear:`Clear`,cancel:`Cancel`,confirmEmpty:`Add to product`,confirmOne:`Add 1 item`,confirmMany:`Add {count} items`,noFiles:`No files staged`,stagedSummary:`{count} {count, plural, one {file} other {files}} · {size}`,upload:`Upload`,uploadMany:`Upload {count} files`,uploading:`Uploading...`},gallery:{emptyTitle:`No media attached`,emptyDescription:`Add images, video, or files to this resource.`,add:`Add media`,addMore:`Add more`,addTile:`Add another media item`,cover:`Cover`,primary:`Primary`,setPrimary:`Set primary`,remove:`Remove`,movePrevious:`Move previous`,moveNext:`Move next`,itemPosition:`{index} of {total}`,maxReached:`Maximum reached`}};function g(e,t){return e.replace(/\{(\w+), plural, one \{([^}]*)\} other \{([^}]*)\}\}/g,(e,n,r,i)=>Number(t[n])===1?r:i).replace(/\{(\w+)\}/g,(e,n)=>String(t[n]??``))}var _={collection:void 0,tags:[],public:!0},v=[],y={getId:e=>e.id,getName:e=>e.name,getType:e=>e.type,getSrc:e=>e.src,getAlt:e=>e.alt,getSize:e=>e.size,getWidth:e=>e.width,getHeight:e=>e.height,getDuration:e=>e.duration,getCollection:e=>e.collection,getTags:e=>e.tags??[],getPublic:e=>e.public,getUploadedAt:e=>e.uploadedAt,getUsageCount:e=>e.usageCount,getTint:e=>e.tint,getMimeType:e=>e.mimeType};function b(e){return{...y,...e??{}}}function x(e){return!e||e<=0?``:e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function S(e,t){let n=t.getWidth(e),r=t.getHeight(e);return!n||!r?``:`${n} x ${r}`}function C(e,t){let n=t.getUploadedAt(e);if(!n)return 0;let r=(n instanceof Date?n:new Date(n)).getTime();return Number.isFinite(r)?r:0}function w(e){return e.type.startsWith(`image/`)?`image`:e.type.startsWith(`video/`)?`video`:`file`}function T(e){if(e.type.startsWith(`image/`)&&!(typeof URL>`u`||typeof URL.createObjectURL!=`function`))return URL.createObjectURL(e)}function E(e){!e||typeof URL>`u`||typeof URL.revokeObjectURL!=`function`||URL.revokeObjectURL(e)}function ee(e){return Array.isArray(e)?{items:e,total:e.length}:e}function te(e,t){return t&&typeof e==`object`&&e?{...e,...t}:e}function ne(e,t,n,r,i){let a=n.trim().toLowerCase();return e.filter(e=>r!==`all`&&t.getType(e)!==r||i!==`all`&&t.getCollection(e)!==i?!1:a?[t.getName(e),t.getAlt(e),t.getCollection(e),...t.getTags(e)].filter(Boolean).join(` `).toLowerCase().includes(a):!0)}function D(e,t,n){let r=e.slice();return n===`name`?r.sort((e,n)=>t.getName(e).localeCompare(t.getName(n))):n===`size`?r.sort((e,n)=>(t.getSize(n)??0)-(t.getSize(e)??0)):n===`usage`?r.sort((e,n)=>(t.getUsageCount(n)??0)-(t.getUsageCount(e)??0)):r.sort((e,n)=>C(n,t)-C(e,t)),r}function O({items:e=v,fetcher:t,accessors:n,selectionMode:r=`multiple`,value:i,defaultValue:a=[],onValueChange:o,onItemUpdate:s,onItemDelete:c,onUpload:l,onError:u,initialTab:f=`library`,defaultView:p=`grid`,defaultQuery:m=``,defaultType:h=`all`,defaultCollection:g=`all`,defaultSort:y=`newest`,defaultUploadOptions:x}={}){let S=(0,d.useMemo)(()=>b(n),[n]),[C,O]=(0,d.useState)(f),[k,A]=(0,d.useState)(p),[j,M]=(0,d.useState)(m),[N,P]=(0,d.useState)(h),[F,I]=(0,d.useState)(g),[L,re]=(0,d.useState)(y),[ie,ae]=(0,d.useState)(null),[R,oe]=(0,d.useState)(()=>[...a]),[se,ce]=(0,d.useState)([]),[le,ue]=(0,d.useState)(),[de,fe]=(0,d.useState)(!1),[pe,z]=(0,d.useState)(null),[me,he]=(0,d.useState)([]),[ge,_e]=(0,d.useState)(()=>new Set),[ve,B]=(0,d.useState)({}),[V,H]=(0,d.useState)([]),[U,W]=(0,d.useState)(!1),[G,ye]=(0,d.useState)({..._,...x,tags:x?.tags??_.tags}),K=i!==void 0,q=(0,d.useMemo)(()=>K?[...i??[]]:R,[R,K,i]),J=(0,d.useMemo)(()=>new Set(q),[q]),Y=(0,d.useRef)(new Set);(0,d.useEffect)(()=>{if(!t)return;let e=new AbortController;return fe(!0),z(null),t({query:j,type:N,collection:F===`all`?void 0:F,sort:L,signal:e.signal}).then(t=>{if(e.signal.aborted)return;let n=ee(t);ce(n.items),ue(n.total)}).catch(t=>{e.signal.aborted||(z(t),u?.(t))}).finally(()=>{e.signal.aborted||fe(!1)}),()=>e.abort()},[F,t,u,j,L,N]),(0,d.useEffect)(()=>{let e=Y.current;return()=>{for(let t of e)E(t);e.clear()}},[]);let X=(0,d.useMemo)(()=>t?se:[...me,...e],[me,se,t,e]),Z=(0,d.useMemo)(()=>X.filter(e=>!ge.has(S.getId(e))).map(e=>te(e,ve[S.getId(e)])),[S,ve,ge,X]),Q=(0,d.useMemo)(()=>{let e=t?Z:ne(Z,S,j,N,F);return t?e:D(e,S,L)},[S,F,t,Z,j,L,N]),be=le??Z.length,xe=Q.length,Se=(0,d.useMemo)(()=>Z.filter(e=>J.has(S.getId(e))),[S,Z,J]),Ce=!!j.trim()||N!==`all`||F!==`all`,$=(0,d.useCallback)(e=>{K||oe(e);let t=new Set(e),n=Z.filter(e=>t.has(S.getId(e)));o?.(e,n)},[S,K,o,Z]),we=(0,d.useCallback)(e=>{let t=new Set(r===`single`?[]:J);J.has(e)&&r!==`single`?t.delete(e):t.add(e),$(Array.from(t))},[$,J,r]),Te=(0,d.useCallback)(()=>$([]),[$]),Ee=(0,d.useCallback)(()=>{M(``),P(`all`),I(`all`)},[]),De=(0,d.useCallback)(e=>{H(t=>[...t,...e.map((e,t)=>{let n=T(e);return n&&Y.current.add(n),{id:`staged-${Date.now()}-${t}`,file:e,name:e.name,size:e.size,type:w(e),src:n,progress:0,status:`staged`}})])},[]),Oe=(0,d.useCallback)(e=>{H(t=>{let n=t.find(t=>t.id===e);return n?.src&&(E(n.src),Y.current.delete(n.src)),t.filter(t=>t.id!==e)})},[]),ke=(0,d.useCallback)(()=>{H(e=>{for(let t of e)t.src&&(E(t.src),Y.current.delete(t.src));return[]})},[]),Ae=(0,d.useCallback)(e=>{ye(t=>({...t,...e}))},[]),je=(0,d.useCallback)((e,t)=>{H(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]);return{tab:C,setTab:O,view:k,setView:A,query:j,setQuery:M,type:N,setType:P,collection:F,setCollection:I,sort:L,setSort:re,detailId:ie,setDetailId:ae,items:Z,visibleItems:Q,selectedIds:q,selectedItems:Se,selectedSet:J,toggleSelection:we,clearSelection:Te,clearFilters:Ee,loading:de,error:pe,hasFilters:Ce,totalCount:be,filteredCount:xe,stagedFiles:V,addFiles:De,removeStagedFile:Oe,clearStagedFiles:ke,updateUploadOptions:Ae,uploadOptions:G,uploading:U,startUpload:(0,d.useCallback)(async()=>{if(U||V.length===0)return;W(!0),H(e=>e.map(e=>({...e,status:`uploading`,progress:0})));let e={setProgress:(e,t)=>{je(e,{progress:Math.max(0,Math.min(100,t))})},setFileStatus:(e,t,n)=>je(e,{status:t,error:n})};try{let t=V.map(e=>e.file),n=await l?.(t,G,e);if(H(e=>e.map(e=>({...e,status:`done`,progress:100}))),n?.length){he(e=>[...n,...e]);let e=n.map(e=>S.getId(e));$(r===`single`?e.slice(0,1):Array.from(new Set([...e,...q])))}ke(),O(`library`)}catch(e){z(e),H(e=>e.map(e=>e.status===`uploading`?{...e,status:`error`,error:`Upload failed`}:e)),u?.(e)}finally{W(!1)}},[S,$,ke,u,l,q,r,je,V,G,U]),updateItem:(0,d.useCallback)((e,t)=>{let n=S.getId(e);B(e=>({...e,[n]:{...e[n],...t}})),s?.(e,t)},[S,s]),removeItem:(0,d.useCallback)(e=>{let t=S.getId(e);_e(e=>new Set(e).add(t)),J.has(t)&&$(q.filter(e=>e!==t)),c?.(e)},[S,$,c,q,J]),accessors:S}}function k(e,t){return e===`image`?(0,f.jsx)(p.ImageIcon,{className:t??`size-4`}):e===`video`?(0,f.jsx)(p.Video,{className:t??`size-4`}):(0,f.jsx)(p.File,{className:t??`size-4`})}function A(e,t){return e===`image`?t.typeImage:e===`video`?t.typeVideo:t.typeFile}function j(e,t){return e?g(t.usedIn,{count:e}):t.notUsed}function M({children:e,tint:n,className:r}){return(0,f.jsx)(`div`,{className:t.cn(`media-library-preview relative overflow-hidden bg-muted`,r),style:n?{background:n}:void 0,children:e})}function N({src:e,alt:t,type:n,className:r,loading:i=`lazy`}){let[a,o]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{o(!1)},[e]),!e||a?(0,f.jsx)(`div`,{className:`media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground`,children:k(n,`size-6`)}):(0,f.jsx)(`img`,{src:e,alt:t,loading:i,className:r,onError:()=>o(!0)})}function P({icon:e,title:n,description:i,action:a,className:o}){return(0,f.jsxs)(`div`,{className:t.cn(`media-library-empty-state--component flex min-h-64 flex-col items-center justify-center rounded-lg border border-dashed border-border bg-muted/20 px-6 py-10 text-center`,o),children:[(0,f.jsx)(`div`,{className:`mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:e??(0,f.jsx)(p.ImageIcon,{className:`size-5`})}),(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,children:n}),!!i&&(0,f.jsx)(r.n,{type:`secondary`,size:`xs`,className:`mt-1 max-w-sm`,children:i}),!!a&&(0,f.jsx)(`div`,{className:`mt-4`,children:a})]})}function F({query:e,type:r,typeFilters:i,collection:a,sort:o,view:l,collections:u=[],strings:d,onQueryChange:m,onTypeChange:h,onCollectionChange:g,onSortChange:_,onViewChange:v,onClearFilters:y,toolbarEnd:b}){let x=[{value:`all`,label:d.allTypes,icon:null},{value:`image`,label:d.images,icon:p.ImageIcon},{value:`video`,label:d.videos,icon:p.Video},{value:`file`,label:d.files,icon:p.File}].filter(e=>(i??[`all`,`image`,`video`]).includes(e.value)),S=[{value:`all`,label:d.allCollections},...u.map(e=>({value:e.value,label:String(e.label)}))],C=[{value:`newest`,label:d.sortNewest},{value:`name`,label:d.sortName},{value:`size`,label:d.sortSize},{value:`usage`,label:d.sortUsage}];return(0,f.jsxs)(`div`,{className:`media-library-toolbar--component flex flex-wrap items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`min-w-52 flex-1`,children:(0,f.jsx)(s.t,{value:e,onChange:e=>m(e.target.value),placeholder:d.searchPlaceholder,startIcon:p.Search,clearable:!0,onClear:()=>m(``),strings:{clear:d.clearSearch},className:`rounded-full bg-muted/20`})}),(0,f.jsx)(`div`,{className:`media-library-toolbar--type-toggle flex h-9 items-center rounded-md bg-muted p-0.5`,role:`tablist`,"aria-label":d.typeFilterLabel,children:x.map(e=>{let i=e.icon,a=r===e.value;return(0,f.jsxs)(n.t,{type:`button`,role:`tab`,"aria-selected":a,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 text-xs shadow-none`,a?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>h(e.value),children:[i&&(0,f.jsx)(i,{className:`size-3.5`}),e.label]},e.value)})}),(0,f.jsx)(`div`,{className:`min-w-40`,children:(0,f.jsx)(c.H,{value:a,options:S,onChange:e=>g(e??`all`),placeholder:d.collectionFilterLabel,"aria-label":d.collectionFilterLabel,className:`bg-background`})}),(0,f.jsx)(`div`,{className:`min-w-32`,children:(0,f.jsx)(c.H,{value:o,options:C,onChange:e=>_(e??`newest`),placeholder:d.sortLabel,"aria-label":d.sortLabel,className:`bg-background`})}),(0,f.jsxs)(`div`,{className:`media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5`,children:[(0,f.jsx)(n.t,{type:`button`,variant:l===`grid`?`dark`:`secondary`,buttonStyle:l===`grid`?`solid`:`ghost`,size:`icon-xs`,className:t.cn(l===`grid`&&`bg-background text-foreground shadow-xs hover:bg-background`),"aria-label":d.gridView,onClick:()=>v(`grid`),children:(0,f.jsx)(p.Grid2X2,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:l===`table`?`dark`:`secondary`,buttonStyle:l===`table`?`solid`:`ghost`,size:`icon-xs`,className:t.cn(l===`table`&&`bg-background text-foreground shadow-xs hover:bg-background`),"aria-label":d.tableView,onClick:()=>v(`table`),children:(0,f.jsx)(p.LayoutList,{className:`size-3.5`})})]}),!!e&&(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:y,children:d.clearFilters}),b]})}function I({item:e,selected:i=!1,density:o=`comfortable`,showMeta:s=!0,accessors:c,strings:l,onToggle:u,onDetails:d,className:m}){let h=c.getType(e),_=c.getName(e),v=c.getSrc(e),y=c.getAlt(e)||_,b=c.getSize(e),S=c.getUsageCount(e),C=c.getPublic(e)===!1,w=c.getDuration(e);return(0,f.jsxs)(`div`,{"data-selected":i||void 0,"data-density":o,className:t.cn(`media-library-card--component group/card overflow-hidden rounded-xl border border-border/70 bg-card text-left shadow-xs transition-all`,`hover:border-primary/30 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,i&&`media-library-card--selected border-primary ring-1 ring-primary`,m),onClick:u,children:[(0,f.jsxs)(M,{tint:c.getTint(e),className:t.cn(o===`compact`?`aspect-square`:`aspect-[4/3]`),children:[(0,f.jsx)(N,{src:v,alt:y,type:h,className:`size-full object-cover`}),(0,f.jsx)(`span`,{className:t.cn(`media-library-card--check absolute left-2 top-2 inline-flex size-5 items-center justify-center rounded-md border border-border bg-background/95 text-transparent opacity-0 shadow-xs backdrop-blur transition-opacity group-hover/card:opacity-100 group-focus-visible/card:opacity-100`,i&&`bg-primary text-primary-foreground opacity-100`),"aria-hidden":`true`,children:(0,f.jsx)(p.Check,{className:`size-3`})}),!!d&&(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-xs`,className:`media-library-card--details absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100`,"aria-label":g(l.cardDetails,{name:_}),onClick:e=>{e.stopPropagation(),d()},children:(0,f.jsx)(p.Info,{className:`size-3.5`})}),h===`video`&&!!w&&(0,f.jsxs)(a.t,{variant:`secondary`,className:`media-library-card--duration absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),w]}),C&&(0,f.jsx)(a.t,{variant:`secondary`,className:`media-library-card--private absolute bottom-2 right-2 bg-background/90`,children:(0,f.jsx)(p.Lock,{className:`size-3`})})]}),(0,f.jsxs)(`div`,{className:`media-library-card--body grid gap-1 px-3 py-2.5`,children:[(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:_}),s&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,className:`truncate`,children:x(b)||l.unknownSize}),!!S&&(0,f.jsxs)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`ml-auto inline-flex items-center gap-1`,children:[(0,f.jsx)(p.Layers3,{className:`size-3`}),S]})]})]})]})}function L({items:e,selectedSet:i,accessors:o,strings:s,onToggle:c,onDetails:l}){return(0,f.jsxs)(`div`,{className:`media-library-table--component min-w-[720px]`,children:[(0,f.jsxs)(`div`,{className:`sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border bg-background px-3 py-2`,children:[(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.name}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.type}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.size}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.collection}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.used}),(0,f.jsx)(`span`,{})]}),e.map(e=>{let u=o.getId(e),d=i.has(u),m=o.getType(e),h=o.getName(e),_=o.getSrc(e),v=o.getPublic(e)===!1;return(0,f.jsxs)(`div`,{"data-selected":d||void 0,className:t.cn(`media-library-table--row grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border/60 px-3 py-2 last:border-b-0`,`cursor-pointer rounded-lg transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset`,d&&`bg-primary/10`),onClick:()=>c(u),children:[(0,f.jsx)(`span`,{className:t.cn(`inline-flex size-5 items-center justify-center rounded-md border border-border text-transparent`,d&&`border-primary bg-primary text-primary-foreground`),"aria-hidden":`true`,children:(0,f.jsx)(p.Check,{className:`size-3`})}),(0,f.jsx)(M,{tint:o.getTint(e),className:`size-9 rounded-md`,children:_?(0,f.jsx)(`img`,{src:_,alt:``,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:k(m,`size-4`)})}),(0,f.jsxs)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`flex min-w-0 items-center gap-1 truncate`,children:[(0,f.jsx)(`span`,{className:`truncate`,children:h}),v&&(0,f.jsx)(p.Lock,{className:`size-3 shrink-0 text-muted-foreground`})]}),(0,f.jsx)(a.t,{variant:`secondary`,children:A(m,s)}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:x(o.getSize(e))||s.unknownSize}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:o.getCollection(e)||`-`}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:o.getUsageCount(e)?o.getUsageCount(e):`-`}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":g(s.cardDetails,{name:h}),onClick:e=>{e.stopPropagation(),l(u)},children:(0,f.jsx)(p.Info,{className:`size-3.5`})})]},u)})]})}function re({item:e,collections:t=[],accessors:i,strings:o,onClose:d,onUpdate:m,onRemove:h,renderDetail:g}){if(!e)return null;let _=i.getName(e),v=i.getType(e),y=i.getSrc(e),b=i.getCollection(e)??t[0]?.value??``,C=i.getTags(e),w=i.getPublic(e)??!0,T=g?.(e,{accessors:i,update:m,remove:h,close:d});return T?(0,f.jsx)(f.Fragment,{children:T}):(0,f.jsxs)(`aside`,{className:`media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background lg:w-72`,children:[(0,f.jsxs)(`div`,{className:`media-library-detail-panel--header flex items-center gap-2 border-b border-border px-3 py-2.5`,children:[(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":o.detail.close,onClick:d,children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(r.n,{weight:`semibold`,children:o.detail.title})]}),(0,f.jsxs)(`div`,{className:`media-library-detail-panel--body grid min-h-0 gap-4 overflow-y-auto p-4`,children:[(0,f.jsxs)(M,{tint:i.getTint(e),className:`aspect-[4/3] rounded-lg border border-border`,children:[(0,f.jsx)(N,{src:y,alt:i.getAlt(e)||_,type:v,className:`size-full object-cover`}),v===`video`&&!!i.getDuration(e)&&(0,f.jsxs)(a.t,{className:`absolute bottom-2 right-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),i.getDuration(e)]})]}),(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,className:`break-words`,children:_}),(0,f.jsx)(`dl`,{className:`media-library-detail-panel--facts grid gap-2`,children:[[o.detail.type,A(v,o)],[o.detail.size,x(i.getSize(e))||o.unknownSize],[o.detail.dimensions,S(e,i)||`-`],[o.detail.uploaded,String(i.getUploadedAt(e)??`-`)],[o.detail.usedIn,j(i.getUsageCount(e),o)]].map(([e,t])=>(0,f.jsxs)(`div`,{className:`flex justify-between gap-4`,children:[(0,f.jsx)(`dt`,{children:(0,f.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:e})}),(0,f.jsx)(`dd`,{className:`m-0 text-right`,children:(0,f.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,children:t})})]},e))}),(0,f.jsx)(l.n,{label:o.detail.altText,children:(0,f.jsx)(s.t,{value:i.getAlt(e)??``,placeholder:o.detail.altPlaceholder,onChange:e=>m({alt:e.target.value})})}),(0,f.jsx)(l.n,{label:o.detail.collection,children:(0,f.jsx)(c.H,{value:b,options:t.map(e=>({value:e.value,label:String(e.label)})),"aria-label":o.detail.collection,onChange:e=>m({collection:e})})}),(0,f.jsx)(l.n,{label:o.detail.tags,children:(0,f.jsx)(s.t,{value:C.join(`, `),placeholder:o.detail.tagsPlaceholder,onChange:e=>m({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,f.jsxs)(`div`,{className:`media-library-detail-panel--public flex items-center justify-between gap-4 rounded-lg border border-border bg-muted/20 p-3`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.n,{weight:`semibold`,size:`xs`,children:o.detail.public}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,children:w?o.detail.publicHint:o.detail.privateHint})]}),(0,f.jsx)(u.n,{checked:w,onCheckedChange:e=>m({public:e})})]}),(0,f.jsxs)(`div`,{className:`media-library-detail-panel--actions flex flex-wrap gap-2`,children:[(0,f.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),o.detail.replace]}),(0,f.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:h,children:[(0,f.jsx)(p.Trash2,{className:`size-3.5`}),o.detail.delete]})]})]})]})}function ie({stagedFiles:e,uploadOptions:t,collections:i=[],uploading:o=!1,strings:d,onFiles:m,onRemoveFile:h,onOptionsChange:_,empty:v}){return(0,f.jsxs)(`div`,{className:`media-library-upload-panel--component grid gap-4 p-4`,children:[(0,f.jsx)(c.b,{onDrop:m,accept:`image/*,video/*`,multiple:!0,size:`base`,strings:{instruction:d.upload.dropTitle,helper:d.upload.dropHint,dragOver:d.upload.dragOver}}),e.length>0?(0,f.jsx)(`div`,{className:`media-library-upload-panel--staged grid gap-2`,children:e.map(e=>(0,f.jsxs)(`div`,{className:`media-library-upload-panel--staged-file flex items-center gap-3 rounded-lg border border-border bg-card p-2`,children:[(0,f.jsx)(M,{className:`size-10 rounded-md`,children:e.src?(0,f.jsx)(`img`,{src:e.src,alt:e.name,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:k(e.type,`size-4`)})}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,f.jsx)(r.n,{weight:`semibold`,size:`xs`,className:`truncate`,children:e.name}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,className:`ml-auto shrink-0`,children:x(e.size)})]}),(e.status===`uploading`||e.status===`done`)&&(0,f.jsx)(`div`,{className:`mt-2 h-1 overflow-hidden rounded-full bg-muted`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width]`,style:{width:`${e.progress}%`}})}),e.status===`error`&&(0,f.jsx)(r.n,{size:`xxs`,type:`error`,children:e.error})]}),e.status===`done`?(0,f.jsx)(a.t,{variant:`success`,children:d.upload.done}):e.status===`uploading`?(0,f.jsxs)(r.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]}):(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:o,"aria-label":g(d.upload.removeFile,{name:e.name}),onClick:()=>h(e.id),children:(0,f.jsx)(p.X,{className:`size-3.5`})})]},e.id))}):v,(0,f.jsxs)(`div`,{className:`media-library-upload-panel--options grid gap-3 rounded-lg border border-border bg-muted/20 p-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]`,children:[(0,f.jsx)(l.n,{label:d.upload.collection,children:(0,f.jsx)(c.H,{value:t.collection??i[0]?.value,options:i.map(e=>({value:e.value,label:String(e.label)})),"aria-label":d.upload.collection,onChange:e=>_({collection:e})})}),(0,f.jsx)(l.n,{label:d.upload.tags,children:(0,f.jsx)(s.t,{value:t.tags.join(`, `),placeholder:d.upload.tagsPlaceholder,onChange:e=>_({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-4 md:self-end`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.n,{weight:`semibold`,size:`xs`,children:d.upload.public}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,children:d.upload.publicHint})]}),(0,f.jsx)(u.n,{checked:t.public,onCheckedChange:e=>_({public:e})})]})]})]})}function ae({tab:e,selectedIds:i,selectionMode:a,stagedFiles:o,strings:s,onClearSelection:c,className:l}){let u=i.length,d=o.reduce((e,t)=>e+t.size,0),p=o.length,m=t.cn(`media-library-footer-summary--component flex min-w-0 items-center gap-3`,l);return e===`upload`?(0,f.jsx)(`div`,{className:m,"aria-live":`polite`,children:(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:p===0?s.footer.noFiles:g(s.footer.stagedSummary,{count:p,size:x(d)})})}):(0,f.jsx)(`div`,{className:m,"aria-live":`polite`,children:u>0?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(r.n,{weight:`semibold`,size:`xs`,className:`whitespace-nowrap`,children:g(s.footer.selectedCount,{count:u})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:c,children:s.footer.clear})]}):(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:a===`single`?s.footer.pickOne:s.footer.pickMany})})}function R({tab:e,selectedItems:r,selectedIds:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onUpload:p,onCancelUpload:m,className:h}){let _=i.length,v=a.length;return e===`upload`?(0,f.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,h),children:[(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,disabled:o,onClick:m,children:l??s.footer.cancel}),(0,f.jsx)(n.t,{type:`button`,disabled:v===0||o,onClick:p,loading:o,loadingLabels:{loading:s.footer.uploading},children:v<=1?s.footer.upload:g(s.footer.uploadMany,{count:v})})]}):(0,f.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,h),children:[(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:u,children:l??s.footer.cancel}),(0,f.jsx)(n.t,{type:`button`,disabled:_===0,onClick:d,children:c??(_===0?s.footer.confirmEmpty:r.length===1?s.footer.confirmOne:g(s.footer.confirmMany,{count:_}))})]})}function oe({tab:e,selectedItems:n,selectedIds:r,selectionMode:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onClearSelection:p,onUpload:m,onCancelUpload:h,chrome:g=`section`,className:_}){return(0,f.jsxs)(`footer`,{className:t.cn(`media-library-footer--component flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,g===`section`&&`border-t border-border bg-background px-4 py-3`,_),children:[(0,f.jsx)(ae,{tab:e,selectedIds:r,selectionMode:i,stagedFiles:a,strings:s,onClearSelection:p}),(0,f.jsx)(R,{tab:e,selectedItems:n,selectedIds:r,stagedFiles:a,uploading:o,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onUpload:m,onCancelUpload:h})]})}var se=(0,d.createContext)(null);function ce(e,t,n){return(0,d.useMemo)(()=>{if(e)return e;let r=new Set;for(let e of t){let t=n(e);t&&r.add(t)}return Array.from(r).map(e=>({value:e,label:e}))},[e,n,t])}function le({title:i,description:a,confirmLabel:s,cancelLabel:c,selectionMode:l=`multiple`,density:u=`comfortable`,showMeta:_=!0,allowUpload:v=!0,typeFilters:y,confirmOnSelect:b=!1,onConfirm:x,onCancel:S,onClose:C,strings:w,slots:T,heightClassName:E,className:ee,items:te,fetcher:ne,accessors:D,collections:k,value:A,defaultValue:j,onValueChange:M,onItemUpdate:N,onItemDelete:le,onUpload:ue,onError:de,initialTab:fe,defaultView:pe,defaultQuery:z,defaultType:me,defaultCollection:he,defaultSort:ge,defaultUploadOptions:_e,...ve}){let B=e.useStrings(h,w),V=O({items:te,fetcher:ne,accessors:D,collections:k,selectionMode:l,value:A,defaultValue:j,onValueChange:M,onItemUpdate:N,onItemDelete:le,onUpload:ue,onError:de,initialTab:fe,defaultView:pe,defaultQuery:z,defaultType:me,defaultCollection:he,defaultSort:ge,defaultUploadOptions:_e}),H=ce(k,V.items,V.accessors.getCollection),U=v?V.tab:`library`,W=V.detailId?V.items.find(e=>V.accessors.getId(e)===V.detailId)??null:null,G=(0,d.useContext)(se),ye=!T?.footer,K=G&&ye?(0,f.jsx)(ae,{tab:U,selectedIds:V.selectedIds,selectionMode:l,stagedFiles:V.stagedFiles,strings:B,onClearSelection:V.clearSelection,className:`media-library-dialog--selection-summary shrink-0 justify-end`}):null,q=!!(i||a||T?.headerStart),J=!!(v||T?.headerEnd||K),Y=q||J,X=()=>{x?.(V.selectedItems,V.selectedIds),C?.()},Z=()=>{S?.(),C?.()},Q=e=>{let t=V.accessors.getId(e);V.toggleSelection(t),b&&(x?.([e],[t]),C?.())},be=V.filteredCount===V.totalCount?g(B.countAll,{count:V.totalCount}):g(B.countFiltered,{count:V.filteredCount,total:V.totalCount}),xe=T?.footer??(G?(0,f.jsx)(R,{tab:U,selectedItems:V.selectedItems,selectedIds:V.selectedIds,stagedFiles:V.stagedFiles,uploading:V.uploading,strings:B,confirmLabel:s,cancelLabel:c,onCancel:Z,onConfirm:X,onUpload:V.startUpload,onCancelUpload:()=>{V.clearStagedFiles(),V.setTab(`library`)},className:`ml-auto`}):(0,f.jsx)(oe,{tab:U,selectedItems:V.selectedItems,selectedIds:V.selectedIds,selectionMode:l,stagedFiles:V.stagedFiles,uploading:V.uploading,strings:B,confirmLabel:s,cancelLabel:c,onCancel:Z,onConfirm:X,onClearSelection:V.clearSelection,onUpload:V.startUpload,onCancelUpload:()=>{V.clearStagedFiles(),V.setTab(`library`)}}));return(0,f.jsxs)(`section`,{className:t.cn(`media-library--component flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background`,E??`h-[min(760px,calc(100vh-7rem))]`,ee),...ve,children:[Y&&(0,f.jsxs)(`header`,{className:`media-library--header flex flex-col gap-3 border-b border-border px-4 py-3 lg:flex-row lg:items-center lg:justify-between`,children:[q&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[T?.headerStart,(i||a)&&(0,f.jsxs)(`div`,{className:`min-w-0`,children:[!!i&&(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,children:i}),!!a&&(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:a})]})]}),J&&(0,f.jsxs)(`div`,{className:t.cn(`flex min-w-0 flex-wrap items-center gap-2`,K?`flex-1 justify-between`:`lg:justify-end`),children:[(0,f.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[v&&(0,f.jsxs)(`div`,{className:`media-library--tabs flex items-center rounded-md bg-muted p-0.5`,role:`tablist`,children:[(0,f.jsxs)(n.t,{type:`button`,role:`tab`,"aria-selected":U===`library`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 shadow-none`,U===`library`?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>V.setTab(`library`),children:[(0,f.jsx)(p.ImageIcon,{className:`size-3.5`}),B.tabs.library]}),(0,f.jsxs)(n.t,{type:`button`,role:`tab`,"aria-selected":U===`upload`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 shadow-none`,U===`upload`?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>V.setTab(`upload`),children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),B.tabs.upload,V.stagedFiles.length>0&&(0,f.jsx)(`span`,{className:`rounded-full bg-background/20 px-1.5 text-xxs tabular-nums`,children:V.stagedFiles.length})]})]}),T?.headerEnd]}),K]})]}),(0,f.jsxs)(`div`,{className:`media-library--body flex min-h-0 flex-1`,children:[U===`upload`?(0,f.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:(0,f.jsx)(ie,{stagedFiles:V.stagedFiles,uploadOptions:V.uploadOptions,collections:H,uploading:V.uploading,strings:B,onFiles:V.addFiles,onRemoveFile:V.removeStagedFile,onOptionsChange:V.updateUploadOptions,empty:T?.uploadEmpty})}):(0,f.jsxs)(`div`,{className:t.cn(`media-library--library min-w-0 flex-1 flex-col`,W?`hidden lg:flex`:`flex`),children:[(0,f.jsxs)(`div`,{className:`media-library--toolbar border-b border-border/70 px-4 py-3`,children:[(0,f.jsx)(F,{query:V.query,type:V.type,typeFilters:y,collection:V.collection,sort:V.sort,view:V.view,collections:H,strings:B,onQueryChange:V.setQuery,onTypeChange:V.setType,onCollectionChange:V.setCollection,onSortChange:V.setSort,onViewChange:V.setView,onClearFilters:V.clearFilters,toolbarEnd:T?.toolbarEnd}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-2`,"aria-live":`polite`,children:be})]}),(0,f.jsx)(`div`,{className:`media-library--results min-h-0 flex-1 overflow-y-auto p-4`,children:V.loading?T?.loading??(0,f.jsx)(`div`,{className:`flex min-h-64 items-center justify-center`,children:(0,f.jsx)(r.n,{type:`secondary`,children:B.loading})}):V.error?T?.error??(0,f.jsxs)(o.t,{variant:`destructive`,children:[(0,f.jsx)(o.i,{children:B.errorTitle}),(0,f.jsx)(o.r,{children:B.errorDescription})]}):V.visibleItems.length===0?T?.empty??(0,f.jsx)(P,{title:V.hasFilters?B.emptyFilteredTitle:B.emptyLibraryTitle,description:V.hasFilters?B.emptyFilteredDescription:B.emptyLibraryDescription,action:V.hasFilters?(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:V.clearFilters,children:B.clearFilters}):v?(0,f.jsxs)(n.t,{type:`button`,onClick:()=>V.setTab(`upload`),children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),B.uploadMedia]}):void 0}):V.view===`table`?(0,f.jsx)(`div`,{className:`overflow-x-auto`,children:(0,f.jsx)(L,{items:V.visibleItems,selectedSet:V.selectedSet,selectionMode:l,accessors:V.accessors,strings:B,onToggle:e=>{let t=V.items.find(t=>V.accessors.getId(t)===e);t&&Q(t)},onDetails:V.setDetailId})}):(0,f.jsx)(`div`,{className:t.cn(`media-library--grid grid gap-3`,u===`compact`?`grid-cols-[repeat(auto-fill,minmax(136px,1fr))]`:`grid-cols-[repeat(auto-fill,minmax(168px,1fr))]`),children:V.visibleItems.map(e=>{let t=V.accessors.getId(e),n={id:t,selected:V.selectedSet.has(t),selectionMode:l,accessors:V.accessors,toggle:()=>Q(e),openDetails:()=>V.setDetailId(t)},r=T?.renderItem?.(e,n);return r?(0,f.jsx)(`div`,{children:r},t):(0,f.jsx)(I,{item:e,selected:n.selected,density:u,showMeta:_,selectionMode:l,accessors:V.accessors,strings:B,onToggle:n.toggle,onDetails:n.openDetails},t)})})})]}),U===`library`&&(0,f.jsx)(re,{item:W,collections:H,accessors:V.accessors,strings:B,onClose:()=>V.setDetailId(null),onUpdate:e=>W&&V.updateItem(W,e),onRemove:()=>{W&&(V.removeItem(W),V.setDetailId(null))},renderDetail:T?.renderDetail})]}),G?G.element?(0,m.createPortal)(xe,G.element):null:xe]})}function ue({open:n,onOpenChange:r,trigger:a,dialogTitle:o,dialogDescription:s,onClose:c,className:l,dialogClassName:u,contentClassName:p,closeOnEscape:m=!0,closeOnBackdropClick:g=!0,..._}){let v=e.useStrings(h,_.strings),[y,b]=(0,d.useState)(!1),[x,S]=(0,d.useState)(null),C=n!==void 0,w=C?n:y,T=e=>{C||b(e),r?.(e)},E=()=>{T(!1),c?.()};return(0,f.jsx)(se.Provider,{value:{element:x},children:(0,f.jsx)(i.r,{open:w,onOpenChange:T,onClose:c,trigger:a,title:o??v.title,description:s??v.description,size:`full`,showCancel:!1,showConfirm:!1,footer:(0,f.jsx)(`div`,{ref:S,className:`media-library-dialog--footer`}),className:t.cn(`media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))]`,u),contentClassName:t.cn(`media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0`,p),closeOnBackdropClick:g,closeOnEscape:m,children:(0,f.jsx)(le,{..._,onClose:E,className:t.cn(`media-library-dialog--library rounded-none border-0`,l),heightClassName:_.heightClassName??`min-h-0 flex-1`,strings:_.strings})})})}function de(e,t,n){let r=e.slice(),[i]=r.splice(t,1);return i===void 0||r.splice(n,0,i),r}function fe({items:i,accessors:o,title:s,description:c,primaryId:l,onPrimaryChange:u,onRemove:d,onReorder:m,onAdd:_,maxItems:v,layout:y=`field`,density:S=`comfortable`,readOnly:C=!1,empty:w,action:T,renderItem:E,strings:ee,className:te,...ne}){let D=e.useStrings(h,ee),O=b(o),k=i.length,A=l??(k>0?O.getId(i[0]):void 0),j=!C&&!!_&&(v===void 0||k<v),M=j&&(y===`field`||k>0)?(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,icon:p.Plus,onClick:_,children:D.gallery.add}):v!==void 0&&k>=v?(0,f.jsx)(a.t,{variant:`secondary`,children:D.gallery.maxReached}):null,N=(e,t)=>{if(t<0||t>=k||e===t)return;let n=de(i,e,t);m?.(n.map(e=>O.getId(e)),n)},F=!!(s||c||T||M),I=k===0&&y!==`field`,L=()=>!j||y!==`field`?null:(0,f.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`media-resource-gallery--add-tile h-auto min-h-24 w-full flex-col rounded-lg border border-dashed border-border bg-background text-muted-foreground shadow-none`,`aspect-square hover:border-primary/50 hover:bg-primary/5 hover:text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`),"aria-label":D.gallery.addTile,onClick:_,children:[(0,f.jsx)(p.Plus,{className:`size-4`}),(0,f.jsx)(`span`,{className:`sr-only`,children:D.gallery.addTile})]});return(0,f.jsxs)(`section`,{className:t.cn(`media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs`,te),"data-layout":y,"data-density":S,...ne,children:[F&&(0,f.jsxs)(`header`,{className:`media-resource-gallery--header flex flex-col gap-3 px-4 py-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,f.jsxs)(`div`,{className:`min-w-0`,children:[!!s&&(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,children:s}),!!c&&(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:c})]}),(0,f.jsx)(`div`,{className:`media-resource-gallery--actions flex flex-wrap items-center gap-2`,children:T??M})]}),I?(0,f.jsx)(`div`,{className:`media-resource-gallery--empty p-4 pt-0`,children:w??(0,f.jsx)(P,{title:D.gallery.emptyTitle,description:D.gallery.emptyDescription,action:j?(0,f.jsx)(n.t,{type:`button`,icon:p.ImagePlus,onClick:_,children:D.gallery.add}):void 0})}):(0,f.jsxs)(`div`,{className:t.cn(`media-resource-gallery--items p-4`,F&&`pt-0`,y===`list`?`grid gap-2`:y===`field`?`grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-3 sm:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]`:S===`compact`?`grid grid-cols-[repeat(auto-fill,minmax(132px,1fr))] gap-3`:`grid grid-cols-[repeat(auto-fill,minmax(164px,1fr))] gap-3`),children:[i.map((e,i)=>{let o=O.getId(e),s=O.getName(e),c=O.getType(e),l=O.getSrc(e),m=O.getAlt(e)||s,h=o===A,_=O.getPublic(e)===!1,v=O.getDuration(e),b=i>0,S=i<k-1,w=E?.(e,{id:o,index:i,total:k,primary:h,accessors:O,canMovePrevious:b,canMoveNext:S,setPrimary:()=>u?.(o,e),remove:()=>d?.(o,e),movePrevious:()=>N(i,i-1),moveNext:()=>N(i,i+1)});return w?(0,f.jsx)(`div`,{children:w},o):y===`field`?(0,f.jsxs)(`div`,{className:t.cn(`media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-lg border border-border bg-background shadow-xs`,`transition-colors hover:border-primary/40 focus-within:border-primary/50`,h&&`col-span-2 row-span-2 min-h-52`),"data-primary":h||void 0,children:[l?(0,f.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center bg-muted text-muted-foreground`,children:(0,f.jsx)(p.File,{className:h?`size-7`:`size-5`})}),h&&(0,f.jsx)(a.t,{variant:`secondary`,className:`absolute left-2 top-2 bg-background/90 shadow-xs`,children:D.gallery.cover}),c===`video`&&!!v&&(0,f.jsxs)(a.t,{variant:`secondary`,className:`absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),v]}),_&&(0,f.jsx)(`span`,{className:`absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background/90 text-muted-foreground shadow-xs`,children:(0,f.jsx)(p.Lock,{className:`size-3`})}),!C&&(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-xs`,className:`absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100`,"aria-label":D.gallery.remove,onClick:()=>d?.(o,e),children:(0,f.jsx)(p.X,{className:`size-3.5`})})]},o):y===`list`?(0,f.jsxs)(`div`,{className:`media-resource-gallery--item flex min-w-0 items-center gap-3 rounded-lg border border-border bg-background p-2`,"data-primary":h||void 0,children:[(0,f.jsx)(`div`,{className:`relative size-12 shrink-0 overflow-hidden rounded-md bg-muted`,children:l?(0,f.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,f.jsx)(p.File,{className:`size-4`})})}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),h&&(0,f.jsx)(a.t,{variant:`info`,children:D.gallery.primary})]}),(0,f.jsxs)(r.n,{size:`xxs`,type:`secondary`,children:[g(D.gallery.itemPosition,{index:i+1,total:k}),` · `,x(O.getSize(e))||D.unknownSize]})]}),!C&&(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:h,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,f.jsx)(p.Star,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(i,i-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(i,i+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":D.gallery.remove,onClick:()=>d?.(o,e),children:(0,f.jsx)(p.Trash2,{className:`size-3.5`})})]})]},o):(0,f.jsxs)(`div`,{className:`media-resource-gallery--item group/gallery overflow-hidden rounded-lg border border-border bg-background shadow-xs transition-colors hover:border-primary/40`,"data-primary":h||void 0,children:[(0,f.jsxs)(`div`,{className:`relative aspect-[4/3] bg-muted`,children:[l?(0,f.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,f.jsx)(p.File,{className:`size-6`})}),(0,f.jsxs)(`div`,{className:`absolute left-2 top-2 flex flex-wrap gap-1`,children:[h&&(0,f.jsx)(a.t,{variant:`info`,children:D.gallery.primary}),(0,f.jsx)(a.t,{variant:`secondary`,children:g(D.gallery.itemPosition,{index:i+1,total:k})})]})]}),(0,f.jsxs)(`div`,{className:`media-resource-gallery--item-body grid gap-2 p-3`,children:[(0,f.jsxs)(`div`,{className:`min-w-0`,children:[(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,children:x(O.getSize(e))||D.unknownSize})]}),!C&&(0,f.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:h,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,f.jsx)(p.Star,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(i,i-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(i,i+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,className:`ml-auto`,"aria-label":D.gallery.remove,onClick:()=>d?.(o,e),children:(0,f.jsx)(p.Trash2,{className:`size-3.5`})})]})]})]},o)}),L()]})]})}exports.MediaLibrary=le,exports.MediaLibraryCard=I,exports.MediaLibraryDetailPanel=re,exports.MediaLibraryDialog=ue,exports.MediaLibraryEmptyState=P,exports.MediaLibraryFooter=oe,exports.MediaLibraryTable=L,exports.MediaLibraryToolbar=F,exports.MediaLibraryUploadPanel=ie,exports.MediaResourceGallery=fe,exports.defaultMediaLibraryStrings=h,exports.formatMediaLibrarySize=x,exports.formatMediaLibraryString=g,exports.getMediaLibraryDimensions=S,exports.resolveMediaLibraryAccessors=b,exports.useMediaLibrary=O;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/overlays-Diy_H0Au.cjs"),a=require("../../../_shared/badge-BeSKxX1u.cjs"),o=require("../../../_shared/alert-V0V36Sny.cjs"),s=require("../../../_shared/input-CB6hxh-5.cjs"),c=require("../../../_shared/forms-rmKcy5uO.cjs"),l=require("../../../_shared/display-Bin2vVex.cjs");let u=require("react"),d=require("react/jsx-runtime"),f=require("lucide-react"),p=require("react-dom");var m={title:`Add media`,description:`Pick from the library, or upload new files.`,close:`Close media library`,tabs:{library:`Library`,upload:`Upload`},searchPlaceholder:`Search by name or tag...`,clearSearch:`Clear search`,typeFilterLabel:`Type`,collectionFilterLabel:`Collection`,sortLabel:`Sort`,viewLabel:`View`,allTypes:`All`,images:`Images`,videos:`Videos`,files:`Files`,allCollections:`All collections`,sortNewest:`Newest`,sortName:`Name`,sortSize:`Size`,sortUsage:`Most used`,gridView:`Grid view`,tableView:`Table view`,countAll:`{count} items`,countFiltered:`{count} of {total} items`,emptyLibraryTitle:`Library is empty`,emptyLibraryDescription:`Upload images or videos to start building the library.`,emptyFilteredTitle:`No media matches`,emptyFilteredDescription:`Try a different search term, or clear the filters.`,clearFilters:`Clear filters`,uploadMedia:`Upload media`,loading:`Loading media...`,errorTitle:`Media could not load`,errorDescription:`Try again or adjust your filters.`,cardDetails:`Details for {name}`,privateLabel:`Private`,publicLabel:`Public`,typeImage:`Image`,typeVideo:`Video`,typeFile:`File`,unknownSize:`Unknown`,notUsed:`Not used yet`,usedIn:`{count} {count, plural, one {place} other {places}}`,table:{name:`Name`,type:`Type`,size:`Size`,collection:`Collection`,used:`Used`},detail:{title:`Details`,altText:`Alt text`,altPlaceholder:`Describe this media for screen readers`,collection:`Collection`,tags:`Tags`,tagsPlaceholder:`Comma-separated`,public:`Public`,publicHint:`Served from the public CDN`,privateHint:`Only visible in the admin`,type:`Type`,size:`Size`,dimensions:`Dimensions`,uploaded:`Uploaded`,usedIn:`Used in`,replace:`Replace file`,delete:`Delete`,close:`Close details`},upload:{dropTitle:`Drag files here or click to browse`,dropHint:`JPG, PNG, WebP, SVG and MP4 up to 50 MB per file`,dragOver:`Release to stage files`,collection:`Collection`,tags:`Tags`,tagsPlaceholder:`Comma-separated`,public:`Public`,publicHint:`Serve from the public CDN`,noFiles:`No files staged`,stagedCount:`{count} {count, plural, one {file} other {files}}`,removeFile:`Remove {name}`,uploading:`Uploading`,done:`Done`},footer:{pickOne:`Pick one item`,pickMany:`Pick one or more items`,selectedCount:`{count} selected`,clear:`Clear`,cancel:`Cancel`,confirmEmpty:`Add to product`,confirmOne:`Add 1 item`,confirmMany:`Add {count} items`,noFiles:`No files staged`,stagedSummary:`{count} {count, plural, one {file} other {files}} · {size}`,upload:`Upload`,uploadMany:`Upload {count} files`,uploading:`Uploading...`},gallery:{emptyTitle:`No media attached`,emptyDescription:`Add images, video, or files to this resource.`,add:`Add media`,addMore:`Add more`,addTile:`Add another media item`,cover:`Cover`,primary:`Primary`,setPrimary:`Set primary`,remove:`Remove`,movePrevious:`Move previous`,moveNext:`Move next`,itemPosition:`{index} of {total}`,maxReached:`Maximum reached`}};function h(e,t){return e.replace(/\{(\w+), plural, one \{([^}]*)\} other \{([^}]*)\}\}/g,(e,n,r,i)=>Number(t[n])===1?r:i).replace(/\{(\w+)\}/g,(e,n)=>String(t[n]??``))}var g={collection:void 0,tags:[],public:!0},_=[],v={getId:e=>e.id,getName:e=>e.name,getType:e=>e.type,getSrc:e=>e.src,getAlt:e=>e.alt,getSize:e=>e.size,getWidth:e=>e.width,getHeight:e=>e.height,getDuration:e=>e.duration,getCollection:e=>e.collection,getTags:e=>e.tags??[],getPublic:e=>e.public,getUploadedAt:e=>e.uploadedAt,getUsageCount:e=>e.usageCount,getTint:e=>e.tint,getMimeType:e=>e.mimeType};function y(e){return{...v,...e??{}}}function b(e){return!e||e<=0?``:e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function x(e,t){let n=t.getWidth(e),r=t.getHeight(e);return!n||!r?``:`${n} x ${r}`}function S(e,t){let n=t.getUploadedAt(e);if(!n)return 0;let r=(n instanceof Date?n:new Date(n)).getTime();return Number.isFinite(r)?r:0}function C(e){return e.type.startsWith(`image/`)?`image`:e.type.startsWith(`video/`)?`video`:`file`}function w(e){if(e.type.startsWith(`image/`)&&!(typeof URL>`u`||typeof URL.createObjectURL!=`function`))return URL.createObjectURL(e)}function T(e){!e||typeof URL>`u`||typeof URL.revokeObjectURL!=`function`||URL.revokeObjectURL(e)}function E(e){return Array.isArray(e)?{items:e,total:e.length}:e}function ee(e,t){return t&&typeof e==`object`&&e?{...e,...t}:e}function te(e,t,n,r,i){let a=n.trim().toLowerCase();return e.filter(e=>r!==`all`&&t.getType(e)!==r||i!==`all`&&t.getCollection(e)!==i?!1:a?[t.getName(e),t.getAlt(e),t.getCollection(e),...t.getTags(e)].filter(Boolean).join(` `).toLowerCase().includes(a):!0)}function ne(e,t,n){let r=e.slice();return n===`name`?r.sort((e,n)=>t.getName(e).localeCompare(t.getName(n))):n===`size`?r.sort((e,n)=>(t.getSize(n)??0)-(t.getSize(e)??0)):n===`usage`?r.sort((e,n)=>(t.getUsageCount(n)??0)-(t.getUsageCount(e)??0)):r.sort((e,n)=>S(n,t)-S(e,t)),r}function D({items:e=_,fetcher:t,accessors:n,selectionMode:r=`multiple`,value:i,defaultValue:a=[],onValueChange:o,onItemUpdate:s,onItemDelete:c,onUpload:l,onError:d,initialTab:f=`library`,defaultView:p=`grid`,defaultQuery:m=``,defaultType:h=`all`,defaultCollection:v=`all`,defaultSort:b=`newest`,defaultUploadOptions:x}={}){let S=(0,u.useMemo)(()=>y(n),[n]),[D,O]=(0,u.useState)(f),[k,A]=(0,u.useState)(p),[j,M]=(0,u.useState)(m),[N,P]=(0,u.useState)(h),[F,I]=(0,u.useState)(v),[L,re]=(0,u.useState)(b),[ie,ae]=(0,u.useState)(null),[R,oe]=(0,u.useState)(()=>[...a]),[se,ce]=(0,u.useState)([]),[le,ue]=(0,u.useState)(),[de,fe]=(0,u.useState)(!1),[pe,z]=(0,u.useState)(null),[me,he]=(0,u.useState)([]),[ge,_e]=(0,u.useState)(()=>new Set),[ve,B]=(0,u.useState)({}),[V,H]=(0,u.useState)([]),[U,W]=(0,u.useState)(!1),[G,ye]=(0,u.useState)({...g,...x,tags:x?.tags??g.tags}),K=i!==void 0,q=(0,u.useMemo)(()=>K?[...i??[]]:R,[R,K,i]),J=(0,u.useMemo)(()=>new Set(q),[q]),Y=(0,u.useRef)(new Set);(0,u.useEffect)(()=>{if(!t)return;let e=new AbortController;return fe(!0),z(null),t({query:j,type:N,collection:F===`all`?void 0:F,sort:L,signal:e.signal}).then(t=>{if(e.signal.aborted)return;let n=E(t);ce(n.items),ue(n.total)}).catch(t=>{e.signal.aborted||(z(t),d?.(t))}).finally(()=>{e.signal.aborted||fe(!1)}),()=>e.abort()},[F,t,d,j,L,N]),(0,u.useEffect)(()=>{let e=Y.current;return()=>{for(let t of e)T(t);e.clear()}},[]);let X=(0,u.useMemo)(()=>t?se:[...me,...e],[me,se,t,e]),Z=(0,u.useMemo)(()=>X.filter(e=>!ge.has(S.getId(e))).map(e=>ee(e,ve[S.getId(e)])),[S,ve,ge,X]),Q=(0,u.useMemo)(()=>{let e=t?Z:te(Z,S,j,N,F);return t?e:ne(e,S,L)},[S,F,t,Z,j,L,N]),be=le??Z.length,xe=Q.length,Se=(0,u.useMemo)(()=>Z.filter(e=>J.has(S.getId(e))),[S,Z,J]),Ce=!!j.trim()||N!==`all`||F!==`all`,$=(0,u.useCallback)(e=>{K||oe(e);let t=new Set(e),n=Z.filter(e=>t.has(S.getId(e)));o?.(e,n)},[S,K,o,Z]),we=(0,u.useCallback)(e=>{let t=new Set(r===`single`?[]:J);J.has(e)&&r!==`single`?t.delete(e):t.add(e),$(Array.from(t))},[$,J,r]),Te=(0,u.useCallback)(()=>$([]),[$]),Ee=(0,u.useCallback)(()=>{M(``),P(`all`),I(`all`)},[]),De=(0,u.useCallback)(e=>{H(t=>[...t,...e.map((e,t)=>{let n=w(e);return n&&Y.current.add(n),{id:`staged-${Date.now()}-${t}`,file:e,name:e.name,size:e.size,type:C(e),src:n,progress:0,status:`staged`}})])},[]),Oe=(0,u.useCallback)(e=>{H(t=>{let n=t.find(t=>t.id===e);return n?.src&&(T(n.src),Y.current.delete(n.src)),t.filter(t=>t.id!==e)})},[]),ke=(0,u.useCallback)(()=>{H(e=>{for(let t of e)t.src&&(T(t.src),Y.current.delete(t.src));return[]})},[]),Ae=(0,u.useCallback)(e=>{ye(t=>({...t,...e}))},[]),je=(0,u.useCallback)((e,t)=>{H(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]);return{tab:D,setTab:O,view:k,setView:A,query:j,setQuery:M,type:N,setType:P,collection:F,setCollection:I,sort:L,setSort:re,detailId:ie,setDetailId:ae,items:Z,visibleItems:Q,selectedIds:q,selectedItems:Se,selectedSet:J,toggleSelection:we,clearSelection:Te,clearFilters:Ee,loading:de,error:pe,hasFilters:Ce,totalCount:be,filteredCount:xe,stagedFiles:V,addFiles:De,removeStagedFile:Oe,clearStagedFiles:ke,updateUploadOptions:Ae,uploadOptions:G,uploading:U,startUpload:(0,u.useCallback)(async()=>{if(U||V.length===0)return;W(!0),H(e=>e.map(e=>({...e,status:`uploading`,progress:0})));let e={setProgress:(e,t)=>{je(e,{progress:Math.max(0,Math.min(100,t))})},setFileStatus:(e,t,n)=>je(e,{status:t,error:n})};try{let t=V.map(e=>e.file),n=await l?.(t,G,e);if(H(e=>e.map(e=>({...e,status:`done`,progress:100}))),n?.length){he(e=>[...n,...e]);let e=n.map(e=>S.getId(e));$(r===`single`?e.slice(0,1):Array.from(new Set([...e,...q])))}ke(),O(`library`)}catch(e){z(e),H(e=>e.map(e=>e.status===`uploading`?{...e,status:`error`,error:`Upload failed`}:e)),d?.(e)}finally{W(!1)}},[S,$,ke,d,l,q,r,je,V,G,U]),updateItem:(0,u.useCallback)((e,t)=>{let n=S.getId(e);B(e=>({...e,[n]:{...e[n],...t}})),s?.(e,t)},[S,s]),removeItem:(0,u.useCallback)(e=>{let t=S.getId(e);_e(e=>new Set(e).add(t)),J.has(t)&&$(q.filter(e=>e!==t)),c?.(e)},[S,$,c,q,J]),accessors:S}}function O(e,t){return e===`image`?(0,d.jsx)(f.ImageIcon,{className:t??`size-4`}):e===`video`?(0,d.jsx)(f.Video,{className:t??`size-4`}):(0,d.jsx)(f.File,{className:t??`size-4`})}function k(e,t){return e===`image`?t.typeImage:e===`video`?t.typeVideo:t.typeFile}function A(e,t){return e?h(t.usedIn,{count:e}):t.notUsed}function j({children:e,tint:n,className:r}){return(0,d.jsx)(`div`,{className:t.cn(`media-library-preview relative overflow-hidden bg-muted`,r),style:n?{background:n}:void 0,children:e})}function M({src:e,alt:t,type:n,className:r,loading:i=`lazy`}){let[a,o]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{o(!1)},[e]),!e||a?(0,d.jsx)(`div`,{className:`media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground`,children:O(n,`size-6`)}):(0,d.jsx)(`img`,{src:e,alt:t,loading:i,className:r,onError:()=>o(!0)})}function N({icon:e,title:n,description:i,action:a,className:o}){return(0,d.jsxs)(`div`,{className:t.cn(`media-library-empty-state--component flex min-h-64 flex-col items-center justify-center rounded-lg border border-dashed border-border bg-muted/20 px-6 py-10 text-center`,o),children:[(0,d.jsx)(`div`,{className:`mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:e??(0,d.jsx)(f.ImageIcon,{className:`size-5`})}),(0,d.jsx)(r.s,{tag:`div`,weight:`semibold`,children:n}),!!i&&(0,d.jsx)(r.s,{type:`secondary`,size:`xs`,className:`mt-1 max-w-sm`,children:i}),!!a&&(0,d.jsx)(`div`,{className:`mt-4`,children:a})]})}function P({query:e,type:r,typeFilters:i,collection:a,sort:o,view:l,collections:u=[],strings:p,onQueryChange:m,onTypeChange:h,onCollectionChange:g,onSortChange:_,onViewChange:v,onClearFilters:y,toolbarEnd:b}){let x=[{value:`all`,label:p.allTypes,icon:null},{value:`image`,label:p.images,icon:f.ImageIcon},{value:`video`,label:p.videos,icon:f.Video},{value:`file`,label:p.files,icon:f.File}].filter(e=>(i??[`all`,`image`,`video`]).includes(e.value)),S=[{value:`all`,label:p.allCollections},...u.map(e=>({value:e.value,label:String(e.label)}))],C=[{value:`newest`,label:p.sortNewest},{value:`name`,label:p.sortName},{value:`size`,label:p.sortSize},{value:`usage`,label:p.sortUsage}];return(0,d.jsxs)(`div`,{className:`media-library-toolbar--component flex flex-wrap items-center gap-2`,children:[(0,d.jsx)(`div`,{className:`min-w-52 flex-1`,children:(0,d.jsx)(s.t,{value:e,onChange:e=>m(e.target.value),placeholder:p.searchPlaceholder,startIcon:f.Search,clearable:!0,onClear:()=>m(``),strings:{clear:p.clearSearch},className:`rounded-full bg-muted/20`})}),(0,d.jsx)(`div`,{className:`media-library-toolbar--type-toggle flex h-9 items-center rounded-md bg-muted p-0.5`,role:`tablist`,"aria-label":p.typeFilterLabel,children:x.map(e=>{let i=e.icon,a=r===e.value;return(0,d.jsxs)(n.t,{type:`button`,role:`tab`,"aria-selected":a,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 text-xs shadow-none`,a?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>h(e.value),children:[i&&(0,d.jsx)(i,{className:`size-3.5`}),e.label]},e.value)})}),(0,d.jsx)(`div`,{className:`min-w-40`,children:(0,d.jsx)(c.Y,{value:a,options:S,onChange:e=>g(e??`all`),placeholder:p.collectionFilterLabel,"aria-label":p.collectionFilterLabel,className:`bg-background`})}),(0,d.jsx)(`div`,{className:`min-w-32`,children:(0,d.jsx)(c.Y,{value:o,options:C,onChange:e=>_(e??`newest`),placeholder:p.sortLabel,"aria-label":p.sortLabel,className:`bg-background`})}),(0,d.jsxs)(`div`,{className:`media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5`,children:[(0,d.jsx)(n.t,{type:`button`,variant:l===`grid`?`dark`:`secondary`,buttonStyle:l===`grid`?`solid`:`ghost`,size:`icon-small`,className:t.cn(l===`grid`&&`bg-background text-foreground shadow-xs hover:bg-background`),"aria-label":p.gridView,onClick:()=>v(`grid`),children:(0,d.jsx)(f.Grid2X2,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:l===`table`?`dark`:`secondary`,buttonStyle:l===`table`?`solid`:`ghost`,size:`icon-small`,className:t.cn(l===`table`&&`bg-background text-foreground shadow-xs hover:bg-background`),"aria-label":p.tableView,onClick:()=>v(`table`),children:(0,d.jsx)(f.LayoutList,{className:`size-3.5`})})]}),!!e&&(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:y,children:p.clearFilters}),b]})}function F({item:e,selected:i=!1,density:o=`comfortable`,showMeta:s=!0,accessors:c,strings:l,onToggle:u,onDetails:p,className:m}){let g=c.getType(e),_=c.getName(e),v=c.getSrc(e),y=c.getAlt(e)||_,x=c.getSize(e),S=c.getUsageCount(e),C=c.getPublic(e)===!1,w=c.getDuration(e);return(0,d.jsxs)(`div`,{"data-selected":i||void 0,"data-density":o,className:t.cn(`media-library-card--component group/card overflow-hidden rounded-xl border border-border/70 bg-card text-left shadow-xs transition-all`,`hover:border-primary/30 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,i&&`media-library-card--selected border-primary ring-1 ring-primary`,m),onClick:u,children:[(0,d.jsxs)(j,{tint:c.getTint(e),className:t.cn(o===`compact`?`aspect-square`:`aspect-[4/3]`),children:[(0,d.jsx)(M,{src:v,alt:y,type:g,className:`size-full object-cover`}),(0,d.jsx)(`span`,{className:t.cn(`media-library-card--check absolute left-2 top-2 inline-flex size-5 items-center justify-center rounded-md border border-border bg-background/95 text-transparent opacity-0 shadow-xs backdrop-blur transition-opacity group-hover/card:opacity-100 group-focus-visible/card:opacity-100`,i&&`bg-primary text-primary-foreground opacity-100`),"aria-hidden":`true`,children:(0,d.jsx)(f.Check,{className:`size-3`})}),!!p&&(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-small`,className:`media-library-card--details absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100`,"aria-label":h(l.cardDetails,{name:_}),onClick:e=>{e.stopPropagation(),p()},children:(0,d.jsx)(f.Info,{className:`size-3.5`})}),g===`video`&&!!w&&(0,d.jsxs)(a.t,{variant:`secondary`,className:`media-library-card--duration absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,d.jsx)(f.Play,{className:`size-3 fill-current`}),w]}),C&&(0,d.jsx)(a.t,{variant:`secondary`,className:`media-library-card--private absolute bottom-2 right-2 bg-background/90`,children:(0,d.jsx)(f.Lock,{className:`size-3`})})]}),(0,d.jsxs)(`div`,{className:`media-library-card--body grid gap-1 px-3 py-2.5`,children:[(0,d.jsx)(r.s,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:_}),s&&(0,d.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`truncate`,children:b(x)||l.unknownSize}),!!S&&(0,d.jsxs)(r.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`ml-auto inline-flex items-center gap-1`,children:[(0,d.jsx)(f.Layers3,{className:`size-3`}),S]})]})]})]})}function I({items:e,selectedSet:i,accessors:o,strings:s,onToggle:c,onDetails:l}){return(0,d.jsxs)(`div`,{className:`media-library-table--component min-w-180`,children:[(0,d.jsxs)(`div`,{className:`sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border bg-background px-3 py-2`,children:[(0,d.jsx)(`span`,{}),(0,d.jsx)(`span`,{}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.name}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.type}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.size}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.collection}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.used}),(0,d.jsx)(`span`,{})]}),e.map(e=>{let u=o.getId(e),p=i.has(u),m=o.getType(e),g=o.getName(e),_=o.getSrc(e),v=o.getPublic(e)===!1;return(0,d.jsxs)(`div`,{"data-selected":p||void 0,className:t.cn(`media-library-table--row grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border/60 px-3 py-2 last:border-b-0`,`cursor-pointer rounded-lg transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset`,p&&`bg-primary/10`),onClick:()=>c(u),children:[(0,d.jsx)(`span`,{className:t.cn(`inline-flex size-5 items-center justify-center rounded-md border border-border text-transparent`,p&&`border-primary bg-primary text-primary-foreground`),"aria-hidden":`true`,children:(0,d.jsx)(f.Check,{className:`size-3`})}),(0,d.jsx)(j,{tint:o.getTint(e),className:`size-9 rounded-md`,children:_?(0,d.jsx)(`img`,{src:_,alt:``,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:O(m,`size-4`)})}),(0,d.jsxs)(r.s,{tag:`div`,weight:`semibold`,size:`xs`,className:`flex min-w-0 items-center gap-1 truncate`,children:[(0,d.jsx)(`span`,{className:`truncate`,children:g}),v&&(0,d.jsx)(f.Lock,{className:`size-3 shrink-0 text-muted-foreground`})]}),(0,d.jsx)(a.t,{variant:`secondary`,children:k(m,s)}),(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,children:b(o.getSize(e))||s.unknownSize}),(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:o.getCollection(e)||`-`}),(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,children:o.getUsageCount(e)?o.getUsageCount(e):`-`}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":h(s.cardDetails,{name:g}),onClick:e=>{e.stopPropagation(),l(u)},children:(0,d.jsx)(f.Info,{className:`size-3.5`})})]},u)})]})}function L({item:e,collections:t=[],accessors:i,strings:o,onClose:u,onUpdate:p,onRemove:m,renderDetail:h}){if(!e)return null;let g=i.getName(e),_=i.getType(e),v=i.getSrc(e),y=i.getCollection(e)??t[0]?.value??``,S=i.getTags(e),C=i.getPublic(e)??!0,w=h?.(e,{accessors:i,update:p,remove:m,close:u});return w?(0,d.jsx)(d.Fragment,{children:w}):(0,d.jsxs)(`aside`,{className:`media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background lg:w-72`,children:[(0,d.jsxs)(`div`,{className:`media-library-detail-panel--header flex items-center gap-2 border-b border-border px-3 py-2.5`,children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":o.detail.close,onClick:u,children:(0,d.jsx)(f.ArrowLeft,{className:`size-3.5`})}),(0,d.jsx)(r.s,{weight:`semibold`,children:o.detail.title})]}),(0,d.jsxs)(`div`,{className:`media-library-detail-panel--body grid min-h-0 gap-4 overflow-y-auto p-4`,children:[(0,d.jsxs)(j,{tint:i.getTint(e),className:`aspect-[4/3] rounded-lg border border-border`,children:[(0,d.jsx)(M,{src:v,alt:i.getAlt(e)||g,type:_,className:`size-full object-cover`}),_===`video`&&!!i.getDuration(e)&&(0,d.jsxs)(a.t,{className:`absolute bottom-2 right-2 bg-foreground text-background`,children:[(0,d.jsx)(f.Play,{className:`size-3 fill-current`}),i.getDuration(e)]})]}),(0,d.jsx)(r.s,{tag:`div`,weight:`semibold`,className:`break-words`,children:g}),(0,d.jsx)(`dl`,{className:`media-library-detail-panel--facts grid gap-2`,children:[[o.detail.type,k(_,o)],[o.detail.size,b(i.getSize(e))||o.unknownSize],[o.detail.dimensions,x(e,i)||`-`],[o.detail.uploaded,String(i.getUploadedAt(e)??`-`)],[o.detail.usedIn,A(i.getUsageCount(e),o)]].map(([e,t])=>(0,d.jsxs)(`div`,{className:`flex justify-between gap-4`,children:[(0,d.jsx)(`dt`,{children:(0,d.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:e})}),(0,d.jsx)(`dd`,{className:`m-0 text-right`,children:(0,d.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:t})})]},e))}),(0,d.jsx)(l.D,{label:o.detail.altText,children:(0,d.jsx)(s.t,{value:i.getAlt(e)??``,placeholder:o.detail.altPlaceholder,onChange:e=>p({alt:e.target.value})})}),(0,d.jsx)(l.D,{label:o.detail.collection,children:(0,d.jsx)(c.Y,{value:y,options:t.map(e=>({value:e.value,label:String(e.label)})),"aria-label":o.detail.collection,onChange:e=>p({collection:e})})}),(0,d.jsx)(l.D,{label:o.detail.tags,children:(0,d.jsx)(s.t,{value:S.join(`, `),placeholder:o.detail.tagsPlaceholder,onChange:e=>p({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,d.jsxs)(`div`,{className:`media-library-detail-panel--public flex items-center justify-between gap-4 rounded-lg border border-border bg-muted/20 p-3`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(r.s,{weight:`semibold`,size:`xs`,children:o.detail.public}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,children:C?o.detail.publicHint:o.detail.privateHint})]}),(0,d.jsx)(c.J,{checked:C,onCheckedChange:e=>p({public:e})})]}),(0,d.jsxs)(`div`,{className:`media-library-detail-panel--actions flex flex-wrap gap-2`,children:[(0,d.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,children:[(0,d.jsx)(f.UploadCloud,{className:`size-3.5`}),o.detail.replace]}),(0,d.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:m,children:[(0,d.jsx)(f.Trash2,{className:`size-3.5`}),o.detail.delete]})]})]})]})}function re({stagedFiles:e,uploadOptions:t,collections:i=[],uploading:o=!1,strings:u,onFiles:p,onRemoveFile:m,onOptionsChange:g,empty:_}){return(0,d.jsxs)(`div`,{className:`media-library-upload-panel--component grid gap-4 p-4`,children:[(0,d.jsx)(c.T,{onDrop:p,accept:`image/*,video/*`,multiple:!0,size:`default`,strings:{instruction:u.upload.dropTitle,helper:u.upload.dropHint,dragOver:u.upload.dragOver}}),e.length>0?(0,d.jsx)(`div`,{className:`media-library-upload-panel--staged grid gap-2`,children:e.map(e=>(0,d.jsxs)(`div`,{className:`media-library-upload-panel--staged-file flex items-center gap-3 rounded-lg border border-border bg-card p-2`,children:[(0,d.jsx)(j,{className:`size-10 rounded-md`,children:e.src?(0,d.jsx)(`img`,{src:e.src,alt:e.name,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:O(e.type,`size-4`)})}),(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,d.jsx)(r.s,{weight:`semibold`,size:`xs`,className:`truncate`,children:e.name}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`ml-auto shrink-0`,children:b(e.size)})]}),(e.status===`uploading`||e.status===`done`)&&(0,d.jsx)(`div`,{className:`mt-2 h-1 overflow-hidden rounded-full bg-muted`,children:(0,d.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width]`,style:{width:`${e.progress}%`}})}),e.status===`error`&&(0,d.jsx)(r.s,{size:`xxs`,type:`error`,children:e.error})]}),e.status===`done`?(0,d.jsx)(a.t,{variant:`success`,children:u.upload.done}):e.status===`uploading`?(0,d.jsxs)(r.s,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]}):(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,disabled:o,"aria-label":h(u.upload.removeFile,{name:e.name}),onClick:()=>m(e.id),children:(0,d.jsx)(f.X,{className:`size-3.5`})})]},e.id))}):_,(0,d.jsxs)(`div`,{className:`media-library-upload-panel--options grid gap-3 rounded-lg border border-border bg-muted/20 p-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]`,children:[(0,d.jsx)(l.D,{label:u.upload.collection,children:(0,d.jsx)(c.Y,{value:t.collection??i[0]?.value,options:i.map(e=>({value:e.value,label:String(e.label)})),"aria-label":u.upload.collection,onChange:e=>g({collection:e})})}),(0,d.jsx)(l.D,{label:u.upload.tags,children:(0,d.jsx)(s.t,{value:t.tags.join(`, `),placeholder:u.upload.tagsPlaceholder,onChange:e=>g({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-4 md:self-end`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(r.s,{weight:`semibold`,size:`xs`,children:u.upload.public}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,children:u.upload.publicHint})]}),(0,d.jsx)(c.J,{checked:t.public,onCheckedChange:e=>g({public:e})})]})]})]})}function ie({tab:e,selectedIds:i,selectionMode:a,stagedFiles:o,strings:s,onClearSelection:c,className:l}){let u=i.length,f=o.reduce((e,t)=>e+t.size,0),p=o.length,m=t.cn(`media-library-footer-summary--component flex min-w-0 items-center gap-3`,l);return e===`upload`?(0,d.jsx)(`div`,{className:m,"aria-live":`polite`,children:(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:p===0?s.footer.noFiles:h(s.footer.stagedSummary,{count:p,size:b(f)})})}):(0,d.jsx)(`div`,{className:m,"aria-live":`polite`,children:u>0?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.s,{weight:`semibold`,size:`xs`,className:`whitespace-nowrap`,children:h(s.footer.selectedCount,{count:u})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:c,children:s.footer.clear})]}):(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:a===`single`?s.footer.pickOne:s.footer.pickMany})})}function ae({tab:e,selectedItems:r,selectedIds:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:f,onUpload:p,onCancelUpload:m,className:g}){let _=i.length,v=a.length;return e===`upload`?(0,d.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,g),children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,disabled:o,onClick:m,children:l??s.footer.cancel}),(0,d.jsx)(n.t,{type:`button`,disabled:v===0||o,onClick:p,loading:o,loadingLabels:{loading:s.footer.uploading},children:v<=1?s.footer.upload:h(s.footer.uploadMany,{count:v})})]}):(0,d.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,g),children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:u,children:l??s.footer.cancel}),(0,d.jsx)(n.t,{type:`button`,disabled:_===0,onClick:f,children:c??(_===0?s.footer.confirmEmpty:r.length===1?s.footer.confirmOne:h(s.footer.confirmMany,{count:_}))})]})}function R({tab:e,selectedItems:n,selectedIds:r,selectionMode:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:f,onClearSelection:p,onUpload:m,onCancelUpload:h,chrome:g=`section`,className:_}){return(0,d.jsxs)(`footer`,{className:t.cn(`media-library-footer--component flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,g===`section`&&`border-t border-border bg-background px-4 py-3`,_),children:[(0,d.jsx)(ie,{tab:e,selectedIds:r,selectionMode:i,stagedFiles:a,strings:s,onClearSelection:p}),(0,d.jsx)(ae,{tab:e,selectedItems:n,selectedIds:r,stagedFiles:a,uploading:o,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:f,onUpload:m,onCancelUpload:h})]})}var oe=(0,u.createContext)(null);function se(e,t,n){return(0,u.useMemo)(()=>{if(e)return e;let r=new Set;for(let e of t){let t=n(e);t&&r.add(t)}return Array.from(r).map(e=>({value:e,label:e}))},[e,n,t])}function ce({title:i,description:a,confirmLabel:s,cancelLabel:c,selectionMode:l=`multiple`,density:g=`comfortable`,showMeta:_=!0,allowUpload:v=!0,typeFilters:y,confirmOnSelect:b=!1,onConfirm:x,onCancel:S,onClose:C,strings:w,slots:T,heightClassName:E,className:ee,items:te,fetcher:ne,accessors:O,collections:k,value:A,defaultValue:j,onValueChange:M,onItemUpdate:ce,onItemDelete:le,onUpload:ue,onError:de,initialTab:fe,defaultView:pe,defaultQuery:z,defaultType:me,defaultCollection:he,defaultSort:ge,defaultUploadOptions:_e,...ve}){let B=e.useStrings(m,w),V=D({items:te,fetcher:ne,accessors:O,collections:k,selectionMode:l,value:A,defaultValue:j,onValueChange:M,onItemUpdate:ce,onItemDelete:le,onUpload:ue,onError:de,initialTab:fe,defaultView:pe,defaultQuery:z,defaultType:me,defaultCollection:he,defaultSort:ge,defaultUploadOptions:_e}),H=se(k,V.items,V.accessors.getCollection),U=v?V.tab:`library`,W=V.detailId?V.items.find(e=>V.accessors.getId(e)===V.detailId)??null:null,G=(0,u.useContext)(oe),ye=!T?.footer,K=G&&ye?(0,d.jsx)(ie,{tab:U,selectedIds:V.selectedIds,selectionMode:l,stagedFiles:V.stagedFiles,strings:B,onClearSelection:V.clearSelection,className:`media-library-dialog--selection-summary shrink-0 justify-end`}):null,q=!!(i||a||T?.headerStart),J=!!(v||T?.headerEnd||K),Y=q||J,X=()=>{x?.(V.selectedItems,V.selectedIds),C?.()},Z=()=>{S?.(),C?.()},Q=e=>{let t=V.accessors.getId(e);V.toggleSelection(t),b&&(x?.([e],[t]),C?.())},be=V.filteredCount===V.totalCount?h(B.countAll,{count:V.totalCount}):h(B.countFiltered,{count:V.filteredCount,total:V.totalCount}),xe=T?.footer??(G?(0,d.jsx)(ae,{tab:U,selectedItems:V.selectedItems,selectedIds:V.selectedIds,stagedFiles:V.stagedFiles,uploading:V.uploading,strings:B,confirmLabel:s,cancelLabel:c,onCancel:Z,onConfirm:X,onUpload:V.startUpload,onCancelUpload:()=>{V.clearStagedFiles(),V.setTab(`library`)},className:`ml-auto`}):(0,d.jsx)(R,{tab:U,selectedItems:V.selectedItems,selectedIds:V.selectedIds,selectionMode:l,stagedFiles:V.stagedFiles,uploading:V.uploading,strings:B,confirmLabel:s,cancelLabel:c,onCancel:Z,onConfirm:X,onClearSelection:V.clearSelection,onUpload:V.startUpload,onCancelUpload:()=>{V.clearStagedFiles(),V.setTab(`library`)}}));return(0,d.jsxs)(`section`,{className:t.cn(`media-library--component flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background`,E??`h-190 max-h-[calc(100vh-7rem)]`,ee),...ve,children:[Y&&(0,d.jsxs)(`header`,{className:`media-library--header flex flex-col gap-3 border-b border-border px-4 py-3 lg:flex-row lg:items-center lg:justify-between`,children:[q&&(0,d.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[T?.headerStart,(i||a)&&(0,d.jsxs)(`div`,{className:`min-w-0`,children:[!!i&&(0,d.jsx)(r.s,{tag:`div`,weight:`semibold`,children:i}),!!a&&(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:a})]})]}),J&&(0,d.jsxs)(`div`,{className:t.cn(`flex min-w-0 flex-wrap items-center gap-2`,K?`flex-1 justify-between`:`lg:justify-end`),children:[(0,d.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[v&&(0,d.jsxs)(`div`,{className:`media-library--tabs flex items-center rounded-md bg-muted p-0.5`,role:`tablist`,children:[(0,d.jsxs)(n.t,{type:`button`,role:`tab`,"aria-selected":U===`library`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 shadow-none`,U===`library`?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>V.setTab(`library`),children:[(0,d.jsx)(f.ImageIcon,{className:`size-3.5`}),B.tabs.library]}),(0,d.jsxs)(n.t,{type:`button`,role:`tab`,"aria-selected":U===`upload`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 shadow-none`,U===`upload`?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>V.setTab(`upload`),children:[(0,d.jsx)(f.UploadCloud,{className:`size-3.5`}),B.tabs.upload,V.stagedFiles.length>0&&(0,d.jsx)(`span`,{className:`rounded-full bg-background/20 px-1.5 text-xxs tabular-nums`,children:V.stagedFiles.length})]})]}),T?.headerEnd]}),K]})]}),(0,d.jsxs)(`div`,{className:`media-library--body flex min-h-0 flex-1`,children:[U===`upload`?(0,d.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:(0,d.jsx)(re,{stagedFiles:V.stagedFiles,uploadOptions:V.uploadOptions,collections:H,uploading:V.uploading,strings:B,onFiles:V.addFiles,onRemoveFile:V.removeStagedFile,onOptionsChange:V.updateUploadOptions,empty:T?.uploadEmpty})}):(0,d.jsxs)(`div`,{className:t.cn(`media-library--library min-w-0 flex-1 flex-col`,W?`hidden lg:flex`:`flex`),children:[(0,d.jsxs)(`div`,{className:`media-library--toolbar border-b border-border/70 px-4 py-3`,children:[(0,d.jsx)(P,{query:V.query,type:V.type,typeFilters:y,collection:V.collection,sort:V.sort,view:V.view,collections:H,strings:B,onQueryChange:V.setQuery,onTypeChange:V.setType,onCollectionChange:V.setCollection,onSortChange:V.setSort,onViewChange:V.setView,onClearFilters:V.clearFilters,toolbarEnd:T?.toolbarEnd}),(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-2`,"aria-live":`polite`,children:be})]}),(0,d.jsx)(`div`,{className:`media-library--results min-h-0 flex-1 overflow-y-auto p-4`,children:V.loading?T?.loading??(0,d.jsx)(`div`,{className:`flex min-h-64 items-center justify-center`,children:(0,d.jsx)(r.s,{type:`secondary`,children:B.loading})}):V.error?T?.error??(0,d.jsxs)(o.t,{variant:`destructive`,children:[(0,d.jsx)(o.i,{children:B.errorTitle}),(0,d.jsx)(o.r,{children:B.errorDescription})]}):V.visibleItems.length===0?T?.empty??(0,d.jsx)(N,{title:V.hasFilters?B.emptyFilteredTitle:B.emptyLibraryTitle,description:V.hasFilters?B.emptyFilteredDescription:B.emptyLibraryDescription,action:V.hasFilters?(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:V.clearFilters,children:B.clearFilters}):v?(0,d.jsxs)(n.t,{type:`button`,onClick:()=>V.setTab(`upload`),children:[(0,d.jsx)(f.UploadCloud,{className:`size-3.5`}),B.uploadMedia]}):void 0}):V.view===`table`?(0,d.jsx)(`div`,{className:`overflow-x-auto`,children:(0,d.jsx)(I,{items:V.visibleItems,selectedSet:V.selectedSet,selectionMode:l,accessors:V.accessors,strings:B,onToggle:e=>{let t=V.items.find(t=>V.accessors.getId(t)===e);t&&Q(t)},onDetails:V.setDetailId})}):(0,d.jsx)(`div`,{className:t.cn(`media-library--grid grid gap-3`,g===`compact`?`grid-cols-[repeat(auto-fill,minmax(136px,1fr))]`:`grid-cols-[repeat(auto-fill,minmax(168px,1fr))]`),children:V.visibleItems.map(e=>{let t=V.accessors.getId(e),n={id:t,selected:V.selectedSet.has(t),selectionMode:l,accessors:V.accessors,toggle:()=>Q(e),openDetails:()=>V.setDetailId(t)},r=T?.renderItem?.(e,n);return r?(0,d.jsx)(`div`,{children:r},t):(0,d.jsx)(F,{item:e,selected:n.selected,density:g,showMeta:_,selectionMode:l,accessors:V.accessors,strings:B,onToggle:n.toggle,onDetails:n.openDetails},t)})})})]}),U===`library`&&(0,d.jsx)(L,{item:W,collections:H,accessors:V.accessors,strings:B,onClose:()=>V.setDetailId(null),onUpdate:e=>W&&V.updateItem(W,e),onRemove:()=>{W&&(V.removeItem(W),V.setDetailId(null))},renderDetail:T?.renderDetail})]}),G?G.element?(0,p.createPortal)(xe,G.element):null:xe]})}function le({open:n,onOpenChange:r,trigger:a,dialogTitle:o,dialogDescription:s,onClose:c,className:l,dialogClassName:f,contentClassName:p,closeOnEscape:h=!0,closeOnBackdropClick:g=!0,..._}){let v=e.useStrings(m,_.strings),[y,b]=(0,u.useState)(!1),[x,S]=(0,u.useState)(null),C=n!==void 0,w=C?n:y,T=e=>{C||b(e),r?.(e)},E=()=>{T(!1),c?.()};return(0,d.jsx)(oe.Provider,{value:{element:x},children:(0,d.jsx)(i.r,{open:w,onOpenChange:T,onClose:c,trigger:a,title:o??v.title,description:s??v.description,size:`full`,showCancel:!1,showConfirm:!1,footer:(0,d.jsx)(`div`,{ref:S,className:`media-library-dialog--footer`}),className:t.cn(`media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))]`,f),contentClassName:t.cn(`media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0`,p),closeOnBackdropClick:g,closeOnEscape:h,children:(0,d.jsx)(ce,{..._,onClose:E,className:t.cn(`media-library-dialog--library rounded-none border-0`,l),heightClassName:_.heightClassName??`min-h-0 flex-1`,strings:_.strings})})})}function ue(e,t,n){let r=e.slice(),[i]=r.splice(t,1);return i===void 0||r.splice(n,0,i),r}function de({items:i,accessors:o,title:s,description:c,primaryId:l,onPrimaryChange:u,onRemove:p,onReorder:g,onAdd:_,maxItems:v,layout:x=`field`,density:S=`comfortable`,readOnly:C=!1,empty:w,action:T,renderItem:E,strings:ee,className:te,...ne}){let D=e.useStrings(m,ee),O=y(o),k=i.length,A=l??(k>0?O.getId(i[0]):void 0),j=!C&&!!_&&(v===void 0||k<v),M=j&&(x===`field`||k>0)?(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,icon:f.Plus,onClick:_,children:D.gallery.add}):v!==void 0&&k>=v?(0,d.jsx)(a.t,{variant:`secondary`,children:D.gallery.maxReached}):null,P=(e,t)=>{if(t<0||t>=k||e===t)return;let n=ue(i,e,t);g?.(n.map(e=>O.getId(e)),n)},F=!!(s||c||T||M),I=k===0&&x!==`field`,L=()=>!j||x!==`field`?null:(0,d.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`media-resource-gallery--add-tile h-auto min-h-24 w-full flex-col rounded-lg border border-dashed border-border bg-background text-muted-foreground shadow-none`,`aspect-square hover:border-primary/50 hover:bg-primary/5 hover:text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`),"aria-label":D.gallery.addTile,onClick:_,children:[(0,d.jsx)(f.Plus,{className:`size-4`}),(0,d.jsx)(`span`,{className:`sr-only`,children:D.gallery.addTile})]});return(0,d.jsxs)(`section`,{className:t.cn(`media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs`,te),"data-layout":x,"data-density":S,...ne,children:[F&&(0,d.jsxs)(`header`,{className:`media-resource-gallery--header flex flex-col gap-3 px-4 py-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,d.jsxs)(`div`,{className:`min-w-0`,children:[!!s&&(0,d.jsx)(r.s,{tag:`div`,weight:`semibold`,children:s}),!!c&&(0,d.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:c})]}),(0,d.jsx)(`div`,{className:`media-resource-gallery--actions flex flex-wrap items-center gap-2`,children:T??M})]}),I?(0,d.jsx)(`div`,{className:`media-resource-gallery--empty p-4 pt-0`,children:w??(0,d.jsx)(N,{title:D.gallery.emptyTitle,description:D.gallery.emptyDescription,action:j?(0,d.jsx)(n.t,{type:`button`,icon:f.ImagePlus,onClick:_,children:D.gallery.add}):void 0})}):(0,d.jsxs)(`div`,{className:t.cn(`media-resource-gallery--items p-4`,F&&`pt-0`,x===`list`?`grid gap-2`:x===`field`?`grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-3 sm:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]`:S===`compact`?`grid grid-cols-[repeat(auto-fill,minmax(132px,1fr))] gap-3`:`grid grid-cols-[repeat(auto-fill,minmax(164px,1fr))] gap-3`),children:[i.map((e,i)=>{let o=O.getId(e),s=O.getName(e),c=O.getType(e),l=O.getSrc(e),m=O.getAlt(e)||s,g=o===A,_=O.getPublic(e)===!1,v=O.getDuration(e),y=i>0,S=i<k-1,w=E?.(e,{id:o,index:i,total:k,primary:g,accessors:O,canMovePrevious:y,canMoveNext:S,setPrimary:()=>u?.(o,e),remove:()=>p?.(o,e),movePrevious:()=>P(i,i-1),moveNext:()=>P(i,i+1)});return w?(0,d.jsx)(`div`,{children:w},o):x===`field`?(0,d.jsxs)(`div`,{className:t.cn(`media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-lg border border-border bg-background shadow-xs`,`transition-colors hover:border-primary/40 focus-within:border-primary/50`,g&&`col-span-2 row-span-2 min-h-52`),"data-primary":g||void 0,children:[l?(0,d.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center bg-muted text-muted-foreground`,children:(0,d.jsx)(f.File,{className:g?`size-7`:`size-5`})}),g&&(0,d.jsx)(a.t,{variant:`secondary`,className:`absolute left-2 top-2 bg-background/90 shadow-xs`,children:D.gallery.cover}),c===`video`&&!!v&&(0,d.jsxs)(a.t,{variant:`secondary`,className:`absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,d.jsx)(f.Play,{className:`size-3 fill-current`}),v]}),_&&(0,d.jsx)(`span`,{className:`absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background/90 text-muted-foreground shadow-xs`,children:(0,d.jsx)(f.Lock,{className:`size-3`})}),!C&&(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-small`,className:`absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100`,"aria-label":D.gallery.remove,onClick:()=>p?.(o,e),children:(0,d.jsx)(f.X,{className:`size-3.5`})})]},o):x===`list`?(0,d.jsxs)(`div`,{className:`media-resource-gallery--item flex min-w-0 items-center gap-3 rounded-lg border border-border bg-background p-2`,"data-primary":g||void 0,children:[(0,d.jsx)(`div`,{className:`relative size-12 shrink-0 overflow-hidden rounded-md bg-muted`,children:l?(0,d.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,d.jsx)(f.File,{className:`size-4`})})}),(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,d.jsx)(r.s,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),g&&(0,d.jsx)(a.t,{variant:`info`,children:D.gallery.primary})]}),(0,d.jsxs)(r.s,{size:`xxs`,type:`secondary`,children:[h(D.gallery.itemPosition,{index:i+1,total:k}),` · `,b(O.getSize(e))||D.unknownSize]})]}),!C&&(0,d.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,disabled:g,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,d.jsx)(f.Star,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,disabled:!y,"aria-label":D.gallery.movePrevious,onClick:()=>P(i,i-1),children:(0,d.jsx)(f.ArrowLeft,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>P(i,i+1),children:(0,d.jsx)(f.ArrowRight,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":D.gallery.remove,onClick:()=>p?.(o,e),children:(0,d.jsx)(f.Trash2,{className:`size-3.5`})})]})]},o):(0,d.jsxs)(`div`,{className:`media-resource-gallery--item group/gallery overflow-hidden rounded-lg border border-border bg-background shadow-xs transition-colors hover:border-primary/40`,"data-primary":g||void 0,children:[(0,d.jsxs)(`div`,{className:`relative aspect-[4/3] bg-muted`,children:[l?(0,d.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,d.jsx)(f.File,{className:`size-6`})}),(0,d.jsxs)(`div`,{className:`absolute left-2 top-2 flex flex-wrap gap-1`,children:[g&&(0,d.jsx)(a.t,{variant:`info`,children:D.gallery.primary}),(0,d.jsx)(a.t,{variant:`secondary`,children:h(D.gallery.itemPosition,{index:i+1,total:k})})]})]}),(0,d.jsxs)(`div`,{className:`media-resource-gallery--item-body grid gap-2 p-3`,children:[(0,d.jsxs)(`div`,{className:`min-w-0`,children:[(0,d.jsx)(r.s,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),(0,d.jsx)(r.s,{size:`xxs`,type:`secondary`,children:b(O.getSize(e))||D.unknownSize})]}),!C&&(0,d.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,disabled:g,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,d.jsx)(f.Star,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,disabled:!y,"aria-label":D.gallery.movePrevious,onClick:()=>P(i,i-1),children:(0,d.jsx)(f.ArrowLeft,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>P(i,i+1),children:(0,d.jsx)(f.ArrowRight,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,className:`ml-auto`,"aria-label":D.gallery.remove,onClick:()=>p?.(o,e),children:(0,d.jsx)(f.Trash2,{className:`size-3.5`})})]})]})]},o)}),L()]})]})}exports.MediaLibrary=ce,exports.MediaLibraryCard=F,exports.MediaLibraryDetailPanel=L,exports.MediaLibraryDialog=le,exports.MediaLibraryEmptyState=N,exports.MediaLibraryFooter=R,exports.MediaLibraryTable=I,exports.MediaLibraryToolbar=P,exports.MediaLibraryUploadPanel=re,exports.MediaResourceGallery=de,exports.defaultMediaLibraryStrings=m,exports.formatMediaLibrarySize=b,exports.formatMediaLibraryString=h,exports.getMediaLibraryDimensions=x,exports.resolveMediaLibraryAccessors=y,exports.useMediaLibrary=D;
 //# sourceMappingURL=index.cjs.map