@zentauri-ui/zentauri-components 1.8.0 → 1.8.2

package/dist/{chunk-G66SXATZ.js → chunk-IL4LH2XX.js}

@@ -198,11 +198,12 @@ function TableRow({
   children,
   ref,
   as: Wrapper = "tr",
+  rowAnimation: _rowAnimation,
   ...rest
 }) {
   const { appearance } = useTableContext("TableRow");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "tr",
+    Wrapper,
     {
       ref,
       "data-slot": "table-row",
@@ -217,22 +218,67 @@ function TableHead({
   className,
   children,
   scope = "col",
+  sortKey,
   sortDirection,
+  onSortChange,
+  onClick,
+  onKeyDown,
+  tabIndex,
   ref,
   ...rest
 }) {
   const { appearance, size, textAlign } = useTableContext("TableHead");
+  const isSortable = Boolean(sortKey && onSortChange);
+  const sortableDirection = sortDirection ?? "none";
+  const handleSort = react.useCallback(() => {
+    if (!sortKey || !onSortChange) {
+      return;
+    }
+    const nextDirection = sortableDirection === "ascending" ? "descending" : sortableDirection === "descending" ? "none" : "ascending";
+    onSortChange({
+      sortKey,
+      sortDirection: nextDirection
+    });
+  }, [onSortChange, sortKey, sortableDirection]);
+  const handleClick = react.useCallback(
+    (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented) {
+        handleSort();
+      }
+    },
+    [handleSort, onClick]
+  );
+  const handleKeyDown = react.useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || !isSortable) {
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleSort();
+      }
+    },
+    [handleSort, isSortable, onKeyDown]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "th",
     {
       ref,
       "data-slot": "table-head",
       scope,
-      "aria-sort": sortDirection,
+      "aria-sort": isSortable ? sortableDirection : sortDirection,
+      "data-sort-key": sortKey,
+      "data-sort-direction": sortDirection,
+      tabIndex: isSortable ? tabIndex ?? 0 : tabIndex,
       className: chunkZS5756ZC_js.cn(
         tableCellVariants({ appearance, size, textAlign }),
+        isSortable && "cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
         className
       ),
+      onClick: isSortable ? handleClick : onClick,
+      onKeyDown: isSortable ? handleKeyDown : onKeyDown,
       ...rest,
       children
     }
@@ -292,5 +338,5 @@ exports.tableCellVariants = tableCellVariants;
 exports.tableRowVariants = tableRowVariants;
 exports.tableVariants = tableVariants;
 exports.useTableContext = useTableContext;
-//# sourceMappingURL=chunk-G66SXATZ.js.map
-//# sourceMappingURL=chunk-G66SXATZ.js.map
+//# sourceMappingURL=chunk-IL4LH2XX.js.map
+//# sourceMappingURL=chunk-IL4LH2XX.js.map

package/dist/chunk-IL4LH2XX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/table.ts","../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn","useCallback"],"mappings":"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","file":"chunk-IL4LH2XX.js","sourcesContent":["export const zuiTableBase =\n  \"w-full table-auto border-collapse caption-bottom text-sm text-[color:var(--zui-table-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-table-fg-dark,oklch(92.9%_0.013_255.508))] md:table-fixed\";\n\nexport const zuiTableAppearances = {\n  default: \"\",\n  striped: \"\",\n  bordered:\n    \"border border-[color:var(--zui-table-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-bordered-border-dark,#ffffff1a)]\",\n  ghost: \"\",\n  sky: \"border border-[color:var(--zui-table-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"border border-[color:var(--zui-table-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"border border-[color:var(--zui-table-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"border border-[color:var(--zui-table-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"border border-[color:var(--zui-table-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"border border-[color:var(--zui-table-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"border border-[color:var(--zui-table-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-teal-border-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"border border-[color:var(--zui-table-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"border border-[color:var(--zui-table-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"border border-[color:var(--zui-table-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-gray-border-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"border border-[color:var(--zui-table-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-amber-border-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"border border-[color:var(--zui-table-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-violet-border-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiTableSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTableStickyHeader = {\n  true: \"\",\n  false: \"\",\n} as const;\n\nexport const zuiTableRowBase =\n  \"border-b border-[color:var(--zui-table-row-border,#0000000d)] dark:border-[color:var(--zui-table-row-border-dark,#ffffff0d)] transition-colors data-[state=selected]:bg-[var(--zui-table-row-bg-selected,#0000000f)] dark:data-[state=selected]:bg-[var(--zui-table-row-bg-selected-dark,#ffffff0f)]\";\n\nexport const zuiTableRowAppearances = {\n  default: \"\",\n  striped:\n    \"odd:bg-[var(--zui-table-row-striped-bg,#00000008)] dark:odd:bg-[var(--zui-table-row-striped-bg-dark,#ffffff08)]\",\n  bordered: \"\",\n  ghost:\n    \"border-[color:var(--zui-table-row-ghost-border,transparent)] dark:border-[color:var(--zui-table-row-ghost-border-dark,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,#00000008)] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,#ffffff08)]\",\n  sky: \"border-[color:var(--zui-table-row-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-row-sky-border-dark,oklch(58.8%_0.158_241.966))] hover:bg-[var(--zui-table-row-sky-bg-hover,oklch(44.3%_0.11_240.79))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,oklch(58.8%_0.158_241.966))] hover:text-[color:var(--zui-table-row-sky-fg-hover,oklch(95.1%_0.026_236.824))] dark:hover:text-[color:var(--zui-table-row-sky-fg-hover-dark,oklch(95.1%_0.026_236.824))]\",\n  rose: \"border-[color:var(--zui-table-row-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-row-rose-border-dark,oklch(58.6%_0.253_17.585))] hover:bg-[var(--zui-table-row-rose-bg-hover,oklch(64.5%_0.246_16.439))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,oklch(41%_0.159_10.272))] hover:text-[color:var(--zui-table-row-rose-fg-hover,oklch(94.1%_0.03_12.58))] dark:hover:text-[color:var(--zui-table-row-rose-fg-hover-dark,oklch(94.1%_0.03_12.58))]\",\n  purple:\n    \"border-[color:var(--zui-table-row-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-row-purple-border-dark,oklch(55.8%_0.288_302.321))] hover:bg-[var(--zui-table-row-purple-bg-hover,oklch(62.7%_0.265_303.9))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,oklch(38.1%_0.176_304.987))] hover:text-[color:var(--zui-table-row-purple-fg-hover,oklch(94.6%_0.033_307.174))] dark:hover:text-[color:var(--zui-table-row-purple-fg-hover-dark,oklch(94.6%_0.033_307.174))]\",\n  pink: \"border-[color:var(--zui-table-row-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-row-pink-border-dark,oklch(59.2%_0.249_0.584))] hover:bg-[var(--zui-table-row-pink-bg-hover,oklch(65.6%_0.241_354.308))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,oklch(40.8%_0.153_2.432))] hover:text-[color:var(--zui-table-row-pink-fg-hover,oklch(94.8%_0.028_342.258))] dark:hover:text-[color:var(--zui-table-row-pink-fg-hover-dark,oklch(94.8%_0.028_342.258))]\",\n  orange:\n    \"border-[color:var(--zui-table-row-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-row-orange-border-dark,oklch(64.6%_0.222_41.116))] hover:bg-[var(--zui-table-row-orange-bg-hover,oklch(70.5%_0.213_47.604))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,oklch(40.8%_0.123_38.172))] hover:text-[color:var(--zui-table-row-orange-fg-hover,oklch(95.4%_0.038_75.164))] dark:hover:text-[color:var(--zui-table-row-orange-fg-hover-dark,oklch(95.4%_0.038_75.164))]\",\n  yellow:\n    \"border-[color:var(--zui-table-row-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-row-yellow-border-dark,oklch(68.1%_0.162_75.834))] hover:bg-[var(--zui-table-row-yellow-bg-hover,oklch(79.5%_0.184_86.047))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,oklch(42.1%_0.095_57.708))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,oklch(97.3%_0.071_103.193))] dark:hover:text-[color:var(--zui-table-row-yellow-fg-hover-dark,oklch(97.3%_0.071_103.193))]\",\n  teal: \"border-[color:var(--zui-table-row-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-row-teal-border-dark,oklch(60%_0.118_184.704))] hover:bg-[var(--zui-table-row-teal-bg-hover,oklch(70.4%_0.14_182.503))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,oklch(38.6%_0.063_188.416))] hover:text-[color:var(--zui-table-row-teal-fg-hover,oklch(95.3%_0.051_180.801))] dark:hover:text-[color:var(--zui-table-row-teal-fg-hover-dark,oklch(95.3%_0.051_180.801))]\",\n  indigo:\n    \"border-[color:var(--zui-table-row-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-row-indigo-border-dark,oklch(51.1%_0.262_276.966))] hover:bg-[var(--zui-table-row-indigo-bg-hover,oklch(58.5%_0.233_277.117))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,oklch(35.9%_0.144_278.697))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,oklch(93%_0.034_272.788))] dark:hover:text-[color:var(--zui-table-row-indigo-fg-hover-dark,oklch(93%_0.034_272.788))]\",\n  emerald:\n    \"border-[color:var(--zui-table-row-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-row-emerald-border-dark,oklch(59.6%_0.145_163.225))] hover:bg-[var(--zui-table-row-emerald-bg-hover,oklch(69.6%_0.17_162.48))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,oklch(37.8%_0.077_168.94))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,oklch(95%_0.052_163.051))] dark:hover:text-[color:var(--zui-table-row-emerald-fg-hover-dark,oklch(95%_0.052_163.051))]\",\n  gray: \"border-[color:var(--zui-table-row-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-row-gray-border-dark,oklch(44.6%_0.03_256.802))] hover:bg-[var(--zui-table-row-gray-bg-hover,oklch(55.1%_0.027_264.364))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,oklch(21%_0.034_264.665))] hover:text-[color:var(--zui-table-row-gray-fg-hover,oklch(96.7%_0.003_264.542))] dark:hover:text-[color:var(--zui-table-row-gray-fg-hover-dark,oklch(96.7%_0.003_264.542))]\",\n  amber:\n    \"border-[color:var(--zui-table-row-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-row-amber-border-dark,oklch(66.6%_0.179_58.318))] hover:bg-[var(--zui-table-row-amber-bg-hover,oklch(76.9%_0.188_70.08))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,oklch(41.4%_0.112_45.904))] hover:text-[color:var(--zui-table-row-amber-fg-hover,oklch(96.2%_0.059_95.617))] dark:hover:text-[color:var(--zui-table-row-amber-fg-hover-dark,oklch(96.2%_0.059_95.617))]\",\n  violet:\n    \"border-[color:var(--zui-table-row-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-row-violet-border-dark,oklch(54.1%_0.281_293.009))] hover:bg-[var(--zui-table-row-violet-bg-hover,oklch(60.6%_0.25_292.717))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,oklch(38%_0.189_293.745))] hover:text-[color:var(--zui-table-row-violet-fg-hover,oklch(94.3%_0.029_294.588))] dark:hover:text-[color:var(--zui-table-row-violet-fg-hover-dark,oklch(94.3%_0.029_294.588))]\",\n} as const;\n\nexport const zuiTableCellBase = \"min-w-0 border p-3 align-middle break-words\";\n\nexport const zuiTableCellAppearances = {\n  default:\n    \"border-[color:var(--zui-table-cell-default-border,#0000001a)] dark:border-[color:var(--zui-table-cell-default-border-dark,#ffffff1a)]\",\n  striped:\n    \"border-[color:var(--zui-table-cell-striped-border,#0000001a)] dark:border-[color:var(--zui-table-cell-striped-border-dark,#ffffff1a)]\",\n  bordered:\n    \"border-[color:var(--zui-table-cell-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-cell-bordered-border-dark,#ffffff1a)]\",\n  ghost:\n    \"border-[color:var(--zui-table-cell-ghost-border,#0000001a)] dark:border-[color:var(--zui-table-cell-ghost-border-dark,#ffffff1a)]\",\n  sky: \"border-[color:var(--zui-table-cell-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-cell-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"border-[color:var(--zui-table-cell-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-cell-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"border-[color:var(--zui-table-cell-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-cell-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"border-[color:var(--zui-table-cell-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-cell-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"border-[color:var(--zui-table-cell-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-cell-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"border-[color:var(--zui-table-cell-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-cell-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"border-[color:var(--zui-table-cell-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-cell-teal-border-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"border-[color:var(--zui-table-cell-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-cell-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"border-[color:var(--zui-table-cell-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-cell-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"border-[color:var(--zui-table-cell-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-cell-gray-border-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"border-[color:var(--zui-table-cell-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-cell-amber-border-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"border-[color:var(--zui-table-cell-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-cell-violet-border-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiTableCellSizes = {\n  sm: \"p-2\",\n  md: \"p-3\",\n  lg: \"p-4\",\n} as const;\n\nexport const zuiTableTextAlignments = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTableAppearances,\n  zuiTableBase,\n  zuiTableCellAppearances,\n  zuiTableCellBase,\n  zuiTableCellSizes,\n  zuiTableRowAppearances,\n  zuiTableRowBase,\n  zuiTableSizes,\n  zuiTableStickyHeader,\n  zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n  variants: {\n    appearance: zuiTableAppearances,\n    size: zuiTableSizes,\n    stickyHeader: zuiTableStickyHeader,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    stickyHeader: false,\n  },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n  variants: {\n    appearance: zuiTableRowAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n  variants: {\n    appearance: zuiTableCellAppearances,\n    size: zuiTableCellSizes,\n    textAlign: zuiTableTextAlignments,\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n  TableSortDirection,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  rowAnimation: _rowAnimation,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortKey,\n  sortDirection,\n  onSortChange,\n  onClick,\n  onKeyDown,\n  tabIndex,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  const isSortable = Boolean(sortKey && onSortChange);\n  const sortableDirection: TableSortDirection = sortDirection ?? \"none\";\n\n  const handleSort = useCallback(() => {\n    if (!sortKey || !onSortChange) {\n      return;\n    }\n\n    const nextDirection: TableSortDirection =\n      sortableDirection === \"ascending\"\n        ? \"descending\"\n        : sortableDirection === \"descending\"\n          ? \"none\"\n          : \"ascending\";\n\n    onSortChange({\n      sortKey,\n      sortDirection: nextDirection,\n    });\n  }, [onSortChange, sortKey, sortableDirection]);\n\n  const handleClick = useCallback<NonNullable<TableHeadCellProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        handleSort();\n      }\n    },\n    [handleSort, onClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLTableCellElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isSortable) {\n        return;\n      }\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        handleSort();\n      }\n    },\n    [handleSort, isSortable, onKeyDown],\n  );\n\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={isSortable ? sortableDirection : sortDirection}\n      data-sort-key={sortKey}\n      data-sort-direction={sortDirection}\n      tabIndex={isSortable ? (tabIndex ?? 0) : tabIndex}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        isSortable &&\n          \"cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={isSortable ? handleClick : onClick}\n      onKeyDown={isSortable ? handleKeyDown : onKeyDown}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}

package/dist/chunk-LREMK2XR.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var chunkPWPMKXEG_js = require('./chunk-PWPMKXEG.js');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+function BarChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = chunkPWPMKXEG_js.defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  stacked = false,
+  style,
+  syncId,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkPWPMKXEG_js.ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkPWPMKXEG_js.ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.XAxis,
+                {
+                  dataKey: xAxisKey,
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.YAxis,
+                {
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = chunkPWPMKXEG_js.resolveColor(item.color, index);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Bar,
+            {
+              dataKey: item.dataKey,
+              name: item.name,
+              stackId: stacked ? item.stackId ?? "stack" : item.stackId,
+              fill: item.fill ?? color.stroke,
+              radius: [6, 6, 0, 0],
+              stroke: item.stroke ?? color.stroke
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+BarChart.displayName = "BarChart";
+
+exports.BarChart = BarChart;
+//# sourceMappingURL=chunk-LREMK2XR.js.map
+//# sourceMappingURL=chunk-LREMK2XR.js.map

package/dist/chunk-LREMK2XR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/bar/Bar.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsBarChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Bar"],"mappings":";;;;;;AAYO,SAAS,QAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAASA,mCAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,OAAA,GAAU,KAAA;AAAA,EACV,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAC,eAAA,CAACC,iBAAA,EAAA,EAAiB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC5C,QAAA,EAAA;AAAA,wBAAAH,cAAA;AAAA,UAACI,gCAAA;AAAA,UAAA;AAAA,YACC,sBACEF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAAL,cAAA;AAAA,gBAACM,cAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACAN,cAAA;AAAA,gBAACO,cAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQC,6BAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACER,cAAA;AAAA,YAACS,YAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,OAAA,EAAS,OAAA,GAAW,IAAA,CAAK,OAAA,IAAW,UAAW,IAAA,CAAK,OAAA;AAAA,cACpD,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,KAAA,CAAM,MAAA;AAAA,cACzB,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,cACnB,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM;AAAA,aAAA;AAAA,YANxB,IAAA,CAAK;AAAA,WAOZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-LREMK2XR.js","sourcesContent":["\"use client\";\n\nimport { Bar, BarChart as RechartsBarChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BarChartProps } from \"../shared/types\";\n\nexport function BarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stacked = false,\n  style,\n  syncId,\n  xKey,\n  ...props\n}: BarChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsBarChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n              />\n            </>\n          }\n          showGrid={showGrid}\n          showLegend={showLegend}\n          showTooltip={showTooltip}\n          tooltipColor={tooltipColor}\n        />\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          return (\n            <Bar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              fill={item.fill ?? color.stroke}\n              radius={[6, 6, 0, 0]}\n              stroke={item.stroke ?? color.stroke}\n            />\n          );\n        })}\n      </RechartsBarChart>\n    </ChartFrame>\n  );\n}\n\nBarChart.displayName = \"BarChart\";\n"]}

package/dist/chunk-O2KM3ETC.mjs

@@ -0,0 +1,95 @@
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from './chunk-HZIRD3SR.mjs';
+import { BarChart as BarChart$1, XAxis, YAxis, Bar } from 'recharts';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function BarChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  stacked = false,
+  style,
+  syncId,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(BarChart$1, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsx(
+          ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                XAxis,
+                {
+                  dataKey: xAxisKey,
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                YAxis,
+                {
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = resolveColor(item.color, index);
+          return /* @__PURE__ */ jsx(
+            Bar,
+            {
+              dataKey: item.dataKey,
+              name: item.name,
+              stackId: stacked ? item.stackId ?? "stack" : item.stackId,
+              fill: item.fill ?? color.stroke,
+              radius: [6, 6, 0, 0],
+              stroke: item.stroke ?? color.stroke
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+BarChart.displayName = "BarChart";
+
+export { BarChart };
+//# sourceMappingURL=chunk-O2KM3ETC.mjs.map
+//# sourceMappingURL=chunk-O2KM3ETC.mjs.map

package/dist/chunk-O2KM3ETC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/bar/Bar.tsx"],"names":["RechartsBarChart"],"mappings":";;;;AAYO,SAAS,QAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAAS,kBAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,OAAA,GAAU,KAAA;AAAA,EACV,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAACA,UAAA,EAAA,EAAiB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC5C,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,sBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,OAAA,EAAS,OAAA,GAAW,IAAA,CAAK,OAAA,IAAW,UAAW,IAAA,CAAK,OAAA;AAAA,cACpD,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,KAAA,CAAM,MAAA;AAAA,cACzB,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,cACnB,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM;AAAA,aAAA;AAAA,YANxB,IAAA,CAAK;AAAA,WAOZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-O2KM3ETC.mjs","sourcesContent":["\"use client\";\n\nimport { Bar, BarChart as RechartsBarChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BarChartProps } from \"../shared/types\";\n\nexport function BarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stacked = false,\n  style,\n  syncId,\n  xKey,\n  ...props\n}: BarChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsBarChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n              />\n            </>\n          }\n          showGrid={showGrid}\n          showLegend={showLegend}\n          showTooltip={showTooltip}\n          tooltipColor={tooltipColor}\n        />\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          return (\n            <Bar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              fill={item.fill ?? color.stroke}\n              radius={[6, 6, 0, 0]}\n              stroke={item.stroke ?? color.stroke}\n            />\n          );\n        })}\n      </RechartsBarChart>\n    </ChartFrame>\n  );\n}\n\nBarChart.displayName = \"BarChart\";\n"]}

package/dist/chunk-ODBG4Y6R.mjs

@@ -0,0 +1,48 @@
+import { useState, useRef, useCallback } from 'react';
+
+// src/hooks/useClipboard/useClipboard.ts
+function useClipboard(resetDelay = 2e3) {
+  const [copied, setCopied] = useState(false);
+  const [error, setError] = useState(void 0);
+  const timeoutRef = useRef(
+    void 0
+  );
+  const reset = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = void 0;
+    }
+    setCopied(false);
+    setError(void 0);
+  }, []);
+  const copy = useCallback(
+    async (text) => {
+      reset();
+      if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+        const err = new Error("Clipboard API is not available");
+        setError(err);
+        return false;
+      }
+      try {
+        await navigator.clipboard.writeText(text);
+        setCopied(true);
+        if (resetDelay > 0) {
+          timeoutRef.current = setTimeout(() => {
+            setCopied(false);
+          }, resetDelay);
+        }
+        return true;
+      } catch (cause) {
+        const err = cause instanceof Error ? cause : new Error(String(cause));
+        setError(err);
+        return false;
+      }
+    },
+    [reset, resetDelay]
+  );
+  return { copied, error, copy, reset };
+}
+
+export { useClipboard };
+//# sourceMappingURL=chunk-ODBG4Y6R.mjs.map
+//# sourceMappingURL=chunk-ODBG4Y6R.mjs.map

package/dist/chunk-ODBG4Y6R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useClipboard/useClipboard.ts"],"names":[],"mappings":";;;AAwBO,SAAS,YAAA,CAAa,aAAa,GAAA,EAA0B;AAClE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAA4B,MAAS,CAAA;AAC/D,EAAA,MAAM,UAAA,GAAa,MAAA;AAAA,IACjB;AAAA,GACF;AAEA,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAC/B,MAAA,UAAA,CAAW,OAAA,GAAU,MAAA;AAAA,IACvB;AACA,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,QAAA,CAAS,MAAS,CAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,IAAA,GAAO,WAAA;AAAA,IACX,OAAO,IAAA,KAAiB;AACtB,MAAA,KAAA,EAAM;AACN,MAAA,IAAI,OAAO,SAAA,KAAc,WAAA,IAAe,CAAC,SAAA,CAAU,WAAW,SAAA,EAAW;AACvE,QAAA,MAAM,GAAA,GAAM,IAAI,KAAA,CAAM,gCAAgC,CAAA;AACtD,QAAA,QAAA,CAAS,GAAG,CAAA;AACZ,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,IAAI,CAAA;AACxC,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,IAAI,aAAa,CAAA,EAAG;AAClB,UAAA,UAAA,CAAW,OAAA,GAAU,WAAW,MAAM;AACpC,YAAA,SAAA,CAAU,KAAK,CAAA;AAAA,UACjB,GAAG,UAAU,CAAA;AAAA,QACf;AACA,QAAA,OAAO,IAAA;AAAA,MACT,SAAS,KAAA,EAAO;AACd,QAAA,MAAM,GAAA,GAAM,iBAAiB,KAAA,GAAQ,KAAA,GAAQ,IAAI,KAAA,CAAM,MAAA,CAAO,KAAK,CAAC,CAAA;AACpE,QAAA,QAAA,CAAS,GAAG,CAAA;AACZ,QAAA,OAAO,KAAA;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,CAAC,OAAO,UAAU;AAAA,GACpB;AAEA,EAAA,OAAO,EAAE,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,KAAA,EAAM;AACtC","file":"chunk-ODBG4Y6R.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useRef, useState } from \"react\";\n\nexport type UseClipboardResult = {\n  /** `true` after a successful `copy` until the reset delay elapses or `reset` is called. */\n  copied: boolean;\n  /** Set when the Clipboard API is missing or `writeText` rejects (e.g. permission denied). */\n  error: Error | undefined;\n  /** Writes `text` via `navigator.clipboard.writeText`; returns whether the write succeeded. */\n  copy: (text: string) => Promise<boolean>;\n  /** Clears `copied`/`error` and cancels any pending auto-reset timeout. */\n  reset: () => void;\n};\n\n/**\n * Wraps the async Clipboard API with React state for UX feedback (“Copied!”) and error surfacing.\n *\n * After a successful copy, `copied` flips to `true` for `resetDelay` ms (or stays true if `resetDelay` is 0).\n * SSR-safe: `copy` resolves `false` with an error when `navigator.clipboard` is unavailable.\n *\n * @param resetDelay - Milliseconds before `copied` auto-clears after success; `0` disables auto-clear.\n * @returns `{ copied, error, copy, reset }` for rendering and handlers.\n */\nexport function useClipboard(resetDelay = 2000): UseClipboardResult {\n  const [copied, setCopied] = useState(false);\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\n\n  const reset = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = undefined;\n    }\n    setCopied(false);\n    setError(undefined);\n  }, []);\n\n  const copy = useCallback(\n    async (text: string) => {\n      reset();\n      if (typeof navigator === \"undefined\" || !navigator.clipboard?.writeText) {\n        const err = new Error(\"Clipboard API is not available\");\n        setError(err);\n        return false;\n      }\n      try {\n        await navigator.clipboard.writeText(text);\n        setCopied(true);\n        if (resetDelay > 0) {\n          timeoutRef.current = setTimeout(() => {\n            setCopied(false);\n          }, resetDelay);\n        }\n        return true;\n      } catch (cause) {\n        const err = cause instanceof Error ? cause : new Error(String(cause));\n        setError(err);\n        return false;\n      }\n    },\n    [reset, resetDelay],\n  );\n\n  return { copied, error, copy, reset };\n}\n"]}

package/dist/{chunk-ZIFMIS7D.mjs → chunk-OL3BJSRC.mjs}

@@ -1,6 +1,6 @@
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
-import { createContext, useContext, useMemo } from 'react';
+import { createContext, useContext, useMemo, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/design-system/table.ts
@@ -196,11 +196,12 @@ function TableRow({
   children,
   ref,
   as: Wrapper = "tr",
+  rowAnimation: _rowAnimation,
   ...rest
 }) {
   const { appearance } = useTableContext("TableRow");
   return /* @__PURE__ */ jsx(
-    "tr",
+    Wrapper,
     {
       ref,
       "data-slot": "table-row",
@@ -215,22 +216,67 @@ function TableHead({
   className,
   children,
   scope = "col",
+  sortKey,
   sortDirection,
+  onSortChange,
+  onClick,
+  onKeyDown,
+  tabIndex,
   ref,
   ...rest
 }) {
   const { appearance, size, textAlign } = useTableContext("TableHead");
+  const isSortable = Boolean(sortKey && onSortChange);
+  const sortableDirection = sortDirection ?? "none";
+  const handleSort = useCallback(() => {
+    if (!sortKey || !onSortChange) {
+      return;
+    }
+    const nextDirection = sortableDirection === "ascending" ? "descending" : sortableDirection === "descending" ? "none" : "ascending";
+    onSortChange({
+      sortKey,
+      sortDirection: nextDirection
+    });
+  }, [onSortChange, sortKey, sortableDirection]);
+  const handleClick = useCallback(
+    (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented) {
+        handleSort();
+      }
+    },
+    [handleSort, onClick]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || !isSortable) {
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleSort();
+      }
+    },
+    [handleSort, isSortable, onKeyDown]
+  );
   return /* @__PURE__ */ jsx(
     "th",
     {
       ref,
       "data-slot": "table-head",
       scope,
-      "aria-sort": sortDirection,
+      "aria-sort": isSortable ? sortableDirection : sortDirection,
+      "data-sort-key": sortKey,
+      "data-sort-direction": sortDirection,
+      tabIndex: isSortable ? tabIndex ?? 0 : tabIndex,
       className: cn(
         tableCellVariants({ appearance, size, textAlign }),
+        isSortable && "cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
         className
       ),
+      onClick: isSortable ? handleClick : onClick,
+      onKeyDown: isSortable ? handleKeyDown : onKeyDown,
       ...rest,
       children
     }
@@ -278,5 +324,5 @@ function TableCaption({ className, children }) {
 TableCaption.displayName = "TableCaption";
 
 export { TableBase, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext };
-//# sourceMappingURL=chunk-ZIFMIS7D.mjs.map
-//# sourceMappingURL=chunk-ZIFMIS7D.mjs.map
+//# sourceMappingURL=chunk-OL3BJSRC.mjs.map
+//# sourceMappingURL=chunk-OL3BJSRC.mjs.map

package/dist/chunk-OL3BJSRC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/table.ts","../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":[],"mappings":"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","file":"chunk-OL3BJSRC.mjs","sourcesContent":["export const zuiTableBase =\n  \"w-full table-auto border-collapse caption-bottom text-sm text-[color:var(--zui-table-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-table-fg-dark,oklch(92.9%_0.013_255.508))] md:table-fixed\";\n\nexport const zuiTableAppearances = {\n  default: \"\",\n  striped: \"\",\n  bordered:\n    \"border border-[color:var(--zui-table-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-bordered-border-dark,#ffffff1a)]\",\n  ghost: \"\",\n  sky: \"border border-[color:var(--zui-table-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"border border-[color:var(--zui-table-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"border border-[color:var(--zui-table-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"border border-[color:var(--zui-table-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"border border-[color:var(--zui-table-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"border border-[color:var(--zui-table-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"border border-[color:var(--zui-table-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-teal-border-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"border border-[color:var(--zui-table-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"border border-[color:var(--zui-table-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"border border-[color:var(--zui-table-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-gray-border-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"border border-[color:var(--zui-table-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-amber-border-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"border border-[color:var(--zui-table-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-violet-border-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiTableSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTableStickyHeader = {\n  true: \"\",\n  false: \"\",\n} as const;\n\nexport const zuiTableRowBase =\n  \"border-b border-[color:var(--zui-table-row-border,#0000000d)] dark:border-[color:var(--zui-table-row-border-dark,#ffffff0d)] transition-colors data-[state=selected]:bg-[var(--zui-table-row-bg-selected,#0000000f)] dark:data-[state=selected]:bg-[var(--zui-table-row-bg-selected-dark,#ffffff0f)]\";\n\nexport const zuiTableRowAppearances = {\n  default: \"\",\n  striped:\n    \"odd:bg-[var(--zui-table-row-striped-bg,#00000008)] dark:odd:bg-[var(--zui-table-row-striped-bg-dark,#ffffff08)]\",\n  bordered: \"\",\n  ghost:\n    \"border-[color:var(--zui-table-row-ghost-border,transparent)] dark:border-[color:var(--zui-table-row-ghost-border-dark,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,#00000008)] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,#ffffff08)]\",\n  sky: \"border-[color:var(--zui-table-row-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-row-sky-border-dark,oklch(58.8%_0.158_241.966))] hover:bg-[var(--zui-table-row-sky-bg-hover,oklch(44.3%_0.11_240.79))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,oklch(58.8%_0.158_241.966))] hover:text-[color:var(--zui-table-row-sky-fg-hover,oklch(95.1%_0.026_236.824))] dark:hover:text-[color:var(--zui-table-row-sky-fg-hover-dark,oklch(95.1%_0.026_236.824))]\",\n  rose: \"border-[color:var(--zui-table-row-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-row-rose-border-dark,oklch(58.6%_0.253_17.585))] hover:bg-[var(--zui-table-row-rose-bg-hover,oklch(64.5%_0.246_16.439))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,oklch(41%_0.159_10.272))] hover:text-[color:var(--zui-table-row-rose-fg-hover,oklch(94.1%_0.03_12.58))] dark:hover:text-[color:var(--zui-table-row-rose-fg-hover-dark,oklch(94.1%_0.03_12.58))]\",\n  purple:\n    \"border-[color:var(--zui-table-row-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-row-purple-border-dark,oklch(55.8%_0.288_302.321))] hover:bg-[var(--zui-table-row-purple-bg-hover,oklch(62.7%_0.265_303.9))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,oklch(38.1%_0.176_304.987))] hover:text-[color:var(--zui-table-row-purple-fg-hover,oklch(94.6%_0.033_307.174))] dark:hover:text-[color:var(--zui-table-row-purple-fg-hover-dark,oklch(94.6%_0.033_307.174))]\",\n  pink: \"border-[color:var(--zui-table-row-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-row-pink-border-dark,oklch(59.2%_0.249_0.584))] hover:bg-[var(--zui-table-row-pink-bg-hover,oklch(65.6%_0.241_354.308))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,oklch(40.8%_0.153_2.432))] hover:text-[color:var(--zui-table-row-pink-fg-hover,oklch(94.8%_0.028_342.258))] dark:hover:text-[color:var(--zui-table-row-pink-fg-hover-dark,oklch(94.8%_0.028_342.258))]\",\n  orange:\n    \"border-[color:var(--zui-table-row-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-row-orange-border-dark,oklch(64.6%_0.222_41.116))] hover:bg-[var(--zui-table-row-orange-bg-hover,oklch(70.5%_0.213_47.604))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,oklch(40.8%_0.123_38.172))] hover:text-[color:var(--zui-table-row-orange-fg-hover,oklch(95.4%_0.038_75.164))] dark:hover:text-[color:var(--zui-table-row-orange-fg-hover-dark,oklch(95.4%_0.038_75.164))]\",\n  yellow:\n    \"border-[color:var(--zui-table-row-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-row-yellow-border-dark,oklch(68.1%_0.162_75.834))] hover:bg-[var(--zui-table-row-yellow-bg-hover,oklch(79.5%_0.184_86.047))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,oklch(42.1%_0.095_57.708))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,oklch(97.3%_0.071_103.193))] dark:hover:text-[color:var(--zui-table-row-yellow-fg-hover-dark,oklch(97.3%_0.071_103.193))]\",\n  teal: \"border-[color:var(--zui-table-row-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-row-teal-border-dark,oklch(60%_0.118_184.704))] hover:bg-[var(--zui-table-row-teal-bg-hover,oklch(70.4%_0.14_182.503))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,oklch(38.6%_0.063_188.416))] hover:text-[color:var(--zui-table-row-teal-fg-hover,oklch(95.3%_0.051_180.801))] dark:hover:text-[color:var(--zui-table-row-teal-fg-hover-dark,oklch(95.3%_0.051_180.801))]\",\n  indigo:\n    \"border-[color:var(--zui-table-row-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-row-indigo-border-dark,oklch(51.1%_0.262_276.966))] hover:bg-[var(--zui-table-row-indigo-bg-hover,oklch(58.5%_0.233_277.117))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,oklch(35.9%_0.144_278.697))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,oklch(93%_0.034_272.788))] dark:hover:text-[color:var(--zui-table-row-indigo-fg-hover-dark,oklch(93%_0.034_272.788))]\",\n  emerald:\n    \"border-[color:var(--zui-table-row-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-row-emerald-border-dark,oklch(59.6%_0.145_163.225))] hover:bg-[var(--zui-table-row-emerald-bg-hover,oklch(69.6%_0.17_162.48))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,oklch(37.8%_0.077_168.94))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,oklch(95%_0.052_163.051))] dark:hover:text-[color:var(--zui-table-row-emerald-fg-hover-dark,oklch(95%_0.052_163.051))]\",\n  gray: \"border-[color:var(--zui-table-row-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-row-gray-border-dark,oklch(44.6%_0.03_256.802))] hover:bg-[var(--zui-table-row-gray-bg-hover,oklch(55.1%_0.027_264.364))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,oklch(21%_0.034_264.665))] hover:text-[color:var(--zui-table-row-gray-fg-hover,oklch(96.7%_0.003_264.542))] dark:hover:text-[color:var(--zui-table-row-gray-fg-hover-dark,oklch(96.7%_0.003_264.542))]\",\n  amber:\n    \"border-[color:var(--zui-table-row-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-row-amber-border-dark,oklch(66.6%_0.179_58.318))] hover:bg-[var(--zui-table-row-amber-bg-hover,oklch(76.9%_0.188_70.08))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,oklch(41.4%_0.112_45.904))] hover:text-[color:var(--zui-table-row-amber-fg-hover,oklch(96.2%_0.059_95.617))] dark:hover:text-[color:var(--zui-table-row-amber-fg-hover-dark,oklch(96.2%_0.059_95.617))]\",\n  violet:\n    \"border-[color:var(--zui-table-row-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-row-violet-border-dark,oklch(54.1%_0.281_293.009))] hover:bg-[var(--zui-table-row-violet-bg-hover,oklch(60.6%_0.25_292.717))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,oklch(38%_0.189_293.745))] hover:text-[color:var(--zui-table-row-violet-fg-hover,oklch(94.3%_0.029_294.588))] dark:hover:text-[color:var(--zui-table-row-violet-fg-hover-dark,oklch(94.3%_0.029_294.588))]\",\n} as const;\n\nexport const zuiTableCellBase = \"min-w-0 border p-3 align-middle break-words\";\n\nexport const zuiTableCellAppearances = {\n  default:\n    \"border-[color:var(--zui-table-cell-default-border,#0000001a)] dark:border-[color:var(--zui-table-cell-default-border-dark,#ffffff1a)]\",\n  striped:\n    \"border-[color:var(--zui-table-cell-striped-border,#0000001a)] dark:border-[color:var(--zui-table-cell-striped-border-dark,#ffffff1a)]\",\n  bordered:\n    \"border-[color:var(--zui-table-cell-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-cell-bordered-border-dark,#ffffff1a)]\",\n  ghost:\n    \"border-[color:var(--zui-table-cell-ghost-border,#0000001a)] dark:border-[color:var(--zui-table-cell-ghost-border-dark,#ffffff1a)]\",\n  sky: \"border-[color:var(--zui-table-cell-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-cell-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"border-[color:var(--zui-table-cell-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-cell-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"border-[color:var(--zui-table-cell-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-cell-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"border-[color:var(--zui-table-cell-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-cell-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"border-[color:var(--zui-table-cell-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-cell-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"border-[color:var(--zui-table-cell-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-cell-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"border-[color:var(--zui-table-cell-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-cell-teal-border-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"border-[color:var(--zui-table-cell-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-cell-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"border-[color:var(--zui-table-cell-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-cell-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"border-[color:var(--zui-table-cell-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-cell-gray-border-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"border-[color:var(--zui-table-cell-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-cell-amber-border-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"border-[color:var(--zui-table-cell-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-cell-violet-border-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiTableCellSizes = {\n  sm: \"p-2\",\n  md: \"p-3\",\n  lg: \"p-4\",\n} as const;\n\nexport const zuiTableTextAlignments = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTableAppearances,\n  zuiTableBase,\n  zuiTableCellAppearances,\n  zuiTableCellBase,\n  zuiTableCellSizes,\n  zuiTableRowAppearances,\n  zuiTableRowBase,\n  zuiTableSizes,\n  zuiTableStickyHeader,\n  zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n  variants: {\n    appearance: zuiTableAppearances,\n    size: zuiTableSizes,\n    stickyHeader: zuiTableStickyHeader,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    stickyHeader: false,\n  },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n  variants: {\n    appearance: zuiTableRowAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n  variants: {\n    appearance: zuiTableCellAppearances,\n    size: zuiTableCellSizes,\n    textAlign: zuiTableTextAlignments,\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n  TableSortDirection,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  rowAnimation: _rowAnimation,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortKey,\n  sortDirection,\n  onSortChange,\n  onClick,\n  onKeyDown,\n  tabIndex,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  const isSortable = Boolean(sortKey && onSortChange);\n  const sortableDirection: TableSortDirection = sortDirection ?? \"none\";\n\n  const handleSort = useCallback(() => {\n    if (!sortKey || !onSortChange) {\n      return;\n    }\n\n    const nextDirection: TableSortDirection =\n      sortableDirection === \"ascending\"\n        ? \"descending\"\n        : sortableDirection === \"descending\"\n          ? \"none\"\n          : \"ascending\";\n\n    onSortChange({\n      sortKey,\n      sortDirection: nextDirection,\n    });\n  }, [onSortChange, sortKey, sortableDirection]);\n\n  const handleClick = useCallback<NonNullable<TableHeadCellProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        handleSort();\n      }\n    },\n    [handleSort, onClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLTableCellElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isSortable) {\n        return;\n      }\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        handleSort();\n      }\n    },\n    [handleSort, isSortable, onKeyDown],\n  );\n\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={isSortable ? sortableDirection : sortDirection}\n      data-sort-key={sortKey}\n      data-sort-direction={sortDirection}\n      tabIndex={isSortable ? (tabIndex ?? 0) : tabIndex}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        isSortable &&\n          \"cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={isSortable ? handleClick : onClick}\n      onKeyDown={isSortable ? handleKeyDown : onKeyDown}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}