admin-ui-starter-kit 0.1.3 → 0.4.2

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

package/dist/components/features/kanban/kanban-context.d.ts

@@ -15,6 +15,7 @@ interface KanbanItemContextShape {
     listeners: unknown;
     attributes: unknown;
     setActivatorNodeRef: (node: HTMLElement | null) => void;
+    registerHandle: () => () => void;
     /** Stable id (the value returned by `getItemValue`). */
     itemId: string;
     /** The domain item itself — null if it can't be resolved. */

package/dist/components/features/kanban/kanban-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-context.d.ts","sourceRoot":"","sources":["../../../../src/components/features/kanban/kanban-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAQzD,eAAO,MAAM,qBAAqB,8DAAyB,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,OAAO,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAQrE;AAED;;;;;;;;;GASG;AACH,UAAU,sBAAsB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,wDAAwD;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,IAAI,EAAE,OAAO,CAAC;CACd;AAID,eAAO,MAAM,yBAAyB,yDAA6B,CAAC;AAEpE,wBAAgB,oBAAoB,IAAI,sBAAsB,CAQ7D"}
+{"version":3,"file":"kanban-context.d.ts","sourceRoot":"","sources":["../../../../src/components/features/kanban/kanban-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAQzD,eAAO,MAAM,qBAAqB,8DAAyB,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,OAAO,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAQrE;AAED;;;;;;;;;GASG;AACH,UAAU,sBAAsB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,MAAM,MAAM,IAAI,CAAC;IACjC,wDAAwD;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,IAAI,EAAE,OAAO,CAAC;CACd;AAID,eAAO,MAAM,yBAAyB,yDAA6B,CAAC;AAEpE,wBAAgB,oBAAoB,IAAI,sBAAsB,CAQ7D"}

package/dist/components/features/kanban/kanban.d.ts

@@ -1,21 +1,21 @@
 import { KanbanBoardProps, KanbanColumnContentProps, KanbanColumnProps, KanbanItemActionsProps, KanbanItemHandleProps, KanbanItemProps, KanbanOverlayProps, KanbanProps } from './kanban.types';
-export declare function Kanban<T>({ value, onValueChange, getItemValue, onItemMove, itemActions, onItemClick, strings: stringsProp, className, children, }: KanbanProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Kanban<T>({ value, onValueChange, getItemValue, onItemMove, itemActions, onItemClick, strings: stringsProp, className, children, }: KanbanProps<T>): import("react").JSX.Element;
 export declare namespace Kanban {
     var displayName: string;
 }
-export declare function KanbanBoard({ className, style, children }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoard({ className, style, children }: KanbanBoardProps): import("react").JSX.Element;
 export declare namespace KanbanBoard {
     var displayName: string;
 }
-export declare function KanbanColumn({ value, className, children }: KanbanColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanColumn({ value, className, children }: KanbanColumnProps): import("react").JSX.Element;
 export declare namespace KanbanColumn {
     var displayName: string;
 }
-export declare function KanbanColumnContent({ value, className, children, }: KanbanColumnContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanColumnContent({ value, className, children, }: KanbanColumnContentProps): import("react").JSX.Element;
 export declare namespace KanbanColumnContent {
     var displayName: string;
 }
-export declare function KanbanItem({ value, className, disabled, onClick, children, }: KanbanItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanItem({ value, className, disabled, onClick, children, }: KanbanItemProps): import("react").JSX.Element;
 export declare namespace KanbanItem {
     var displayName: string;
 }
@@ -28,11 +28,11 @@ export declare const KanbanItemHandle: import('react').ForwardRefExoticComponent
  * The trigger marks itself with `data-stop-item-click` so opening the
  * menu doesn't fire the parent `onItemClick` callback.
  */
-export declare function KanbanItemActions({ className, icon, ariaLabel, }: KanbanItemActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function KanbanItemActions({ className, icon, ariaLabel, }: KanbanItemActionsProps): import("react").JSX.Element | null;
 export declare namespace KanbanItemActions {
     var displayName: string;
 }
-export declare function KanbanOverlay({ className, render }: KanbanOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanOverlay({ className, render }: KanbanOverlayProps): import("react").JSX.Element;
 export declare namespace KanbanOverlay {
     var displayName: string;
 }

package/dist/components/features/kanban/kanban.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../../../src/components/features/kanban/kanban.tsx"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EACX,gBAAgB,EAChB,wBAAwB,EACxB,iBAAiB,EAGjB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,MAAM,gBAAgB,CAAC;AAExB,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACzB,KAAK,EACL,aAAa,EACb,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,EACX,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,QAAQ,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,2CA+GhB;yBAzHe,MAAM;;;AA6HtB,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAM3E;yBANe,WAAW;;;AAU3B,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAa7E;yBAbe,YAAY;;;AAiB5B,wBAAgB,mBAAmB,CAAC,EACnC,KAAK,EACL,SAAS,EACT,QAAQ,GACR,EAAE,wBAAwB,2CAc1B;yBAlBe,mBAAmB;;;AAsBnC,wBAAgB,UAAU,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,QAAQ,GACR,EAAE,eAAe,2CA8EjB;yBApFe,UAAU;;;AAwF1B,eAAO,MAAM,gBAAgB,qHAiC3B,CAAC;AAIH;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,SAAS,GACT,EAAE,sBAAsB,kDAqFxB;yBAzFe,iBAAiB;;;AA6FjC,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAuBtE;yBAvBe,aAAa"}
+{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../../../src/components/features/kanban/kanban.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EACX,gBAAgB,EAChB,wBAAwB,EACxB,iBAAiB,EAGjB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,MAAM,gBAAgB,CAAC;AAExB,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACzB,KAAK,EACL,aAAa,EACb,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,EACX,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,QAAQ,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,+BA+GhB;yBAzHe,MAAM;;;AA6HtB,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAM3E;yBANe,WAAW;;;AAU3B,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAa7E;yBAbe,YAAY;;;AAiB5B,wBAAgB,mBAAmB,CAAC,EACnC,KAAK,EACL,SAAS,EACT,QAAQ,GACR,EAAE,wBAAwB,+BAc1B;yBAlBe,mBAAmB;;;AAsBnC,wBAAgB,UAAU,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,QAAQ,GACR,EAAE,eAAe,+BAqFjB;yBA3Fe,UAAU;;;AA+F1B,eAAO,MAAM,gBAAgB,qHAqC3B,CAAC;AAIH;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,SAAS,GACT,EAAE,sBAAsB,sCAuFxB;yBA3Fe,iBAAiB;;;AA+FjC,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,kBAAkB,+BAuBtE;yBAvBe,aAAa"}

package/dist/components/features/media-library/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { formatMediaLibrarySize, getMediaLibraryDimensions, resolveMediaLibraryAccessors, useMediaLibrary, } from './use-media-library';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/media-library/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/media-library/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,eAAe,GACf,MAAM,qBAAqB,CAAC"}

package/dist/components/features/media-library/hooks/use-media-library.d.ts

@@ -0,0 +1,6 @@
+import { MediaLibraryAccessors, MediaLibraryItem, ResolvedMediaLibraryAccessors, UseMediaLibraryOptions, MediaLibraryState } from '../media-library.types';
+export declare function resolveMediaLibraryAccessors<TItem = MediaLibraryItem>(accessors?: MediaLibraryAccessors<TItem>): ResolvedMediaLibraryAccessors<TItem>;
+export declare function formatMediaLibrarySize(bytes?: number): string;
+export declare function getMediaLibraryDimensions<TItem>(item: TItem, accessors: ResolvedMediaLibraryAccessors<TItem>): string;
+export declare function useMediaLibrary<TItem = MediaLibraryItem>({ items: itemsProp, fetcher, accessors: accessorsProp, selectionMode, value, defaultValue, onValueChange, onItemUpdate, onItemDelete, onUpload, onError, initialTab, defaultView, defaultQuery, defaultType, defaultCollection, defaultSort, defaultUploadOptions, }?: UseMediaLibraryOptions<TItem>): MediaLibraryState<TItem>;
+//# sourceMappingURL=use-media-library.d.ts.map

package/dist/components/features/media-library/hooks/use-media-library.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-library.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/media-library/hooks/use-media-library.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACX,qBAAqB,EAErB,gBAAgB,EAMhB,6BAA6B,EAC7B,sBAAsB,EACtB,iBAAiB,EACjB,MAAM,wBAAwB,CAAC;AA4BhC,wBAAgB,4BAA4B,CAAC,KAAK,GAAG,gBAAgB,EACpE,SAAS,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,GACtC,6BAA6B,CAAC,KAAK,CAAC,CAKtC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAI7D;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAC9C,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,6BAA6B,CAAC,KAAK,CAAC,GAC7C,MAAM,CAKR;AA+FD,wBAAgB,eAAe,CAAC,KAAK,GAAG,gBAAgB,EAAE,EACzD,KAAK,EAAE,SAA2C,EAClD,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,aAA0B,EAC1B,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,UAAsB,EACtB,WAAoB,EACpB,YAAiB,EACjB,WAAmB,EACnB,iBAAyB,EACzB,WAAsB,EACtB,oBAAoB,GACpB,GAAE,sBAAsB,CAAC,KAAK,CAAM,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAiT/D"}

package/dist/components/features/media-library/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/badge--o9wFHB_.cjs"),i=require("../../../_shared/button-C1qc97U1.cjs"),a=require("../../../_shared/alert-CuIIKJC-.cjs"),o=require("../../../_shared/input-COMcb1WY.cjs"),s=require("../../../_shared/forms-E3JkTgcC.cjs"),c=require("../../../_shared/form-field-rMGPvHFK.cjs"),l=require("../../../_shared/switch-zFZhhOEP.cjs"),u=require("../../../_shared/overlays-Xc_F_Y-E.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:r,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)(n.n,{tag:`div`,weight:`semibold`,children:r}),!!i&&(0,f.jsx)(n.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:n,typeFilters:r,collection:a,sort:c,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=>(r??[`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)(o.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 r=e.icon,a=n===e.value;return(0,f.jsxs)(i.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:[r&&(0,f.jsx)(r,{className:`size-3.5`}),e.label]},e.value)})}),(0,f.jsx)(`div`,{className:`min-w-40`,children:(0,f.jsx)(s.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)(s.H,{value:c,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)(i.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)(i.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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:y,children:d.clearFilters}),b]})}function I({item:e,selected:a=!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":a||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`,a&&`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`,a&&`bg-primary text-primary-foreground opacity-100`),"aria-hidden":`true`,children:(0,f.jsx)(p.Check,{className:`size-3`})}),!!d&&(0,f.jsx)(i.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)(r.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)(r.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)(n.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)(n.n,{size:`xxs`,type:`secondary`,className:`truncate`,children:x(b)||l.unknownSize}),!!S&&(0,f.jsxs)(n.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:a,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)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.name}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.type}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.size}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.collection}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.used}),(0,f.jsx)(`span`,{})]}),e.map(e=>{let u=o.getId(e),d=a.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)(n.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)(r.t,{variant:`secondary`,children:A(m,s)}),(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,children:x(o.getSize(e))||s.unknownSize}),(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`truncate`,children:o.getCollection(e)||`-`}),(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,children:o.getUsageCount(e)?o.getUsageCount(e):`-`}),(0,f.jsx)(i.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:a,strings:u,onClose:d,onUpdate:m,onRemove:h,renderDetail:g}){if(!e)return null;let _=a.getName(e),v=a.getType(e),y=a.getSrc(e),b=a.getCollection(e)??t[0]?.value??``,C=a.getTags(e),w=a.getPublic(e)??!0,T=g?.(e,{accessors:a,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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":u.detail.close,onClick:d,children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(n.n,{weight:`semibold`,children:u.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:a.getTint(e),className:`aspect-[4/3] rounded-lg border border-border`,children:[(0,f.jsx)(N,{src:y,alt:a.getAlt(e)||_,type:v,className:`size-full object-cover`}),v===`video`&&!!a.getDuration(e)&&(0,f.jsxs)(r.t,{className:`absolute bottom-2 right-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),a.getDuration(e)]})]}),(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,className:`break-words`,children:_}),(0,f.jsx)(`dl`,{className:`media-library-detail-panel--facts grid gap-2`,children:[[u.detail.type,A(v,u)],[u.detail.size,x(a.getSize(e))||u.unknownSize],[u.detail.dimensions,S(e,a)||`-`],[u.detail.uploaded,String(a.getUploadedAt(e)??`-`)],[u.detail.usedIn,j(a.getUsageCount(e),u)]].map(([e,t])=>(0,f.jsxs)(`div`,{className:`flex justify-between gap-4`,children:[(0,f.jsx)(`dt`,{children:(0,f.jsx)(n.n,{tag:`span`,size:`xs`,type:`secondary`,children:e})}),(0,f.jsx)(`dd`,{className:`m-0 text-right`,children:(0,f.jsx)(n.n,{tag:`span`,size:`xs`,weight:`medium`,children:t})})]},e))}),(0,f.jsx)(c.n,{label:u.detail.altText,children:(0,f.jsx)(o.t,{value:a.getAlt(e)??``,placeholder:u.detail.altPlaceholder,onChange:e=>m({alt:e.target.value})})}),(0,f.jsx)(c.n,{label:u.detail.collection,children:(0,f.jsx)(s.H,{value:b,options:t.map(e=>({value:e.value,label:String(e.label)})),"aria-label":u.detail.collection,onChange:e=>m({collection:e})})}),(0,f.jsx)(c.n,{label:u.detail.tags,children:(0,f.jsx)(o.t,{value:C.join(`, `),placeholder:u.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)(n.n,{weight:`semibold`,size:`xs`,children:u.detail.public}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,children:w?u.detail.publicHint:u.detail.privateHint})]}),(0,f.jsx)(l.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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),u.detail.replace]}),(0,f.jsxs)(i.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:h,children:[(0,f.jsx)(p.Trash2,{className:`size-3.5`}),u.detail.delete]})]})]})]})}function ie({stagedFiles:e,uploadOptions:t,collections:a=[],uploading:u=!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)(s.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)(n.n,{weight:`semibold`,size:`xs`,className:`truncate`,children:e.name}),(0,f.jsx)(n.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)(n.n,{size:`xxs`,type:`error`,children:e.error})]}),e.status===`done`?(0,f.jsx)(r.t,{variant:`success`,children:d.upload.done}):e.status===`uploading`?(0,f.jsxs)(n.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]}):(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:u,"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)(c.n,{label:d.upload.collection,children:(0,f.jsx)(s.H,{value:t.collection??a[0]?.value,options:a.map(e=>({value:e.value,label:String(e.label)})),"aria-label":d.upload.collection,onChange:e=>_({collection:e})})}),(0,f.jsx)(c.n,{label:d.upload.tags,children:(0,f.jsx)(o.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)(n.n,{weight:`semibold`,size:`xs`,children:d.upload.public}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,children:d.upload.publicHint})]}),(0,f.jsx)(l.n,{checked:t.public,onCheckedChange:e=>_({public:e})})]})]})]})}function ae({tab:e,selectedIds:r,selectionMode:a,stagedFiles:o,strings:s,onClearSelection:c,className:l}){let u=r.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)(n.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)(n.n,{weight:`semibold`,size:`xs`,className:`whitespace-nowrap`,children:g(s.footer.selectedCount,{count:u})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:c,children:s.footer.clear})]}):(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`truncate`,children:a===`single`?s.footer.pickOne:s.footer.pickMany})})}function R({tab:e,selectedItems:n,selectedIds:r,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onUpload:p,onCancelUpload:m,className:h}){let _=r.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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,disabled:o,onClick:m,children:l??s.footer.cancel}),(0,f.jsx)(i.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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:u,children:l??s.footer.cancel}),(0,f.jsx)(i.t,{type:`button`,disabled:_===0,onClick:d,children:c??(_===0?s.footer.confirmEmpty:n.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:r,description:o,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=!!(r||o||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,(r||o)&&(0,f.jsxs)(`div`,{className:`min-w-0`,children:[!!r&&(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,children:r}),!!o&&(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),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)(i.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)(i.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)(n.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)(n.n,{type:`secondary`,children:B.loading})}):V.error?T?.error??(0,f.jsxs)(a.t,{variant:`destructive`,children:[(0,f.jsx)(a.i,{children:B.errorTitle}),(0,f.jsx)(a.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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:V.clearFilters,children:B.clearFilters}):v?(0,f.jsxs)(i.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:i,dialogTitle:a,dialogDescription:o,onClose:s,className:c,dialogClassName:l,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),s?.()};return(0,f.jsx)(se.Provider,{value:{element:x},children:(0,f.jsx)(u.r,{open:w,onOpenChange:T,onClose:s,trigger:i,title:a??v.title,description:o??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))]`,l),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`,c),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:a,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=a.length,A=l??(k>0?O.getId(a[0]):void 0),j=!C&&!!_&&(v===void 0||k<v),M=j&&(y===`field`||k>0)?(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,icon:p.Plus,onClick:_,children:D.gallery.add}):v!==void 0&&k>=v?(0,f.jsx)(r.t,{variant:`secondary`,children:D.gallery.maxReached}):null,N=(e,t)=>{if(t<0||t>=k||e===t)return;let n=de(a,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)(i.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)(n.n,{tag:`div`,weight:`semibold`,children:s}),!!c&&(0,f.jsx)(n.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)(i.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:[a.map((e,a)=>{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=a>0,S=a<k-1,w=E?.(e,{id:o,index:a,total:k,primary:h,accessors:O,canMovePrevious:b,canMoveNext:S,setPrimary:()=>u?.(o,e),remove:()=>d?.(o,e),movePrevious:()=>N(a,a-1),moveNext:()=>N(a,a+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)(r.t,{variant:`secondary`,className:`absolute left-2 top-2 bg-background/90 shadow-xs`,children:D.gallery.cover}),c===`video`&&!!v&&(0,f.jsxs)(r.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)(i.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)(n.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),h&&(0,f.jsx)(r.t,{variant:`info`,children:D.gallery.primary})]}),(0,f.jsxs)(n.n,{size:`xxs`,type:`secondary`,children:[g(D.gallery.itemPosition,{index:a+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)(i.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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(a,a-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(a,a+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(i.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)(r.t,{variant:`info`,children:D.gallery.primary}),(0,f.jsx)(r.t,{variant:`secondary`,children:g(D.gallery.itemPosition,{index:a+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)(n.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),(0,f.jsx)(n.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)(i.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)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(a,a-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(a,a+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(i.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;
+//# sourceMappingURL=index.cjs.map