@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/workforce-obs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"workforce-obs.mjs","names":["Filter"],"sources":["../../src/pages/workforce-obs.tsx"],"sourcesContent":["import type {ColumnDef, Row} from \"@tanstack/react-table\";\n\nimport {ArrowDownWideNarrow, Plus, Trash2, UserRoundCog} from \"lucide-react\";\nimport {useEffect, useMemo, useState} from \"react\";\n\nimport {Badge} from \"../badge\";\nimport {Button} from \"../button\";\nimport {ConfirmDialog} from \"../confirm-dialog\";\nimport {DataTable, DataTableColumnHeader, DataTableExpandButton} from \"../data-table\";\nimport {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle} from \"../dialog\";\nimport {Filter, FilterCategory, FilterContent, FilterOption, FilterTrigger, type FilterValue} from \"../filter\";\nimport {Input} from \"../input\";\nimport {MultiSelect, SearchableSelect} from \"../select\";\nimport {toast, Toaster} from \"../sonner\";\nimport {HoverTooltip} from \"../tooltip\";\n\n// OBS — the Organization Breakdown Structure tab of the Workforce template. A nested, collapsible\n// tree table (Core DataTable with getSubRows) with per-row actions: change supervisor, add\n// subordinate, delete. Keeps the standard search / filter / column-toggle toolbar.\n\ninterface ObsNode {\n\tid: string;\n\tname: string;\n\tcode: string;\n\tcompany: string;\n\ttitle: string | null;\n\tdepartment: string | null;\n\ttrade: string;\n\tchildren: ObsNode[];\n}\n\n// ─── Tree helpers (immutable, keyed by id) ────────────────────────────────────\n\nfunction descendantCount(node: ObsNode): number {\n\treturn node.children.reduce((sum, child) => sum + 1 + descendantCount(child), 0);\n}\n\nfunction collectIds(node: ObsNode, into: Set<string> = new Set()): Set<string> {\n\tinto.add(node.id);\n\tnode.children.forEach((child) => collectIds(child, into));\n\treturn into;\n}\n\nfunction findNode(nodes: ObsNode[], id: string): ObsNode | null {\n\tfor (const node of nodes) {\n\t\tif (node.id === id) return node;\n\t\tconst found = findNode(node.children, id);\n\t\tif (found) return found;\n\t}\n\treturn null;\n}\n\nfunction removeNode(nodes: ObsNode[], id: string): ObsNode[] {\n\treturn nodes.filter((node) => node.id !== id).map((node) => ({...node, children: removeNode(node.children, id)}));\n}\n\nfunction addChild(nodes: ObsNode[], parentId: string, child: ObsNode): ObsNode[] {\n\treturn nodes.map((node) =>\n\t\tnode.id === parentId\n\t\t\t? {...node, children: [...node.children, child]}\n\t\t\t: {...node, children: addChild(node.children, parentId, child)},\n\t);\n}\n\nfunction flatten(nodes: ObsNode[], into: ObsNode[] = []): ObsNode[] {\n\tfor (const node of nodes) {\n\t\tinto.push(node);\n\t\tflatten(node.children, into);\n\t}\n\treturn into;\n}\n\n/** Keep a node if it matches, or if any descendant is kept — preserves the ancestry chain. */\nfunction pruneTree(nodes: ObsNode[], keep: (node: ObsNode) => boolean): ObsNode[] {\n\treturn nodes.reduce<ObsNode[]>((acc, node) => {\n\t\tconst children = pruneTree(node.children, keep);\n\t\tif (keep(node) || children.length > 0) acc.push({...node, children});\n\t\treturn acc;\n\t}, []);\n}\n\n// ─── Seed data ───────────────────────────────────────────────────────────────\n\nfunction person(\n\tid: string,\n\tname: string,\n\tcode: string,\n\tcompany: string,\n\ttrade: string,\n\textra?: {title?: string; department?: string; children?: ObsNode[]},\n): ObsNode {\n\treturn {\n\t\tid,\n\t\tname,\n\t\tcode,\n\t\tcompany,\n\t\ttrade,\n\t\ttitle: extra?.title ?? null,\n\t\tdepartment: extra?.department ?? null,\n\t\tchildren: extra?.children ?? [],\n\t};\n}\n\nconst OBS_TREE: ObsNode[] = [\n\tperson(\"o-moayad\", \"Moayad Test\", \"12345666\", \"Core\", \"INDIRECT-LEAD SUPERVISOR\", {\n\t\tchildren: [person(\"o-riyas\", \"Riyas Test\", \"321321\", \"DSCO\", \"INDIRECT-SOLUTION MANAGER\")],\n\t}),\n\tperson(\"o-barak\", \"Barak Al Azmi\", \"SA-PKG5-002\", \"Aramco PMT PKG5\", \"Indirect-ARAMCO PMT\", {\n\t\tchildren: [\n\t\t\tperson(\"o-zakiah\", \"Zakiah Al Tehaini\", \"SA-PKG5-001\", \"Aramco PMT PKG5\", \"Indirect-PROJECT ENGINEER\", {\n\t\t\t\ttitle: \"Engineer\",\n\t\t\t\tdepartment: \"ENGINEERING\",\n\t\t\t\tchildren: [\n\t\t\t\t\tperson(\"o-wijdan\", \"Wijdan Hadadi\", \"1110843503\", \"Sinohydro\", \"Indirect-SCC Supervisor\", {\n\t\t\t\t\t\tdepartment: \"HSE\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\tperson(\"o-abomijna\", \"MOAYAD ABOMIJNA\", \"2158931325\", \"Core\", \"Indirect-Project manager\", {\n\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\tperson(\"o-azhar\", \"Azhar Al Madih\", \"1089990046\", \"Sinohydro\", \"Indirect-Safety Supervisor\", {\n\t\t\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\t\tperson(\"o-hazem\", \"hazem sabri\", \"1119209359\", \"Sinohydro\", \"INDIRECT-QHSE OFFICER\", {\n\t\t\t\t\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\t\t\t\tperson(\"o-ameer\", \"AMEER Ali\", \"2588281937\", \"Sinohydro\", \"SCC OPERATOR\", {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tperson(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"o-usama\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Muhammad Usama Malik\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"2476020207\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Sinohydro\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Default resource pool trade\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t}),\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],\n\t}),\n\tperson(\"o-alfredo\", \"Alfredo Crespo Botia\", \"TR-SUB-001\", \"TR\", \"Indirect-Sub Contract Administrator\", {\n\t\tchildren: [\n\t\t\tperson(\"o-asad\", \"Asad Ullah Awan\", \"TR963\", \"TR\", \"IT Engineer\", {\n\t\t\t\tchildren: [\n\t\t\t\t\tperson(\"o-miguelc\", \"MIGUEL BLASCO CASTANO\", \"PAX092964\", \"TR\", \"Indirect-Digital Twin Engineer\"),\n\t\t\t\t\tperson(\"o-pedroj\", \"PEDRO JOSE\", \"25741111270\", \"TR\", \"INDIRECT-PROJECT CONTROL\"),\n\t\t\t\t],\n\t\t\t}),\n\t\t\tperson(\"o-jonny\", \"JONNY ERCOLANI\", \"YB7820177\", \"TR\", \"Indirect-QC Manager\", {\n\t\t\t\tchildren: [\n\t\t\t\t\tperson(\"o-miguelb\", \"MIGUEL BLASCOO\", \"TR6458\", \"TR\", \"INDIRECT-FIELD ENGINEER\"),\n\t\t\t\t\tperson(\"o-pedro2\", \"Pedro Jose\", \"TR456\", \"TR\", \"INDIRECT-E&I ENGINEER\"),\n\t\t\t\t],\n\t\t\t}),\n\t\t\tperson(\"o-dileep\", \"DILEEP PRABHAKARAN\", \"2506893649\", \"TR\", \"Indirect-HSE Manager\", {\n\t\t\t\tchildren: [\n\t\t\t\t\tperson(\"o-ali\", \"Ali Jaradeh\", \"Aramco236\", \"Saudi Aramco\", \"INDIRECT-Senior Project Manager\"),\n\t\t\t\t\tperson(\"o-lina\", \"Lina Montoiro Cordoba\", \"TR589\", \"TR\", \"INDIRECT-Senior Project Manager\"),\n\t\t\t\t\tperson(\"o-karim\", \"Karim Sabbah\", \"TR3541\", \"TR\", \"INDIRECT-Senior Project Manager\"),\n\t\t\t\t\tperson(\"o-akhilesh\", \"Akhilesh Mau\", \"Aramco 0119\", \"Saudi Aramco\", \"INDIRECT-SENIOR PROJECT MANAGER\"),\n\t\t\t\t\tperson(\"o-ozgur\", \"Ozgur Uy\", \"TR1271\", \"TR\", \"INDIRECT-PROJECT CONTROL\"),\n\t\t\t\t],\n\t\t\t}),\n\t\t],\n\t}),\n];\n\nconst dash = (value: React.ReactNode) =>\n\tvalue === null || value === undefined || value === \"\" ? <span className=\"wwc:text-muted-foreground\">—</span> : value;\n\n// ─── Name tree cell ──────────────────────────────────────────────────────────\n\nfunction ObsNameCell({row}: {row: Row<ObsNode>}) {\n\tconst count = descendantCount(row.original);\n\treturn (\n\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1.5\" style={{paddingLeft: `${row.depth * 1.5}rem`}}>\n\t\t\t<DataTableExpandButton row={row} />\n\t\t\t<span className=\"wwc:font-medium\">{row.original.name}</span>\n\t\t\t{count > 0 ? (\n\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:h-5 wwc:gap-1 wwc:px-1.5 wwc:text-[10px] wwc:tabular-nums\">\n\t\t\t\t\t<ArrowDownWideNarrow className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t{count}\n\t\t\t\t</Badge>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n\n// ─── Action modals ───────────────────────────────────────────────────────────\n\ninterface ObsDraft {\n\tname: string;\n\tcode: string;\n\tcompany: string;\n\ttitle: string;\n\tdepartment: string;\n\ttrade: string;\n}\n\nconst EMPTY_OBS_DRAFT: ObsDraft = {name: \"\", code: \"\", company: \"\", title: \"\", department: \"\", trade: \"\"};\n\nfunction ObsFormModal({\n\topen,\n\tonOpenChange,\n\ttitle,\n\tonSubmit,\n}: {\n\topen: boolean;\n\tonOpenChange: (o: boolean) => void;\n\ttitle: string;\n\tonSubmit: (draft: ObsDraft) => void;\n}) {\n\tconst [draft, setDraft] = useState<ObsDraft>(EMPTY_OBS_DRAFT);\n\tconst [attempted, setAttempted] = useState(false);\n\n\t// Reset each time the modal opens.\n\tuseEffect(() => {\n\t\tif (open) {\n\t\t\tsetDraft(EMPTY_OBS_DRAFT);\n\t\t\tsetAttempted(false);\n\t\t}\n\t}, [open]);\n\n\tconst set = <K extends keyof ObsDraft>(key: K, value: ObsDraft[K]) => setDraft((d) => ({...d, [key]: value}));\n\tconst nameError = attempted && !draft.name.trim();\n\n\tconst submit = () => {\n\t\tif (!draft.name.trim()) {\n\t\t\tsetAttempted(true);\n\t\t\treturn;\n\t\t}\n\t\tonSubmit(draft);\n\t\tonOpenChange(false);\n\t};\n\n\treturn (\n\t\t<Dialog open={open} onOpenChange={onOpenChange}>\n\t\t\t<DialogContent className=\"wwc:flex wwc:max-h-[92vh] wwc:w-[calc(100vw-2rem)] wwc:max-w-md wwc:flex-col wwc:gap-0 wwc:overflow-hidden wwc:p-0\">\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>{title}</DialogTitle>\n\t\t\t\t</DialogHeader>\n\t\t\t\t<div className=\"wwc:min-h-0 wwc:flex-1 wwc:space-y-4 wwc:overflow-y-auto wwc:px-6 wwc:py-5\">\n\t\t\t\t\t<ObsField label=\"Name\" required error={nameError}>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tplaceholder=\"Enter name\"\n\t\t\t\t\t\t\tvalue={draft.name}\n\t\t\t\t\t\t\taria-invalid={nameError}\n\t\t\t\t\t\t\tonChange={(e) => set(\"name\", e.target.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ObsField>\n\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-2 wwc:gap-4\">\n\t\t\t\t\t\t<ObsField label=\"Code\">\n\t\t\t\t\t\t\t<Input placeholder=\"Enter code\" value={draft.code} onChange={(e) => set(\"code\", e.target.value)} />\n\t\t\t\t\t\t</ObsField>\n\t\t\t\t\t\t<ObsField label=\"Company\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Enter company\"\n\t\t\t\t\t\t\t\tvalue={draft.company}\n\t\t\t\t\t\t\t\tonChange={(e) => set(\"company\", e.target.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ObsField>\n\t\t\t\t\t\t<ObsField label=\"Title\">\n\t\t\t\t\t\t\t<Input placeholder=\"Enter title\" value={draft.title} onChange={(e) => set(\"title\", e.target.value)} />\n\t\t\t\t\t\t</ObsField>\n\t\t\t\t\t\t<ObsField label=\"Department\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Enter department\"\n\t\t\t\t\t\t\t\tvalue={draft.department}\n\t\t\t\t\t\t\t\tonChange={(e) => set(\"department\", e.target.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ObsField>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ObsField label=\"Trade\">\n\t\t\t\t\t\t<Input placeholder=\"Enter trade\" value={draft.trade} onChange={(e) => set(\"trade\", e.target.value)} />\n\t\t\t\t\t</ObsField>\n\t\t\t\t</div>\n\t\t\t\t<DialogFooter>\n\t\t\t\t\t<Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button onClick={submit}>Save</Button>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nfunction ObsField({\n\tlabel,\n\trequired,\n\terror,\n\tchildren,\n}: {\n\tlabel: string;\n\trequired?: boolean;\n\terror?: boolean;\n\tchildren: React.ReactNode;\n}) {\n\treturn (\n\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t<label className=\"wwc:flex wwc:items-center wwc:gap-0.5 wwc:text-sm wwc:font-semibold\">\n\t\t\t\t{label}\n\t\t\t\t{required ? <span className=\"wwc:text-destructive\">*</span> : null}\n\t\t\t</label>\n\t\t\t{children}\n\t\t\t{error ? <p className=\"wwc:text-xs wwc:text-destructive\">{label} is required.</p> : null}\n\t\t</div>\n\t);\n}\n\nfunction ChangeSupervisorModal({\n\topen,\n\tonOpenChange,\n\tnode,\n\tcandidates,\n\tonConfirm,\n}: {\n\topen: boolean;\n\tonOpenChange: (o: boolean) => void;\n\tnode: ObsNode | null;\n\tcandidates: {id: string; name: string}[];\n\tonConfirm: (newParentId: string) => void;\n}) {\n\tconst [target, setTarget] = useState(\"\");\n\n\tuseEffect(() => {\n\t\tif (open) setTarget(\"\");\n\t}, [open]);\n\n\treturn (\n\t\t<Dialog open={open} onOpenChange={onOpenChange}>\n\t\t\t<DialogContent className=\"wwc:w-[calc(100vw-2rem)] wwc:max-w-md\">\n\t\t\t\t<DialogTitle className=\"wwc:text-lg wwc:font-semibold\">Change supervisor</DialogTitle>\n\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\tMove <span className=\"wwc:font-medium wwc:text-foreground\">{node?.name}</span> (and their subordinates) under\n\t\t\t\t\ta new supervisor.\n\t\t\t\t</p>\n\t\t\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-semibold\">New supervisor</span>\n\t\t\t\t\t{/* Searchable, single-selection dropdown. */}\n\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\toptions={candidates.map((c) => ({value: c.id, label: c.name}))}\n\t\t\t\t\t\tvalue={target}\n\t\t\t\t\t\tonValueChange={setTarget}\n\t\t\t\t\t\tplaceholder=\"Select supervisor\"\n\t\t\t\t\t\tsearchPlaceholder=\"Search people…\"\n\t\t\t\t\t\tclassName=\"wwc:w-full\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-end wwc:gap-2\">\n\t\t\t\t\t<Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdisabled={!target}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tonConfirm(target);\n\t\t\t\t\t\t\tonOpenChange(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tMove\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nfunction AddSubordinatesModal({\n\topen,\n\tonOpenChange,\n\tnode,\n\tcandidates,\n\tonConfirm,\n}: {\n\topen: boolean;\n\tonOpenChange: (o: boolean) => void;\n\tnode: ObsNode | null;\n\tcandidates: {id: string; name: string}[];\n\tonConfirm: (ids: string[]) => void;\n}) {\n\tconst [selected, setSelected] = useState<string[]>([]);\n\n\tuseEffect(() => {\n\t\tif (open) setSelected([]);\n\t}, [open]);\n\n\treturn (\n\t\t<Dialog open={open} onOpenChange={onOpenChange}>\n\t\t\t<DialogContent className=\"wwc:w-[calc(100vw-2rem)] wwc:max-w-md\">\n\t\t\t\t<DialogTitle className=\"wwc:text-lg wwc:font-semibold\">Add subordinates</DialogTitle>\n\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\tMove the selected people (and their subordinates) under{\" \"}\n\t\t\t\t\t<span className=\"wwc:font-medium wwc:text-foreground\">{node?.name}</span>.\n\t\t\t\t</p>\n\t\t\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-semibold\">Subordinates</span>\n\t\t\t\t\t{/* Searchable, multi-selection dropdown. */}\n\t\t\t\t\t<MultiSelect\n\t\t\t\t\t\toptions={candidates.map((c) => ({value: c.id, label: c.name}))}\n\t\t\t\t\t\tvalue={selected}\n\t\t\t\t\t\tonValueChange={setSelected}\n\t\t\t\t\t\tplaceholder=\"Select people\"\n\t\t\t\t\t\tsearchPlaceholder=\"Search people…\"\n\t\t\t\t\t\tshowTags\n\t\t\t\t\t\tclassName=\"wwc:w-full\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-end wwc:gap-2\">\n\t\t\t\t\t<Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdisabled={selected.length === 0}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tonConfirm(selected);\n\t\t\t\t\t\t\tonOpenChange(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAdd {selected.length > 0 ? `(${selected.length})` : \"\"}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\n// ─── Columns ─────────────────────────────────────────────────────────────────\n\nfunction makeObsColumns(\n\tonChangeSupervisor: (node: ObsNode) => void,\n\tonAddSubordinate: (node: ObsNode) => void,\n\tonDelete: (node: ObsNode) => void,\n): ColumnDef<ObsNode>[] {\n\treturn [\n\t\t{\n\t\t\taccessorKey: \"name\",\n\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Name\" />,\n\t\t\tmeta: {headerClassName: \"wwc:w-[24rem]\", cellClassName: \"wwc:whitespace-nowrap\"},\n\t\t\tcell: ({row}) => <ObsNameCell row={row} />,\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"code\",\n\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Code\" />,\n\t\t\tcell: ({row}) => dash(row.original.code),\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"company\",\n\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Company\" />,\n\t\t\tcell: ({row}) => dash(row.original.company),\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"title\",\n\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Title\" />,\n\t\t\tcell: ({row}) => dash(row.original.title),\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"department\",\n\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Department\" />,\n\t\t\tcell: ({row}) => dash(row.original.department),\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"trade\",\n\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Trade\" />,\n\t\t\tcell: ({row}) => dash(row.original.trade),\n\t\t},\n\t\t{\n\t\t\tid: \"actions\",\n\t\t\tenableSorting: false,\n\t\t\tenableHiding: false,\n\t\t\tmeta: {cellClassName: \"wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right\"},\n\t\t\tcell: ({row}) => (\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-end wwc:gap-0.5\">\n\t\t\t\t\t<HoverTooltip content=\"Change supervisor\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label=\"Change supervisor\"\n\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7 wwc:text-muted-foreground\"\n\t\t\t\t\t\t\tonClick={() => onChangeSupervisor(row.original)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UserRoundCog className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t<HoverTooltip content=\"Add subordinate\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label=\"Add subordinate\"\n\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7 wwc:text-muted-foreground\"\n\t\t\t\t\t\t\tonClick={() => onAddSubordinate(row.original)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Plus className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t<HoverTooltip content=\"Delete\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label=\"Delete\"\n\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7 wwc:text-muted-foreground wwc:hover:text-destructive\"\n\t\t\t\t\t\t\tonClick={() => onDelete(row.original)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Trash2 className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HoverTooltip>\n\t\t\t\t</div>\n\t\t\t),\n\t\t},\n\t];\n}\n\n// ─── View ────────────────────────────────────────────────────────────────────\n\n/** The OBS tab — a nested, collapsible org tree table with per-row supervisor/subordinate/delete actions. */\nexport function ObsView() {\n\tconst [tree, setTree] = useState<ObsNode[]>(OBS_TREE);\n\tconst [filters, setFilters] = useState<FilterValue>({});\n\t// Which modal is open, and against which node.\n\tconst [addRoot, setAddRoot] = useState(false);\n\tconst [addSubFor, setAddSubFor] = useState<ObsNode | null>(null);\n\tconst [moveNode, setMoveNode] = useState<ObsNode | null>(null);\n\t// Delete is staged here until the confirm dialog is accepted.\n\tconst [pendingDelete, setPendingDelete] = useState<ObsNode | null>(null);\n\n\tconst [ownToaster, setOwnToaster] = useState(false);\n\tuseEffect(() => {\n\t\tconst has = document.querySelector('[data-sonner-toaster], section[aria-live][aria-label*=\"Notification\"]');\n\t\tsetOwnToaster(!has);\n\t}, []);\n\n\tconst columns = useMemo(\n\t\t() =>\n\t\t\tmakeObsColumns(\n\t\t\t\t(node) => setMoveNode(node),\n\t\t\t\t(node) => setAddSubFor(node),\n\t\t\t\t(node) => setPendingDelete(node),\n\t\t\t),\n\t\t[],\n\t);\n\n\tconst all = useMemo(() => flatten(tree), [tree]);\n\tconst companies = useMemo(() => Array.from(new Set(all.map((n) => n.company))).sort(), [all]);\n\tconst trades = useMemo(() => Array.from(new Set(all.map((n) => n.trade))).sort(), [all]);\n\n\tconst data = useMemo(() => {\n\t\tconst active = Object.entries(filters)\n\t\t\t.map(([key, sel]) => [key, sel ?? []] as const)\n\t\t\t.filter(([, sel]) => sel.length > 0);\n\t\tif (active.length === 0) return tree;\n\t\treturn pruneTree(tree, (node) => active.every(([key, sel]) => sel.includes(String(node[key as keyof ObsNode]))));\n\t}, [tree, filters]);\n\n\t// New nodes need a stable, non-random id (Math.random is unavailable in this environment).\n\tconst [seq, setSeq] = useState(0);\n\tconst nextId = () => {\n\t\tconst id = `o-new-${seq}`;\n\t\tsetSeq((s) => s + 1);\n\t\treturn id;\n\t};\n\n\tconst makeNode = (draft: ObsDraft): ObsNode => ({\n\t\tid: nextId(),\n\t\tname: draft.name.trim(),\n\t\tcode: draft.code.trim(),\n\t\tcompany: draft.company.trim(),\n\t\ttitle: draft.title.trim() || null,\n\t\tdepartment: draft.department.trim() || null,\n\t\ttrade: draft.trade.trim() || \"—\",\n\t\tchildren: [],\n\t});\n\n\t// Supervisor candidates exclude the node and its own subtree (can't report to a descendant).\n\tconst moveCandidates = useMemo(() => {\n\t\tif (!moveNode) return [];\n\t\tconst banned = collectIds(moveNode);\n\t\treturn all.filter((n) => !banned.has(n.id)).map((n) => ({id: n.id, name: n.name}));\n\t}, [moveNode, all]);\n\n\t// Subordinate candidates exclude the node itself and its own subtree (they'd already be under it,\n\t// and moving an ancestor beneath it would create a cycle).\n\tconst addSubCandidates = useMemo(() => {\n\t\tif (!addSubFor) return [];\n\t\tconst banned = collectIds(addSubFor);\n\t\treturn all.filter((n) => !banned.has(n.id)).map((n) => ({id: n.id, name: n.name}));\n\t}, [addSubFor, all]);\n\n\treturn (\n\t\t// pt-2 (not p-6) up top: the DataTable toolbar already contributes py-4, so a full pt-6 would\n\t\t// double the gap above the search row versus the sides and the other tabs.\n\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-auto wwc:px-6 wwc:pb-6 wwc:pt-2\">\n\t\t\t<Filter value={filters} onChange={setFilters}>\n\t\t\t\t<DataTable\n\t\t\t\t\tcolumns={columns}\n\t\t\t\t\tdata={data}\n\t\t\t\t\tsearchKey=\"name\"\n\t\t\t\t\tsearchPlaceholder=\"Search OBS…\"\n\t\t\t\t\tshowColumnToggle\n\t\t\t\t\tshowPagination={false}\n\t\t\t\t\trecordLabel=\"person\"\n\t\t\t\t\tgetSubRows={(row) => (row.children.length > 0 ? row.children : undefined)}\n\t\t\t\t\tgetRowCanExpand={(row) => row.original.children.length > 0}\n\t\t\t\t\texpandAllByDefault\n\t\t\t\t\ttoolbarExtra={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<FilterTrigger />\n\t\t\t\t\t\t\t<FilterContent>\n\t\t\t\t\t\t\t\t<FilterCategory value=\"company\" label=\"Company\">\n\t\t\t\t\t\t\t\t\t{companies.map((company) => (\n\t\t\t\t\t\t\t\t\t\t<FilterOption key={company} value={company}>\n\t\t\t\t\t\t\t\t\t\t\t{company}\n\t\t\t\t\t\t\t\t\t\t</FilterOption>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</FilterCategory>\n\t\t\t\t\t\t\t\t<FilterCategory value=\"trade\" label=\"Trade\">\n\t\t\t\t\t\t\t\t\t{trades.map((trade) => (\n\t\t\t\t\t\t\t\t\t\t<FilterOption key={trade} value={trade}>\n\t\t\t\t\t\t\t\t\t\t\t{trade}\n\t\t\t\t\t\t\t\t\t\t</FilterOption>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</FilterCategory>\n\t\t\t\t\t\t\t</FilterContent>\n\t\t\t\t\t\t\t<Button onClick={() => setAddRoot(true)}>\n\t\t\t\t\t\t\t\t<Plus className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\tAdd OBS\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Filter>\n\n\t\t\t<ObsFormModal\n\t\t\t\topen={addRoot}\n\t\t\t\tonOpenChange={setAddRoot}\n\t\t\t\ttitle=\"Add OBS\"\n\t\t\t\tonSubmit={(draft) => {\n\t\t\t\t\tconst node = makeNode(draft);\n\t\t\t\t\tsetTree((prev) => [...prev, node]);\n\t\t\t\t\ttoast.success(`${node.name} added to the OBS`);\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<AddSubordinatesModal\n\t\t\t\topen={addSubFor !== null}\n\t\t\t\tonOpenChange={(o) => !o && setAddSubFor(null)}\n\t\t\t\tnode={addSubFor}\n\t\t\t\tcandidates={addSubCandidates}\n\t\t\t\tonConfirm={(ids) => {\n\t\t\t\t\tif (!addSubFor) return;\n\t\t\t\t\tconst parent = addSubFor;\n\t\t\t\t\tsetTree((prev) => {\n\t\t\t\t\t\tlet next = prev;\n\t\t\t\t\t\tfor (const id of ids) {\n\t\t\t\t\t\t\tconst moving = findNode(next, id);\n\t\t\t\t\t\t\tif (moving) next = addChild(removeNode(next, id), parent.id, moving);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t\ttoast.success(\n\t\t\t\t\t\tids.length > 1 ? `${ids.length} people now report to ${parent.name}` : `Now reports to ${parent.name}`,\n\t\t\t\t\t);\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<ChangeSupervisorModal\n\t\t\t\topen={moveNode !== null}\n\t\t\t\tonOpenChange={(o) => !o && setMoveNode(null)}\n\t\t\t\tnode={moveNode}\n\t\t\t\tcandidates={moveCandidates}\n\t\t\t\tonConfirm={(newParentId) => {\n\t\t\t\t\tif (!moveNode) return;\n\t\t\t\t\tconst moving = findNode(tree, moveNode.id);\n\t\t\t\t\tconst parent = findNode(tree, newParentId);\n\t\t\t\t\tif (!moving || !parent) return;\n\t\t\t\t\tsetTree((prev) => addChild(removeNode(prev, moving.id), newParentId, moving));\n\t\t\t\t\ttoast.success(`${moving.name} now reports to ${parent.name}`);\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<ConfirmDialog\n\t\t\t\topen={pendingDelete !== null}\n\t\t\t\tonOpenChange={(o) => !o && setPendingDelete(null)}\n\t\t\t\tdestructive\n\t\t\t\ttitle=\"Delete from OBS?\"\n\t\t\t\tdescription={\n\t\t\t\t\tpendingDelete ? (\n\t\t\t\t\t\tdescendantCount(pendingDelete) > 0 ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<span className=\"wwc:font-medium wwc:text-foreground\">{pendingDelete.name}</span> and their{\" \"}\n\t\t\t\t\t\t\t\t{descendantCount(pendingDelete)} subordinate{descendantCount(pendingDelete) === 1 ? \"\" : \"s\"} will be\n\t\t\t\t\t\t\t\tremoved from the OBS. This can't be undone.\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<span className=\"wwc:font-medium wwc:text-foreground\">{pendingDelete.name}</span> will be removed from\n\t\t\t\t\t\t\t\tthe OBS. This can't be undone.\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tconfirmLabel=\"Delete\"\n\t\t\t\tonConfirm={() => {\n\t\t\t\t\tif (!pendingDelete) return;\n\t\t\t\t\tsetTree((prev) => removeNode(prev, pendingDelete.id));\n\t\t\t\t\ttoast.success(`${pendingDelete.name} removed from the OBS`);\n\t\t\t\t\tsetPendingDelete(null);\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{ownToaster ? <Toaster position=\"top-right\" /> : null}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pagination.d.mts

@@ -0,0 +1,32 @@
+import { ButtonProps } from "./button.mjs";
+import * as React from "react";
+//#region src/pagination.d.ts
+/** Page navigation with previous/next buttons and ellipsis for large page sets. */
+declare const Pagination: {
+  ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<ButtonProps, "size" | "icon"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+  ({ className, isActive, size, icon, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const PaginationPrevious: {
+  ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const PaginationNext: {
+  ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const PaginationEllipsis: {
+  ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.d.mts.map

package/dist/pagination.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.mts","names":[],"sources":["../src/pagination.tsx"],"mappings":";;;;cAOM;KAAqC,cAAA,SAAA,MAAM,oDAAqB,IAAA;;;cAShE,mBAAiB,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,mBAAA,4BAAA,MAAA,cAAA;cAOjB,gBAAc,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,iBAAA,gBAAA,yBAAA,MAAA,cAAA;KAKf;EACJ;IACG,KAAK,gCACR,MAAM;cAED;KAAsE,WAAA,UAAA,MAAA,SAAA,SAAA,kDAAmB,IAAA;;;cAgBzF;KAA6C,cAAA,SAAA,MAAM,sBAAsB,8CAAe,IAAA;;;cAcxF;KAAyC,cAAA,SAAA,MAAM,sBAAsB,8CAAe,IAAA;;;cAcpF;KAA6C,cAAA,SAAA,MAAM,qDAAsB,IAAA"}

package/dist/pagination.mjs

@@ -0,0 +1,67 @@
+import { buttonVariants } from "./button.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pagination.tsx
+/** Page navigation with previous/next buttons and ellipsis for large page sets. */
+const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
+	"aria-label": "pagination",
+	className: cn("wwc:mx-auto wwc:flex wwc:w-full wwc:justify-center", className),
+	...props
+});
+Pagination.displayName = "Pagination";
+const PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	className: cn("wwc:flex wwc:flex-row wwc:items-center wwc:gap-1", className),
+	...props
+}));
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", {
+	ref,
+	className: cn("", className),
+	...props
+}));
+PaginationItem.displayName = "PaginationItem";
+const PaginationLink = ({ className, isActive, size, icon = true, ...props }) => /* @__PURE__ */ jsx("a", {
+	"aria-current": isActive ? "page" : void 0,
+	className: cn(buttonVariants({
+		variant: isActive ? "outline" : "ghost",
+		size,
+		icon
+	}), className),
+	...props
+});
+PaginationLink.displayName = "PaginationLink";
+const PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to previous page",
+	size: "default",
+	icon: false,
+	className: cn("wwc:gap-1 wwc:pl-2.5", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "wwc:h-4 wwc:w-4" }), /* @__PURE__ */ jsx("span", { children: "Previous" })]
+});
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to next page",
+	size: "default",
+	icon: false,
+	className: cn("wwc:gap-1 wwc:pr-2.5", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", { children: "Next" }), /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:h-4 wwc:w-4" })]
+});
+PaginationNext.displayName = "PaginationNext";
+const PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"aria-hidden": true,
+	className: cn("wwc:flex wwc:h-9 wwc:w-9 wwc:items-center wwc:justify-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "wwc:h-4 wwc:w-4" }), /* @__PURE__ */ jsx("span", {
+		className: "wwc:sr-only",
+		children: "More pages"
+	})]
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+
+//# sourceMappingURL=pagination.mjs.map

package/dist/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","names":[],"sources":["../src/pagination.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ChevronLeft, ChevronRight, MoreHorizontal} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {type ButtonProps, buttonVariants} from \"./button\";\n\n/** Page navigation with previous/next buttons and ellipsis for large page sets. */\nconst Pagination = ({className, ...props}: React.ComponentProps<\"nav\">) => (\n\t<nav\n\t\taria-label=\"pagination\"\n\t\tclassName={cn(\"wwc:mx-auto wwc:flex wwc:w-full wwc:justify-center\", className)}\n\t\t{...props}\n\t/>\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n\t({className, ...props}, ref) => (\n\t\t<ul ref={ref} className={cn(\"wwc:flex wwc:flex-row wwc:items-center wwc:gap-1\", className)} {...props} />\n\t),\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\n\t<li ref={ref} className={cn(\"\", className)} {...props} />\n));\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n\tisActive?: boolean;\n} & Pick<ButtonProps, \"size\" | \"icon\"> &\n\tReact.ComponentProps<\"a\">;\n\nconst PaginationLink = ({className, isActive, size, icon = true, ...props}: PaginationLinkProps) => (\n\t<a\n\t\taria-current={isActive ? \"page\" : undefined}\n\t\tclassName={cn(\n\t\t\tbuttonVariants({\n\t\t\t\tvariant: isActive ? \"outline\" : \"ghost\",\n\t\t\t\tsize,\n\t\t\t\ticon,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\n\t<PaginationLink\n\t\taria-label=\"Go to previous page\"\n\t\tsize=\"default\"\n\t\ticon={false}\n\t\tclassName={cn(\"wwc:gap-1 wwc:pl-2.5\", className)}\n\t\t{...props}\n\t>\n\t\t<ChevronLeft className=\"wwc:h-4 wwc:w-4\" />\n\t\t<span>Previous</span>\n\t</PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\n\t<PaginationLink\n\t\taria-label=\"Go to next page\"\n\t\tsize=\"default\"\n\t\ticon={false}\n\t\tclassName={cn(\"wwc:gap-1 wwc:pr-2.5\", className)}\n\t\t{...props}\n\t>\n\t\t<span>Next</span>\n\t\t<ChevronRight className=\"wwc:h-4 wwc:w-4\" />\n\t</PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({className, ...props}: React.ComponentProps<\"span\">) => (\n\t<span\n\t\taria-hidden\n\t\tclassName={cn(\"wwc:flex wwc:h-9 wwc:w-9 wwc:items-center wwc:justify-center\", className)}\n\t\t{...props}\n\t>\n\t\t<MoreHorizontal className=\"wwc:h-4 wwc:w-4\" />\n\t\t<span className=\"wwc:sr-only\">More pages</span>\n\t</span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n\tPagination,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,cAAc,EAAC,WAAW,GAAG,YAClC,oBAAC,OAAD;CACC,cAAW;CACX,WAAW,GAAG,sDAAsD,SAAS;CAC7E,GAAI;AACJ,CAAA;AAEF,WAAW,cAAc;AAEzB,MAAM,oBAAoB,MAAM,YAC9B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,oDAAoD,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE1G;AACA,kBAAkB,cAAc;AAEhC,MAAM,iBAAiB,MAAM,YAAuD,EAAC,WAAW,GAAG,SAAQ,QAC1G,oBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,IAAI,SAAS;CAAG,GAAI;AAAQ,CAAA,CACxD;AACD,eAAe,cAAc;AAO7B,MAAM,kBAAkB,EAAC,WAAW,UAAU,MAAM,OAAO,MAAM,GAAG,YACnE,oBAAC,KAAD;CACC,gBAAc,WAAW,SAAS,KAAA;CAClC,WAAW,GACV,eAAe;EACd,SAAS,WAAW,YAAY;EAChC;EACA;CACD,CAAC,GACD,SACD;CACA,GAAI;AACJ,CAAA;AAEF,eAAe,cAAc;AAE7B,MAAM,sBAAsB,EAAC,WAAW,GAAG,YAC1C,qBAAC,gBAAD;CACC,cAAW;CACX,MAAK;CACL,MAAM;CACN,WAAW,GAAG,wBAAwB,SAAS;CAC/C,GAAI;CALL,UAAA,CAOC,oBAAC,aAAD,EAAa,WAAU,kBAAmB,CAAA,GAC1C,oBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,CACL;;AAEjB,mBAAmB,cAAc;AAEjC,MAAM,kBAAkB,EAAC,WAAW,GAAG,YACtC,qBAAC,gBAAD;CACC,cAAW;CACX,MAAK;CACL,MAAM;CACN,WAAW,GAAG,wBAAwB,SAAS;CAC/C,GAAI;CALL,UAAA,CAOC,oBAAC,QAAD,EAAA,UAAM,OAAU,CAAA,GAChB,oBAAC,cAAD,EAAc,WAAU,kBAAmB,CAAA,CAC5B;;AAEjB,eAAe,cAAc;AAE7B,MAAM,sBAAsB,EAAC,WAAW,GAAG,YAC1C,qBAAC,QAAD;CACC,eAAA;CACA,WAAW,GAAG,gEAAgE,SAAS;CACvF,GAAI;CAHL,UAAA,CAKC,oBAAC,gBAAD,EAAgB,WAAU,kBAAmB,CAAA,GAC7C,oBAAC,QAAD;EAAM,WAAU;EAAc,UAAA;CAAgB,CAAA,CACzC;;AAEP,mBAAmB,cAAc"}

package/dist/permission-matrix.d.mts

@@ -0,0 +1,43 @@
+import * as React from "react";
+//#region src/permission-matrix.d.ts
+export type PermissionMatrixPermission = {
+  id: string;
+  label: string;
+  disabled?: boolean;
+};
+export type PermissionMatrixGroup = {
+  id: string;
+  label: string;
+  permissions: PermissionMatrixPermission[];
+};
+export type PermissionMatrixCategory = {
+  id: string;
+  label: string;
+  groups: PermissionMatrixGroup[];
+};
+export interface PermissionMatrixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+  categories: PermissionMatrixCategory[];
+  /** Controlled map of leaf permission ids to their checked state. */
+  value?: Record<string, boolean>;
+  /** Initial checked state when the widget is uncontrolled. */
+  defaultValue?: Record<string, boolean>;
+  onValueChange?: (next: Record<string, boolean>) => void;
+  /** Controlled top-level category shown in the second and third columns. */
+  activeCategoryId?: string;
+  defaultActiveCategoryId?: string;
+  onActiveCategoryIdChange?: (id: string) => void;
+  title?: string;
+  selectAllLabel?: string;
+  readOnly?: boolean;
+  /** Hides the SectionPanel header while retaining the permission grid. */
+  showHeader?: boolean;
+}
+/**
+ * A controlled or uncontrolled three-level role-permission chooser. All hierarchy levels share one
+ * equal-track grid and a readable minimum width; narrow containers scroll the complete matrix instead
+ * of allowing independently sized columns to drift apart.
+ */
+declare const PermissionMatrix: React.ForwardRefExoticComponent<PermissionMatrixProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { PermissionMatrix };
+//# sourceMappingURL=permission-matrix.d.mts.map

package/dist/permission-matrix.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-matrix.d.mts","names":[],"sources":["../src/permission-matrix.tsx"],"mappings":";;YAMY;EACX;EACA;EACA;;YAGW;EACX;EACA;EACA,aAAa;;YAGF;EACX;EACA;EACA,QAAQ;;iBAGQ,8BAA8B,KAAK,MAAM,eAAe;EACxE,YAAY;;EAEZ,QAAQ;;EAER,eAAe;EACf,iBAAiB,MAAM;;EAEvB;EACA;EACA,4BAA4B;EAC5B;EACA;EACA;;EAEA;;;;;;;cAoBK,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA"}

package/dist/permission-matrix.mjs

@@ -0,0 +1,146 @@
+import { Checkbox } from "./checkbox.mjs";
+import { SectionPanel } from "./section-panel.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/permission-matrix.tsx
+function permissionIds(category) {
+	return category.groups.flatMap((group) => group.permissions.map((permission) => permission.id));
+}
+function checkedState(ids, value) {
+	if (ids.length === 0) return false;
+	const checked = ids.filter((id) => value[id]).length;
+	return checked === 0 ? false : checked === ids.length ? true : "indeterminate";
+}
+/**
+* A controlled or uncontrolled three-level role-permission chooser. All hierarchy levels share one
+* equal-track grid and a readable minimum width; narrow containers scroll the complete matrix instead
+* of allowing independently sized columns to drift apart.
+*/
+const PermissionMatrix = React.forwardRef(({ categories, value: controlledValue, defaultValue, onValueChange, activeCategoryId: controlledActiveCategoryId, defaultActiveCategoryId, onActiveCategoryIdChange, title = "Set Up Permissions", selectAllLabel = "Select All", readOnly = false, showHeader = true, className, ...rest }, ref) => {
+	const allIds = React.useMemo(() => categories.flatMap(permissionIds), [categories]);
+	const [internalValue, setInternalValue] = React.useState(defaultValue ?? {});
+	const value = controlledValue ?? internalValue;
+	const fallbackCategoryId = categories[0]?.id ?? "";
+	const [internalActiveCategoryId, setInternalActiveCategoryId] = React.useState(defaultActiveCategoryId ?? fallbackCategoryId);
+	const requestedActiveCategoryId = controlledActiveCategoryId ?? internalActiveCategoryId;
+	const activeCategory = categories.find((category) => category.id === requestedActiveCategoryId) ?? categories[0];
+	const setActiveCategoryId = (id) => {
+		if (controlledActiveCategoryId === void 0) setInternalActiveCategoryId(id);
+		onActiveCategoryIdChange?.(id);
+	};
+	const setMany = (ids, checked) => {
+		const next = { ...value };
+		for (const id of ids) next[id] = checked;
+		if (controlledValue === void 0) setInternalValue(next);
+		onValueChange?.(next);
+	};
+	const selectedCount = allIds.filter((id) => value[id]).length;
+	const matrix = /* @__PURE__ */ jsx("div", {
+		className: "wwc:overflow-x-auto wwc:overscroll-x-contain",
+		"data-core-responsive-group": "permission-matrix-columns",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:grid wwc:min-w-[45rem] wwc:grid-cols-3 wwc:divide-x wwc:divide-border",
+			role: "group",
+			"aria-label": "Permission hierarchy",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "wwc:divide-y wwc:divide-border",
+				"data-core-region": "permission-level-one",
+				children: [/* @__PURE__ */ jsxs("label", {
+					className: "wwc:flex wwc:h-12 wwc:cursor-pointer wwc:items-center wwc:gap-3 wwc:px-4",
+					children: [/* @__PURE__ */ jsx(Checkbox, {
+						checked: checkedState(allIds, value),
+						onCheckedChange: (checked) => setMany(allIds, checked === true),
+						disabled: readOnly || allIds.length === 0,
+						"aria-label": selectAllLabel
+					}), /* @__PURE__ */ jsx("span", {
+						className: "wwc:min-w-0 wwc:truncate wwc:text-sm wwc:font-medium",
+						title: selectAllLabel,
+						children: selectAllLabel
+					})]
+				}), categories.map((category) => {
+					const ids = permissionIds(category);
+					const isActive = category.id === activeCategory?.id;
+					return /* @__PURE__ */ jsxs("div", {
+						className: cn("wwc:flex wwc:h-12 wwc:min-w-0 wwc:items-center wwc:gap-3 wwc:px-4 wwc:transition-colors", isActive ? "wwc:bg-muted wwc:text-foreground" : "wwc:hover:bg-muted/50"),
+						children: [/* @__PURE__ */ jsx(Checkbox, {
+							checked: checkedState(ids, value),
+							onCheckedChange: (checked) => setMany(ids, checked === true),
+							disabled: readOnly || ids.length === 0,
+							"aria-label": `Toggle all ${category.label} permissions`
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => setActiveCategoryId(category.id),
+							className: "wwc:min-w-0 wwc:flex-1 wwc:truncate wwc:text-left wwc:text-sm wwc:font-medium wwc:outline-none wwc:focus-visible:underline wwc:focus-visible:underline-offset-4",
+							"aria-current": isActive ? "true" : void 0,
+							title: category.label,
+							children: category.label
+						})]
+					}, category.id);
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:col-span-2 wwc:flex wwc:min-w-0 wwc:flex-col",
+				children: [activeCategory?.groups.map((group) => {
+					const ids = group.permissions.map((permission) => permission.id);
+					return /* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:grid-cols-2 wwc:divide-x wwc:divide-border wwc:border-b wwc:border-border",
+						children: [/* @__PURE__ */ jsxs("label", {
+							className: "wwc:flex wwc:min-h-12 wwc:min-w-0 wwc:cursor-pointer wwc:items-start wwc:gap-3 wwc:px-4 wwc:py-4 wwc:transition-colors wwc:hover:bg-muted/50",
+							"data-core-region": "permission-level-two",
+							children: [/* @__PURE__ */ jsx(Checkbox, {
+								checked: checkedState(ids, value),
+								onCheckedChange: (checked) => setMany(ids, checked === true),
+								disabled: readOnly || ids.length === 0,
+								"aria-label": `Toggle all ${group.label} permissions`
+							}), /* @__PURE__ */ jsx("span", {
+								className: "wwc:min-w-0 wwc:truncate wwc:text-sm wwc:font-medium",
+								title: group.label,
+								children: group.label
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "wwc:divide-y wwc:divide-border",
+							"data-core-region": "permission-level-three",
+							children: group.permissions.map((permission) => /* @__PURE__ */ jsxs("label", {
+								className: "wwc:flex wwc:h-12 wwc:min-w-0 wwc:cursor-pointer wwc:items-center wwc:gap-3 wwc:px-4 wwc:transition-colors wwc:hover:bg-muted/50",
+								children: [/* @__PURE__ */ jsx(Checkbox, {
+									checked: !!value[permission.id],
+									onCheckedChange: (checked) => setMany([permission.id], checked === true),
+									disabled: readOnly || permission.disabled,
+									"aria-label": permission.label
+								}), /* @__PURE__ */ jsx("span", {
+									className: "wwc:min-w-0 wwc:truncate wwc:text-sm",
+									title: permission.label,
+									children: permission.label
+								})]
+							}, permission.id))
+						})]
+					}, group.id);
+				}), /* @__PURE__ */ jsxs("div", {
+					"aria-hidden": true,
+					className: "wwc:grid wwc:min-h-0 wwc:flex-1 wwc:grid-cols-2 wwc:divide-x wwc:divide-border",
+					children: [/* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx("div", {})]
+				})]
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:min-w-0", className),
+		"data-core-artifact": "permission-matrix",
+		...rest,
+		children: showHeader ? /* @__PURE__ */ jsx(SectionPanel, {
+			title,
+			count: `${selectedCount}/${allIds.length}`,
+			bodyClassName: "wwc:px-0 wwc:pb-0",
+			children: matrix
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "wwc:overflow-hidden wwc:rounded-md wwc:border wwc:border-border",
+			children: matrix
+		})
+	});
+});
+PermissionMatrix.displayName = "PermissionMatrix";
+//#endregion
+export { PermissionMatrix };
+
+//# sourceMappingURL=permission-matrix.mjs.map

package/dist/permission-matrix.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-matrix.mjs","names":[],"sources":["../src/permission-matrix.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {Checkbox} from \"./checkbox\";\nimport {SectionPanel} from \"./section-panel\";\n\nexport type PermissionMatrixPermission = {\n\tid: string;\n\tlabel: string;\n\tdisabled?: boolean;\n};\n\nexport type PermissionMatrixGroup = {\n\tid: string;\n\tlabel: string;\n\tpermissions: PermissionMatrixPermission[];\n};\n\nexport type PermissionMatrixCategory = {\n\tid: string;\n\tlabel: string;\n\tgroups: PermissionMatrixGroup[];\n};\n\nexport interface PermissionMatrixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n\tcategories: PermissionMatrixCategory[];\n\t/** Controlled map of leaf permission ids to their checked state. */\n\tvalue?: Record<string, boolean>;\n\t/** Initial checked state when the widget is uncontrolled. */\n\tdefaultValue?: Record<string, boolean>;\n\tonValueChange?: (next: Record<string, boolean>) => void;\n\t/** Controlled top-level category shown in the second and third columns. */\n\tactiveCategoryId?: string;\n\tdefaultActiveCategoryId?: string;\n\tonActiveCategoryIdChange?: (id: string) => void;\n\ttitle?: string;\n\tselectAllLabel?: string;\n\treadOnly?: boolean;\n\t/** Hides the SectionPanel header while retaining the permission grid. */\n\tshowHeader?: boolean;\n}\n\ntype CheckedState = boolean | \"indeterminate\";\n\nfunction permissionIds(category: PermissionMatrixCategory): string[] {\n\treturn category.groups.flatMap((group) => group.permissions.map((permission) => permission.id));\n}\n\nfunction checkedState(ids: string[], value: Record<string, boolean>): CheckedState {\n\tif (ids.length === 0) return false;\n\tconst checked = ids.filter((id) => value[id]).length;\n\treturn checked === 0 ? false : checked === ids.length ? true : \"indeterminate\";\n}\n\n/**\n * A controlled or uncontrolled three-level role-permission chooser. All hierarchy levels share one\n * equal-track grid and a readable minimum width; narrow containers scroll the complete matrix instead\n * of allowing independently sized columns to drift apart.\n */\nconst PermissionMatrix = React.forwardRef<HTMLDivElement, PermissionMatrixProps>(\n\t(\n\t\t{\n\t\t\tcategories,\n\t\t\tvalue: controlledValue,\n\t\t\tdefaultValue,\n\t\t\tonValueChange,\n\t\t\tactiveCategoryId: controlledActiveCategoryId,\n\t\t\tdefaultActiveCategoryId,\n\t\t\tonActiveCategoryIdChange,\n\t\t\ttitle = \"Set Up Permissions\",\n\t\t\tselectAllLabel = \"Select All\",\n\t\t\treadOnly = false,\n\t\t\tshowHeader = true,\n\t\t\tclassName,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst allIds = React.useMemo(() => categories.flatMap(permissionIds), [categories]);\n\t\tconst [internalValue, setInternalValue] = React.useState<Record<string, boolean>>(defaultValue ?? {});\n\t\tconst value = controlledValue ?? internalValue;\n\n\t\tconst fallbackCategoryId = categories[0]?.id ?? \"\";\n\t\tconst [internalActiveCategoryId, setInternalActiveCategoryId] = React.useState(\n\t\t\tdefaultActiveCategoryId ?? fallbackCategoryId,\n\t\t);\n\t\tconst requestedActiveCategoryId = controlledActiveCategoryId ?? internalActiveCategoryId;\n\t\tconst activeCategory = categories.find((category) => category.id === requestedActiveCategoryId) ?? categories[0];\n\n\t\tconst setActiveCategoryId = (id: string) => {\n\t\t\tif (controlledActiveCategoryId === undefined) setInternalActiveCategoryId(id);\n\t\t\tonActiveCategoryIdChange?.(id);\n\t\t};\n\n\t\tconst setMany = (ids: string[], checked: boolean) => {\n\t\t\tconst next = {...value};\n\t\t\tfor (const id of ids) next[id] = checked;\n\t\t\tif (controlledValue === undefined) setInternalValue(next);\n\t\t\tonValueChange?.(next);\n\t\t};\n\n\t\tconst selectedCount = allIds.filter((id) => value[id]).length;\n\t\tconst matrix = (\n\t\t\t<div\n\t\t\t\tclassName=\"wwc:overflow-x-auto wwc:overscroll-x-contain\"\n\t\t\t\tdata-core-responsive-group=\"permission-matrix-columns\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wwc:grid wwc:min-w-[45rem] wwc:grid-cols-3 wwc:divide-x wwc:divide-border\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\taria-label=\"Permission hierarchy\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"wwc:divide-y wwc:divide-border\" data-core-region=\"permission-level-one\">\n\t\t\t\t\t\t<label className=\"wwc:flex wwc:h-12 wwc:cursor-pointer wwc:items-center wwc:gap-3 wwc:px-4\">\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tchecked={checkedState(allIds, value)}\n\t\t\t\t\t\t\t\tonCheckedChange={(checked) => setMany(allIds, checked === true)}\n\t\t\t\t\t\t\t\tdisabled={readOnly || allIds.length === 0}\n\t\t\t\t\t\t\t\taria-label={selectAllLabel}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:truncate wwc:text-sm wwc:font-medium\" title={selectAllLabel}>\n\t\t\t\t\t\t\t\t{selectAllLabel}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</label>\n\n\t\t\t\t\t\t{categories.map((category) => {\n\t\t\t\t\t\t\tconst ids = permissionIds(category);\n\t\t\t\t\t\t\tconst isActive = category.id === activeCategory?.id;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={category.id}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\"wwc:flex wwc:h-12 wwc:min-w-0 wwc:items-center wwc:gap-3 wwc:px-4 wwc:transition-colors\",\n\t\t\t\t\t\t\t\t\t\tisActive ? \"wwc:bg-muted wwc:text-foreground\" : \"wwc:hover:bg-muted/50\",\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={checkedState(ids, value)}\n\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) => setMany(ids, checked === true)}\n\t\t\t\t\t\t\t\t\t\tdisabled={readOnly || ids.length === 0}\n\t\t\t\t\t\t\t\t\t\taria-label={`Toggle all ${category.label} permissions`}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => setActiveCategoryId(category.id)}\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:min-w-0 wwc:flex-1 wwc:truncate wwc:text-left wwc:text-sm wwc:font-medium wwc:outline-none wwc:focus-visible:underline wwc:focus-visible:underline-offset-4\"\n\t\t\t\t\t\t\t\t\t\taria-current={isActive ? \"true\" : undefined}\n\t\t\t\t\t\t\t\t\t\ttitle={category.label}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{category.label}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"wwc:col-span-2 wwc:flex wwc:min-w-0 wwc:flex-col\">\n\t\t\t\t\t\t{activeCategory?.groups.map((group) => {\n\t\t\t\t\t\t\tconst ids = group.permissions.map((permission) => permission.id);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={group.id}\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:grid wwc:grid-cols-2 wwc:divide-x wwc:divide-border wwc:border-b wwc:border-border\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:min-h-12 wwc:min-w-0 wwc:cursor-pointer wwc:items-start wwc:gap-3 wwc:px-4 wwc:py-4 wwc:transition-colors wwc:hover:bg-muted/50\"\n\t\t\t\t\t\t\t\t\t\tdata-core-region=\"permission-level-two\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\tchecked={checkedState(ids, value)}\n\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) => setMany(ids, checked === true)}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={readOnly || ids.length === 0}\n\t\t\t\t\t\t\t\t\t\t\taria-label={`Toggle all ${group.label} permissions`}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:truncate wwc:text-sm wwc:font-medium\" title={group.label}>\n\t\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</label>\n\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:divide-y wwc:divide-border\" data-core-region=\"permission-level-three\">\n\t\t\t\t\t\t\t\t\t\t{group.permissions.map((permission) => (\n\t\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\t\tkey={permission.id}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:h-12 wwc:min-w-0 wwc:cursor-pointer wwc:items-center wwc:gap-3 wwc:px-4 wwc:transition-colors wwc:hover:bg-muted/50\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!!value[permission.id]}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) => setMany([permission.id], checked === true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={readOnly || permission.disabled}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={permission.label}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:truncate wwc:text-sm\" title={permission.label}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{permission.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t<div aria-hidden className=\"wwc:grid wwc:min-h-0 wwc:flex-1 wwc:grid-cols-2 wwc:divide-x wwc:divide-border\">\n\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:min-w-0\", className)} data-core-artifact=\"permission-matrix\" {...rest}>\n\t\t\t\t{showHeader ? (\n\t\t\t\t\t<SectionPanel title={title} count={`${selectedCount}/${allIds.length}`} bodyClassName=\"wwc:px-0 wwc:pb-0\">\n\t\t\t\t\t\t{matrix}\n\t\t\t\t\t</SectionPanel>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"wwc:overflow-hidden wwc:rounded-md wwc:border wwc:border-border\">{matrix}</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPermissionMatrix.displayName = \"PermissionMatrix\";\n\nexport {PermissionMatrix};\n"],"mappings":"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"}

package/dist/popover.d.mts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region src/popover.d.ts
+/** Displays rich content in a portal, triggered by a button. */
+declare function Popover(props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const PopoverTrigger: typeof PopoverPrimitive.Trigger;
+declare const PopoverAnchor: typeof PopoverPrimitive.Anchor;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+  /**
+   * Where the popover is portalled. Defaults to the enclosing `DialogContent` when there is one and
+   * `document.body` otherwise — see {@link useDialogContainer} for why the dialog case differs.
+   * Pass an element to override that, or `null` to force `document.body` inside a dialog.
+   */
+  container?: HTMLElement | null;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover.d.mts.map

package/dist/popover.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.mts","names":[],"sources":["../src/popover.tsx"],"mappings":";;;;iBAOS,QAAQ,OAAO,MAAM,gCAAgC,iBAAiB,oCAAK,IAAA;cAG9E,uBAAuB,iBAAiB;cACxC,sBAAsB,iBAAiB;iBAE5B,4BAA4B,MAAM,gCAAgC,iBAAiB;;;;;;EAMnG,YAAY;;cAGP,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA"}

package/dist/popover.mjs

@@ -0,0 +1,31 @@
+import { useDialogContainer } from "./dialog.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region src/popover.tsx
+/** Displays rich content in a portal, triggered by a button. */
+function Popover(props) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...props });
+}
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverContent = React.forwardRef(({ className, align = "start", sideOffset = 4, container, ...props }, ref) => {
+	const dialogContainer = useDialogContainer();
+	const target = container === void 0 ? dialogContainer : container;
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
+		container: target ?? void 0,
+		children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+			ref,
+			align,
+			sideOffset,
+			className: cn("wwc:z-50 wwc:w-72 wwc:rounded-md wwc:border wwc:bg-popover wwc:p-4 wwc:text-popover-foreground wwc:shadow-md wwc:outline-none wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0 wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-95 wwc:data-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2", className),
+			...props
+		})
+	});
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+
+//# sourceMappingURL=popover.mjs.map

package/dist/popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.mjs","names":[],"sources":["../src/popover.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as React from \"react\";\n\nimport {useDialogContainer} from \"./dialog\";\n\n/** Displays rich content in a portal, triggered by a button. */\nfunction Popover(props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root {...props} />;\n}\nconst PopoverTrigger: typeof PopoverPrimitive.Trigger = PopoverPrimitive.Trigger;\nconst PopoverAnchor: typeof PopoverPrimitive.Anchor = PopoverPrimitive.Anchor;\n\nexport interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n\t/**\n\t * Where the popover is portalled. Defaults to the enclosing `DialogContent` when there is one and\n\t * `document.body` otherwise — see {@link useDialogContainer} for why the dialog case differs.\n\t * Pass an element to override that, or `null` to force `document.body` inside a dialog.\n\t */\n\tcontainer?: HTMLElement | null;\n}\n\nconst PopoverContent = React.forwardRef<React.ElementRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n\t({className, align = \"start\", sideOffset = 4, container, ...props}, ref) => {\n\t\tconst dialogContainer = useDialogContainer();\n\t\t// `undefined` means \"not specified\" and falls back to the dialog; `null` is an explicit opt-out.\n\t\tconst target = container === undefined ? dialogContainer : container;\n\t\treturn (\n\t\t\t<PopoverPrimitive.Portal container={target ?? undefined}>\n\t\t\t\t<PopoverPrimitive.Content\n\t\t\t\t\tref={ref}\n\t\t\t\t\talign={align}\n\t\t\t\t\tsideOffset={sideOffset}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:z-50 wwc:w-72 wwc:rounded-md wwc:border wwc:bg-popover wwc:p-4 wwc:text-popover-foreground wwc:shadow-md wwc:outline-none wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0 wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-95 wwc:data-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t</PopoverPrimitive.Portal>\n\t\t);\n\t},\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport {Popover, PopoverTrigger, PopoverContent, PopoverAnchor};\n"],"mappings":";;;;;;;AAOA,SAAS,QAAQ,OAAqE;CACrF,OAAO,oBAAC,iBAAiB,MAAlB,EAAuB,GAAI,MAAQ,CAAA;AAC3C;AACA,MAAM,iBAAkD,iBAAiB;AACzE,MAAM,gBAAgD,iBAAiB;AAWvE,MAAM,iBAAiB,MAAM,YAC3B,EAAC,WAAW,QAAQ,SAAS,aAAa,GAAG,WAAW,GAAG,SAAQ,QAAQ;CAC3E,MAAM,kBAAkB,mBAAmB;CAE3C,MAAM,SAAS,cAAc,KAAA,IAAY,kBAAkB;CAC3D,OACC,oBAAC,iBAAiB,QAAlB;EAAyB,WAAW,UAAU,KAAA;EAC7C,UAAA,oBAAC,iBAAiB,SAAlB;GACM;GACE;GACK;GACZ,WAAW,GACV,0fACA,SACD;GACA,GAAI;EACJ,CAAA;CACuB,CAAA;AAE3B,CACD;AACA,eAAe,cAAc,iBAAiB,QAAQ"}