@devalok/shilp-sutra 0.57.0 → 0.60.0

package/dist/ui/data-table-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-context.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,0DAA0D;AAC1D,MAAM,MAAM,WAAW,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAA;AAIvE,wBAAgB,oBAAoB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAS3E;AAED,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,4DACwB,CAAA;AAIzD,MAAM,WAAW,qBAAqB,CAAC,KAAK,GAAG,OAAO;IACpD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,yDAAyD;IACzD,UAAU,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC/C,kDAAkD;IAClD,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,iCAAiC;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,UAAU,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,wCAAwC;IACxC,QAAQ,EAAE,OAAO,CAAA;IACjB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,WAAW,EAAE,OAAO,CAAA;IACpB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,UAAU,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,2BAA2B;IAC3B,WAAW,EAAE,WAAW,CAAA;IACxB,uBAAuB;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACzE,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,wBAAwB;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,uFAAuF;IACvF,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAA;CAClD;AAID,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,EACvC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;CACpC,qBAMA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,GAAG,OAAO,KAGnC,qBAAqB,CAAC,KAAK,CAAC,CAC3C;AAID,2DAA2D;AAC3D,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,kBAAkB,EAAE,kBAAkB;;WASZ,KAAK,CAAC,aAAa;EAU9C;AAED,uCAAuC;AACvC,wBAAgB,gBAAgB,CAAC,KAAK,EACpC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAClB,OAAO,CAYT"}
+{"version":3,"file":"data-table-context.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-context.tsx"],"names":[],"mappings":"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"}

package/dist/ui/data-table-context.js

@@ -1,41 +1,45 @@
 "use client";
-import e from "react";
-import { jsx as t } from "react/jsx-runtime";
+import { cn as e } from "./lib/utils.js";
+import t from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/ui/data-table-context.tsx
-function n(e) {
+function r(e) {
 	if (!e) return "";
 	let t = [];
 	return e.align === "right" && t.push("text-right tabular-nums"), e.align === "center" && t.push("text-center"), e.hideBelow === "sm" && t.push("hidden sm:table-cell"), e.hideBelow === "md" && t.push("hidden md:table-cell"), e.hideBelow === "lg" && t.push("hidden lg:table-cell"), t.join(" ");
 }
-var r = "button, a, input, select, textarea, [role=\"checkbox\"]", i = e.createContext(null);
-function a({ children: e, value: n }) {
-	return /* @__PURE__ */ t(i.Provider, {
-		value: n,
+var i = "button, a, input, select, textarea, [role=\"checkbox\"]", a = t.createContext(null);
+function o({ children: e, value: t }) {
+	return /* @__PURE__ */ n(a.Provider, {
+		value: t,
 		children: e
 	});
 }
-function o() {
-	let t = e.useContext(i);
-	if (!t) throw Error("useDataTableContext must be used within DataTableProvider");
-	return t;
+function s() {
+	let e = t.useContext(a);
+	if (!e) throw Error("useDataTableContext must be used within DataTableProvider");
+	return e;
 }
-function s(e, t) {
-	let { left: n = [], right: r = [] } = t, i = n.indexOf(e), a = r.indexOf(e);
-	return i === -1 ? a === -1 ? {
+function c(t, n, r) {
+	let { left: i = [], right: a = [] } = n, o = i.indexOf(t), s = a.indexOf(t), c = e("sticky z-raised bg-surface-panel", "group-hover/row:bg-surface-panel-hover", "group-data-[state=selected]/row:bg-accent-4", "group-data-[state=selected]/row:group-hover/row:bg-accent-5");
+	return o === -1 ? s === -1 ? {
 		className: "",
-		style: {}
+		style: {},
+		"data-pinned": void 0
 	} : {
-		className: "sticky bg-surface-base z-raised",
-		style: { right: 0 }
+		className: e(c, s === 0 && "border-l border-surface-border"),
+		style: { right: r ? r.getAfter("right") : 0 },
+		"data-pinned": "right"
 	} : {
-		className: "sticky bg-surface-base z-raised",
-		style: { left: 0 }
+		className: e(c, o === i.length - 1 && "border-r border-surface-border"),
+		style: { left: r ? r.getStart("left") : 0 },
+		"data-pinned": "left"
 	};
 }
-function c(e, t, n) {
+function l(e, t, n) {
 	if (!t || e === "_select" || e === "_expand") return !1;
 	let r = n.getColumn(e);
 	return !(!r || r.columnDef.meta?.enableEditing === !1);
 }
 //#endregion
-export { a as DataTableProvider, r as INTERACTIVE_SELECTOR, n as getColumnMetaClasses, s as getPinnedCellStyle, c as isColumnEditable, o as useDataTableContext };
+export { o as DataTableProvider, i as INTERACTIVE_SELECTOR, r as getColumnMetaClasses, c as getPinnedCellStyle, l as isColumnEditable, s as useDataTableContext };

package/dist/ui/data-table-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-context.js","names":[],"sources":["../../src/ui/data-table-context.tsx"],"sourcesContent":["'use client'\n\nimport { type ColumnPinningState, type Table } from '@tanstack/react-table'\nimport React from 'react'\n\n// ── Shared types ────────────────────────────────────────────────\n\n/** Editing state: which cell is currently in edit mode */\nexport type EditingCell = { rowIndex: number; columnId: string } | null\n\n// ── Utility functions ───────────────────────────────────────────\n\nexport function getColumnMetaClasses(meta?: Record<string, unknown>): string {\n  if (!meta) return ''\n  const classes: string[] = []\n  if (meta.align === 'right') classes.push('text-right tabular-nums')\n  if (meta.align === 'center') classes.push('text-center')\n  if (meta.hideBelow === 'sm') classes.push('hidden sm:table-cell')\n  if (meta.hideBelow === 'md') classes.push('hidden md:table-cell')\n  if (meta.hideBelow === 'lg') classes.push('hidden lg:table-cell')\n  return classes.join(' ')\n}\n\n/** Interactive element selectors for row click filtering */\nexport const INTERACTIVE_SELECTOR =\n  'button, a, input, select, textarea, [role=\"checkbox\"]'\n\n// ── Context ─────────────────────────────────────────────────────\n\nexport interface DataTableContextValue<TData = unknown> {\n  table: Table<TData>\n  /** All assembled columns (including _select, _expand) */\n  allColumns: { id?: string; header?: unknown }[]\n  /** Column pinning state for sticky positioning */\n  columnPinningState: ColumnPinningState\n  /** Whether sorting is enabled */\n  sortable: boolean\n  /** Whether per-column filters are enabled */\n  filterable: boolean\n  /** When set, only these column IDs get filter inputs (subset of filterable columns) */\n  filterableColumns?: string[]\n  /** Whether inline editing is enabled */\n  editable: boolean\n  /** Whether row expansion is enabled */\n  expandable: boolean\n  /** Whether virtual rows are enabled */\n  virtualRows: boolean\n  /** Whether row selection is enabled */\n  selectable: boolean\n  /** Mobile view mode */\n  mobileView: 'card' | 'table'\n  /** Current editing cell */\n  editingCell: EditingCell\n  /** Set editing cell */\n  setEditingCell: (cell: EditingCell) => void\n  /** Callback when a cell value is edited */\n  onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void\n  /** Render function for expanded row content */\n  renderExpanded?: (row: TData) => React.ReactNode\n  /** Row click handler */\n  onRowClick?: (row: TData) => void\n  /** Return a className for a given row — applied to the tr in table and card layouts */\n  rowClassName?: (row: TData) => string | undefined\n}\n\nconst DataTableContext = React.createContext<DataTableContextValue | null>(null)\n\nexport function DataTableProvider<TData>({\n  children,\n  value,\n}: {\n  children: React.ReactNode\n  value: DataTableContextValue<TData>\n}) {\n  return (\n    <DataTableContext.Provider value={value as DataTableContextValue}>\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport function useDataTableContext<TData = unknown>() {\n  const ctx = React.useContext(DataTableContext)\n  if (!ctx) throw new Error('useDataTableContext must be used within DataTableProvider')\n  return ctx as DataTableContextValue<TData>\n}\n\n// ── Shared helpers ──────────────────────────────────────────────\n\n/** Compute sticky positioning styles for pinned columns */\nexport function getPinnedCellStyle(\n  columnId: string,\n  columnPinningState: ColumnPinningState,\n) {\n  const { left = [], right = [] } = columnPinningState\n  const leftIndex = left.indexOf(columnId)\n  const rightIndex = right.indexOf(columnId)\n\n  if (leftIndex !== -1) {\n    return {\n      className: 'sticky bg-surface-base z-raised',\n      style: { left: 0 } as React.CSSProperties,\n    }\n  }\n  if (rightIndex !== -1) {\n    return {\n      className: 'sticky bg-surface-base z-raised',\n      style: { right: 0 } as React.CSSProperties,\n    }\n  }\n  return { className: '', style: {} as React.CSSProperties }\n}\n\n/** Check if a column allows editing */\nexport function isColumnEditable<TData>(\n  columnId: string,\n  editable: boolean,\n  table: Table<TData>,\n): boolean {\n  if (!editable) return false\n  // Internal columns are never editable\n  if (columnId === '_select' || columnId === '_expand') return false\n  const col = table.getColumn(columnId)\n  if (!col) return false\n  const meta = col.columnDef.meta as\n    | { enableEditing?: boolean }\n    | undefined\n  // Editable by default unless explicitly disabled\n  if (meta?.enableEditing === false) return false\n  return true\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAqB,GAAwC;CAC3E,IAAI,CAAC,GAAM,OAAO;CAClB,IAAM,IAAoB,CAAC;CAM3B,OALI,EAAK,UAAU,WAAS,EAAQ,KAAK,yBAAyB,GAC9D,EAAK,UAAU,YAAU,EAAQ,KAAK,aAAa,GACnD,EAAK,cAAc,QAAM,EAAQ,KAAK,sBAAsB,GAC5D,EAAK,cAAc,QAAM,EAAQ,KAAK,sBAAsB,GAC5D,EAAK,cAAc,QAAM,EAAQ,KAAK,sBAAsB,GACzD,EAAQ,KAAK,GAAG;AACzB;AAGA,IAAa,IACX,2DAwCI,IAAmB,EAAM,cAA4C,IAAI;AAE/E,SAAgB,EAAyB,EACvC,aACA,YAIC;CACD,OACE,kBAAC,EAAiB,UAAlB;EAAkC;EAC/B;CACwB,CAAA;AAE/B;AAEA,SAAgB,IAAuC;CACrD,IAAM,IAAM,EAAM,WAAW,CAAgB;CAC7C,IAAI,CAAC,GAAK,MAAU,MAAM,2DAA2D;CACrF,OAAO;AACT;AAKA,SAAgB,EACd,GACA,GACA;CACA,IAAM,EAAE,UAAO,CAAC,GAAG,WAAQ,CAAC,MAAM,GAC5B,IAAY,EAAK,QAAQ,CAAQ,GACjC,IAAa,EAAM,QAAQ,CAAQ;CAczC,OAZI,MAAc,KAMd,MAAe,KAMZ;EAAE,WAAW;EAAI,OAAO,CAAC;CAAyB,IALhD;EACL,WAAW;EACX,OAAO,EAAE,OAAO,EAAE;CACpB,IATO;EACL,WAAW;EACX,OAAO,EAAE,MAAM,EAAE;CACnB;AASJ;AAGA,SAAgB,EACd,GACA,GACA,GACS;CAGT,IAFI,CAAC,KAED,MAAa,aAAa,MAAa,WAAW,OAAO;CAC7D,IAAM,IAAM,EAAM,UAAU,CAAQ;CAOpC,OADA,EALI,CAAC,KACQ,EAAI,UAAU,MAIjB,kBAAkB;AAE9B"}
+{"version":3,"file":"data-table-context.js","names":[],"sources":["../../src/ui/data-table-context.tsx"],"sourcesContent":["'use client'\n\nimport { type ColumnPinningState, type Table } from '@tanstack/react-table'\nimport React from 'react'\n\nimport { cn } from './lib/utils'\n\n// ── Shared types ────────────────────────────────────────────────\n\n/** Editing state: which cell is currently in edit mode */\nexport type EditingCell = { rowIndex: number; columnId: string } | null\n\n// ── Utility functions ───────────────────────────────────────────\n\nexport function getColumnMetaClasses(meta?: Record<string, unknown>): string {\n  if (!meta) return ''\n  const classes: string[] = []\n  if (meta.align === 'right') classes.push('text-right tabular-nums')\n  if (meta.align === 'center') classes.push('text-center')\n  if (meta.hideBelow === 'sm') classes.push('hidden sm:table-cell')\n  if (meta.hideBelow === 'md') classes.push('hidden md:table-cell')\n  if (meta.hideBelow === 'lg') classes.push('hidden lg:table-cell')\n  return classes.join(' ')\n}\n\n/** Interactive element selectors for row click filtering */\nexport const INTERACTIVE_SELECTOR =\n  'button, a, input, select, textarea, [role=\"checkbox\"]'\n\n// ── Context ─────────────────────────────────────────────────────\n\nexport interface DataTableContextValue<TData = unknown> {\n  table: Table<TData>\n  /** All assembled columns (including _select, _expand) */\n  allColumns: { id?: string; header?: unknown }[]\n  /** Column pinning state for sticky positioning */\n  columnPinningState: ColumnPinningState\n  /** Whether sorting is enabled */\n  sortable: boolean\n  /** Whether per-column filters are enabled */\n  filterable: boolean\n  /** When set, only these column IDs get filter inputs (subset of filterable columns) */\n  filterableColumns?: string[]\n  /** Whether inline editing is enabled */\n  editable: boolean\n  /** Whether row expansion is enabled */\n  expandable: boolean\n  /** Whether virtual rows are enabled */\n  virtualRows: boolean\n  /** Whether row selection is enabled */\n  selectable: boolean\n  /** Mobile view mode */\n  mobileView: 'card' | 'table'\n  /** Current editing cell */\n  editingCell: EditingCell\n  /** Set editing cell */\n  setEditingCell: (cell: EditingCell) => void\n  /** Callback when a cell value is edited */\n  onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void\n  /** Render function for expanded row content */\n  renderExpanded?: (row: TData) => React.ReactNode\n  /** Row click handler */\n  onRowClick?: (row: TData) => void\n  /** Return a className for a given row — applied to the tr in table and card layouts */\n  rowClassName?: (row: TData) => string | undefined\n}\n\nconst DataTableContext = React.createContext<DataTableContextValue | null>(null)\n\nexport function DataTableProvider<TData>({\n  children,\n  value,\n}: {\n  children: React.ReactNode\n  value: DataTableContextValue<TData>\n}) {\n  return (\n    <DataTableContext.Provider value={value as DataTableContextValue}>\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport function useDataTableContext<TData = unknown>() {\n  const ctx = React.useContext(DataTableContext)\n  if (!ctx) throw new Error('useDataTableContext must be used within DataTableProvider')\n  return ctx as DataTableContextValue<TData>\n}\n\n// ── Shared helpers ──────────────────────────────────────────────\n\n/**\n * Compute sticky positioning styles for pinned columns.\n *\n * `column` is optional so existing callers keep working, but WITHOUT it every\n * pinned column resolves to the same edge. Pass it.\n *\n * Three things were wrong here and all three had the same root: the function\n * knew a column's *identity* but nothing about its *geometry*.\n *\n * - The offset was hardcoded to 0, so two left-pinned columns stacked on top of\n *   each other. `leftIndex` was computed and then thrown away. TanStack already\n *   knows the cumulative width — `getStart('left')` / `getAfter('right')` — so\n *   the fix is to ask it rather than to sum widths here.\n * - The cell painted `bg-surface-panel` unconditionally, which is right for\n *   occluding scrolled content underneath and wrong for everything else: a\n *   selected row's pinned cell stayed panel-coloured and a striped row's showed\n *   a white notch. It now inherits the row's background and only falls back to\n *   the panel colour when the row has none of its own (`bg-inherit`), so the\n *   occlusion still works.\n * - There was no edge, so a pinned column was invisible unscrolled and had\n *   content slide under it with no seam when scrolled. The last left-pinned and\n *   first right-pinned column now carry a hairline on the boundary.\n */\nexport function getPinnedCellStyle(\n  columnId: string,\n  columnPinningState: ColumnPinningState,\n  column?: { getStart: (p?: 'left') => number; getAfter: (p?: 'right') => number },\n) {\n  const { left = [], right = [] } = columnPinningState\n  const leftIndex = left.indexOf(columnId)\n  const rightIndex = right.indexOf(columnId)\n\n  // The cell MUST stay opaque — that is the whole job of a pinned column, and\n  // `bg-inherit` does not work here: TableRow has no background of its own, so\n  // the cell would inherit `transparent` and scrolled content would show\n  // straight through it.\n  //\n  // So keep an opaque base and layer the row's states on top via `group/row`,\n  // which TableRow already declares. Striping is handled at the table level,\n  // where the parity selector lives, keyed off `data-pinned` below.\n  const base = cn(\n    'sticky z-raised bg-surface-panel',\n    'group-hover/row:bg-surface-panel-hover',\n    'group-data-[state=selected]/row:bg-accent-4',\n    'group-data-[state=selected]/row:group-hover/row:bg-accent-5',\n  )\n\n  if (leftIndex !== -1) {\n    // The rightmost left-pinned column owns the seam.\n    const isEdge = leftIndex === left.length - 1\n    return {\n      className: cn(base, isEdge && 'border-r border-surface-border'),\n      style: { left: column ? column.getStart('left') : 0 } as React.CSSProperties,\n      // Lets Table's stripe rule reach the pinned cell specifically, rather\n      // than repainting every cell in the row to achieve the same thing.\n      'data-pinned': 'left' as const,\n    }\n  }\n  if (rightIndex !== -1) {\n    // The leftmost right-pinned column owns the seam.\n    const isEdge = rightIndex === 0\n    return {\n      className: cn(base, isEdge && 'border-l border-surface-border'),\n      style: { right: column ? column.getAfter('right') : 0 } as React.CSSProperties,\n      'data-pinned': 'right' as const,\n    }\n  }\n  return {\n    className: '',\n    style: {} as React.CSSProperties,\n    'data-pinned': undefined,\n  }\n}\n\n/** Check if a column allows editing */\nexport function isColumnEditable<TData>(\n  columnId: string,\n  editable: boolean,\n  table: Table<TData>,\n): boolean {\n  if (!editable) return false\n  // Internal columns are never editable\n  if (columnId === '_select' || columnId === '_expand') return false\n  const col = table.getColumn(columnId)\n  if (!col) return false\n  const meta = col.columnDef.meta as\n    | { enableEditing?: boolean }\n    | undefined\n  // Editable by default unless explicitly disabled\n  if (meta?.enableEditing === false) return false\n  return true\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAqB,GAAwC;CAC3E,IAAI,CAAC,GAAM,OAAO;CAClB,IAAM,IAAoB,CAAC;CAM3B,OALI,EAAK,UAAU,WAAS,EAAQ,KAAK,yBAAyB,GAC9D,EAAK,UAAU,YAAU,EAAQ,KAAK,aAAa,GACnD,EAAK,cAAc,QAAM,EAAQ,KAAK,sBAAsB,GAC5D,EAAK,cAAc,QAAM,EAAQ,KAAK,sBAAsB,GAC5D,EAAK,cAAc,QAAM,EAAQ,KAAK,sBAAsB,GACzD,EAAQ,KAAK,GAAG;AACzB;AAGA,IAAa,IACX,2DAwCI,IAAmB,EAAM,cAA4C,IAAI;AAE/E,SAAgB,EAAyB,EACvC,aACA,YAIC;CACD,OACE,kBAAC,EAAiB,UAAlB;EAAkC;EAC/B;CACwB,CAAA;AAE/B;AAEA,SAAgB,IAAuC;CACrD,IAAM,IAAM,EAAM,WAAW,CAAgB;CAC7C,IAAI,CAAC,GAAK,MAAU,MAAM,2DAA2D;CACrF,OAAO;AACT;AA2BA,SAAgB,EACd,GACA,GACA,GACA;CACA,IAAM,EAAE,UAAO,CAAC,GAAG,WAAQ,CAAC,MAAM,GAC5B,IAAY,EAAK,QAAQ,CAAQ,GACjC,IAAa,EAAM,QAAQ,CAAQ,GAUnC,IAAO,EACX,oCACA,0CACA,+CACA,6DACF;CAsBA,OApBI,MAAc,KAWd,MAAe,KASZ;EACL,WAAW;EACX,OAAO,CAAC;EACR,eAAe,KAAA;CACjB,IAVS;EACL,WAAW,EAAG,GAFD,MAAe,KAEE,gCAAgC;EAC9D,OAAO,EAAE,OAAO,IAAS,EAAO,SAAS,OAAO,IAAI,EAAE;EACtD,eAAe;CACjB,IAfO;EACL,WAAW,EAAG,GAFD,MAAc,EAAK,SAAS,KAEX,gCAAgC;EAC9D,OAAO,EAAE,MAAM,IAAS,EAAO,SAAS,MAAM,IAAI,EAAE;EAGpD,eAAe;CACjB;AAgBJ;AAGA,SAAgB,EACd,GACA,GACA,GACS;CAGT,IAFI,CAAC,KAED,MAAa,aAAa,MAAa,WAAW,OAAO;CAC7D,IAAM,IAAM,EAAM,UAAU,CAAQ;CAOpC,OADA,EALI,CAAC,KACQ,EAAI,UAAU,MAIjB,kBAAkB;AAE9B"}

package/dist/ui/data-table-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-header.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-header.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,qBA8JxE;AAED,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,CAAA"}
+{"version":3,"file":"data-table-header.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-header.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,qBAoKxE;AAED,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,CAAA"}

package/dist/ui/data-table-header.js

@@ -1,34 +1,36 @@
 "use client";
 import { springs as e } from "./lib/motion.js";
-import { cn as t } from "./lib/utils.js";
-import { Icon as n } from "./icon.js";
-import { getColumnMetaClasses as r, getPinnedCellStyle as i, useDataTableContext as a } from "./data-table-context.js";
-import { TableHead as o, TableHeader as s, TableRow as c } from "./table.js";
+import { MotionPreference as t } from "../_chunks/motion-preference.js";
+import { cn as n } from "./lib/utils.js";
+import { Icon as r } from "./icon.js";
+import { getColumnMetaClasses as i, getPinnedCellStyle as a, useDataTableContext as o } from "./data-table-context.js";
+import { TableHead as s, TableHeader as c, TableRow as l } from "./table.js";
 import "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { IconArrowDown as d, IconArrowUp as f, IconArrowsSort as p } from "@tabler/icons-react";
-import { AnimatePresence as m, motion as h } from "framer-motion";
-import { flexRender as g } from "@tanstack/react-table";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { IconArrowDown as f, IconArrowUp as p, IconArrowsSort as m } from "@tabler/icons-react";
+import { AnimatePresence as h, motion as g } from "framer-motion";
+import { flexRender as _ } from "@tanstack/react-table";
 //#region src/ui/data-table-header.tsx
-function _({ stickyHeader: _ }) {
-	let { table: v, sortable: y, filterable: b, filterableColumns: x, columnPinningState: S } = a();
-	return /* @__PURE__ */ u(s, {
-		className: t(_ && "sticky top-0 z-10 bg-surface-panel"),
-		children: [v.getHeaderGroups().map((a) => /* @__PURE__ */ l(c, { children: a.headers.map((a) => {
-			let s = y && a.column.getCanSort(), c = a.column.getIsSorted(), _ = i(a.column.id, S);
-			return /* @__PURE__ */ l(o, {
-				className: t(_.className, r(a.column.columnDef.meta)),
-				style: _.style,
-				"aria-sort": s ? c === "asc" ? "ascending" : c === "desc" ? "descending" : "none" : void 0,
-				children: a.isPlaceholder ? null : s ? /* @__PURE__ */ u("button", {
+function v({ stickyHeader: v }) {
+	let { table: y, sortable: b, filterable: x, filterableColumns: S, columnPinningState: C } = o();
+	return /* @__PURE__ */ d(c, {
+		className: n(v && "sticky top-0 z-10 bg-surface-panel"),
+		children: [y.getHeaderGroups().map((o) => /* @__PURE__ */ u(l, { children: o.headers.map((o) => {
+			let c = b && o.column.getCanSort(), l = o.column.getIsSorted(), v = a(o.column.id, C, o.column);
+			return /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(s, {
+				className: n(v.className, i(o.column.columnDef.meta)),
+				style: v.style,
+				"data-pinned": v["data-pinned"],
+				"aria-sort": c ? l === "asc" ? "ascending" : l === "desc" ? "descending" : "none" : void 0,
+				children: o.isPlaceholder ? null : c ? /* @__PURE__ */ d("button", {
 					type: "button",
-					className: t("flex items-center gap-ds-01 font-medium", "cursor-pointer select-none", "-ml-ds-01 rounded-control-inner px-ds-01 py-ds-01", "hover:bg-surface-panel-hover transition-colors"),
-					onClick: a.column.getToggleSortingHandler(),
-					"aria-label": `Sort by ${typeof a.column.columnDef.header == "string" ? a.column.columnDef.header : a.column.id}`,
-					children: [g(a.column.columnDef.header, a.getContext()), /* @__PURE__ */ l(m, {
+					className: n("flex items-center gap-ds-01 font-medium", "cursor-pointer select-none", "-ml-ds-01 rounded-control-inner px-ds-01 py-ds-01", "hover:bg-surface-panel-hover transition-colors"),
+					onClick: o.column.getToggleSortingHandler(),
+					"aria-label": `Sort by ${typeof o.column.columnDef.header == "string" ? o.column.columnDef.header : o.column.id}`,
+					children: [_(o.column.columnDef.header, o.getContext()), /* @__PURE__ */ u(h, {
 						mode: "wait",
 						initial: !1,
-						children: c === "asc" ? /* @__PURE__ */ l(h.span, {
+						children: l === "asc" ? /* @__PURE__ */ u(g.span, {
 							initial: {
 								opacity: 0,
 								rotate: 90
@@ -43,12 +45,12 @@ function _({ stickyHeader: _ }) {
 							},
 							transition: e.snappy,
 							className: "inline-flex",
-							children: /* @__PURE__ */ l(n, {
-								icon: f,
+							children: /* @__PURE__ */ u(r, {
+								icon: p,
 								size: "sm",
 								className: "text-surface-fg-muted"
 							})
-						}, "asc") : c === "desc" ? /* @__PURE__ */ l(h.span, {
+						}, "asc") : l === "desc" ? /* @__PURE__ */ u(g.span, {
 							initial: {
 								opacity: 0,
 								rotate: -90
@@ -63,41 +65,41 @@ function _({ stickyHeader: _ }) {
 							},
 							transition: e.snappy,
 							className: "inline-flex",
-							children: /* @__PURE__ */ l(n, {
-								icon: d,
+							children: /* @__PURE__ */ u(r, {
+								icon: f,
 								size: "sm",
 								className: "text-surface-fg-muted"
 							})
-						}, "desc") : /* @__PURE__ */ l(h.span, {
+						}, "desc") : /* @__PURE__ */ u(g.span, {
 							initial: { opacity: 0 },
 							animate: { opacity: 1 },
 							exit: { opacity: 0 },
 							transition: e.snappy,
 							className: "inline-flex",
-							children: /* @__PURE__ */ l(n, {
-								icon: p,
+							children: /* @__PURE__ */ u(r, {
+								icon: m,
 								size: "sm",
 								className: "text-surface-fg-subtle"
 							})
 						}, "unsorted")
 					})]
-				}) : g(a.column.columnDef.header, a.getContext())
-			}, a.id);
-		}) }, a.id)), b && v.getHeaderGroups().map((e) => /* @__PURE__ */ l(c, { children: e.headers.map((e) => {
-			let n = x ? x.includes(e.column.id) : e.column.columnDef.enableColumnFilter !== !1;
-			return /* @__PURE__ */ l(o, {
+				}) : _(o.column.columnDef.header, o.getContext())
+			}, o.id) });
+		}) }, o.id)), x && y.getHeaderGroups().map((e) => /* @__PURE__ */ u(l, { children: e.headers.map((e) => {
+			let t = S ? S.includes(e.column.id) : e.column.columnDef.enableColumnFilter !== !1;
+			return /* @__PURE__ */ u(s, {
 				className: "py-ds-01",
-				children: e.isPlaceholder || !n ? null : /* @__PURE__ */ l("input", {
+				children: e.isPlaceholder || !t ? null : /* @__PURE__ */ u("input", {
 					type: "text",
 					value: e.column.getFilterValue() ?? "",
 					onChange: (t) => e.column.setFilterValue(t.target.value),
 					placeholder: `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : ""}...`,
 					"aria-label": `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id}`,
-					className: t("h-ds-xs-plus w-full rounded-control", "border border-card-strong bg-surface-panel-hover", "px-ds-02 text-body-sm", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden focus:border-accent-7")
+					className: n("h-ds-xs-plus w-full rounded-control", "border border-card-strong bg-surface-panel-hover", "px-ds-02 text-body-sm", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden focus:border-accent-7")
 				})
 			}, `${e.id}-filter`);
 		}) }, `${e.id}-filters`))]
 	});
 }
 //#endregion
-export { _ as DataTableHeader };
+export { v as DataTableHeader };

package/dist/ui/data-table-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-header.js","names":[],"sources":["../../src/ui/data-table-header.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconArrowDown,\n  IconArrowsSort,\n  IconArrowUp,\n} from '@tabler/icons-react'\nimport { flexRender } from '@tanstack/react-table'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport React from 'react'\n\nimport {\n  getColumnMetaClasses,\n  getPinnedCellStyle,\n  useDataTableContext,\n} from './data-table-context'\nimport { Icon } from './icon'\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\nimport { TableHead, TableHeader, TableRow } from './table'\n\n/**\n * Renders the `<TableHeader>` block including sortable column headers\n * and optional per-column filter inputs. Internal — not exported to consumers.\n */\nfunction DataTableHeaderImpl({ stickyHeader }: { stickyHeader?: boolean }) {\n  const { table, sortable, filterable, filterableColumns, columnPinningState } =\n    useDataTableContext()\n\n  return (\n    <TableHeader\n      className={cn(\n        // surface-panel, not base — the table lives on a card; a base-colored\n        // sticky bar would read as a grey stripe over the white surface.\n        stickyHeader && 'sticky top-0 z-10 bg-surface-panel',\n      )}\n    >\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableRow key={headerGroup.id}>\n          {headerGroup.headers.map((header) => {\n            const canSort = sortable && header.column.getCanSort()\n            const sorted = header.column.getIsSorted()\n            const pinned = getPinnedCellStyle(\n              header.column.id,\n              columnPinningState,\n            )\n\n            return (\n              <TableHead\n                key={header.id}\n                className={cn(\n                  pinned.className,\n                  getColumnMetaClasses(\n                    header.column.columnDef.meta as Record<string, unknown>,\n                  ),\n                )}\n                style={pinned.style}\n                aria-sort={\n                  canSort\n                    ? sorted === 'asc'\n                      ? 'ascending'\n                      : sorted === 'desc'\n                        ? 'descending'\n                        : 'none'\n                    : undefined\n                }\n              >\n                {header.isPlaceholder ? null : canSort ? (\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      'flex items-center gap-ds-01 font-medium',\n                      'cursor-pointer select-none',\n                      '-ml-ds-01 rounded-control-inner px-ds-01 py-ds-01',\n                      'hover:bg-surface-panel-hover transition-colors',\n                    )}\n                    onClick={header.column.getToggleSortingHandler()}\n                    aria-label={`Sort by ${typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.column.id}`}\n                  >\n                    {flexRender(\n                      header.column.columnDef.header,\n                      header.getContext(),\n                    )}\n                    <AnimatePresence mode=\"wait\" initial={false}>\n                      {sorted === 'asc' ? (\n                        <motion.span\n                          key=\"asc\"\n                          initial={{ opacity: 0, rotate: 90 }}\n                          animate={{ opacity: 1, rotate: 0 }}\n                          exit={{ opacity: 0, rotate: -90 }}\n                          transition={springs.snappy}\n                          className=\"inline-flex\"\n                        >\n                          <Icon\n                            icon={IconArrowUp}\n                            size=\"sm\"\n                            className=\"text-surface-fg-muted\"\n                          />\n                        </motion.span>\n                      ) : sorted === 'desc' ? (\n                        <motion.span\n                          key=\"desc\"\n                          initial={{ opacity: 0, rotate: -90 }}\n                          animate={{ opacity: 1, rotate: 0 }}\n                          exit={{ opacity: 0, rotate: 90 }}\n                          transition={springs.snappy}\n                          className=\"inline-flex\"\n                        >\n                          <Icon\n                            icon={IconArrowDown}\n                            size=\"sm\"\n                            className=\"text-surface-fg-muted\"\n                          />\n                        </motion.span>\n                      ) : (\n                        <motion.span\n                          key=\"unsorted\"\n                          initial={{ opacity: 0 }}\n                          animate={{ opacity: 1 }}\n                          exit={{ opacity: 0 }}\n                          transition={springs.snappy}\n                          className=\"inline-flex\"\n                        >\n                          <Icon\n                            icon={IconArrowsSort}\n                            size=\"sm\"\n                            className=\"text-surface-fg-subtle\"\n                          />\n                        </motion.span>\n                      )}\n                    </AnimatePresence>\n                  </button>\n                ) : (\n                  flexRender(\n                    header.column.columnDef.header,\n                    header.getContext(),\n                  )\n                )}\n              </TableHead>\n            )\n          })}\n        </TableRow>\n      ))}\n\n      {/* Column filter row */}\n      {filterable &&\n        table.getHeaderGroups().map((headerGroup) => (\n          <TableRow key={`${headerGroup.id}-filters`}>\n            {headerGroup.headers.map((header) => {\n              // When filterableColumns is set, only render inputs for listed IDs.\n              // Falls back to the existing enableColumnFilter: false column-level opt-out.\n              const isFiltered = filterableColumns\n                ? filterableColumns.includes(header.column.id)\n                : header.column.columnDef.enableColumnFilter !== false\n              return (\n                <TableHead key={`${header.id}-filter`} className=\"py-ds-01\">\n                  {header.isPlaceholder || !isFiltered ? null : (\n                    <input\n                      type=\"text\"\n                      value={\n                        (header.column.getFilterValue() as string) ?? ''\n                      }\n                      onChange={(e) =>\n                        header.column.setFilterValue(e.target.value)\n                      }\n                      placeholder={`Filter ${typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : ''}...`}\n                      aria-label={`Filter ${typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.column.id}`}\n                      className={cn(\n                        'h-ds-xs-plus w-full rounded-control',\n                        'border border-card-strong bg-surface-panel-hover',\n                        'px-ds-02 text-body-sm',\n                        'text-surface-fg placeholder:text-surface-fg-subtle',\n                        'outline-hidden focus:border-accent-7',\n                      )}\n                    />\n                  )}\n                </TableHead>\n              )\n            })}\n          </TableRow>\n        ))}\n    </TableHeader>\n  )\n}\n\nexport { DataTableHeaderImpl as DataTableHeader }\n"],"mappings":"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"}
+{"version":3,"file":"data-table-header.js","names":[],"sources":["../../src/ui/data-table-header.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconArrowDown,\n  IconArrowsSort,\n  IconArrowUp,\n} from '@tabler/icons-react'\nimport { flexRender } from '@tanstack/react-table'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport React from 'react'\n\nimport { MotionPreference } from '../motion/motion-preference'\nimport {\n  getColumnMetaClasses,\n  getPinnedCellStyle,\n  useDataTableContext,\n} from './data-table-context'\nimport { Icon } from './icon'\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\nimport { TableHead, TableHeader, TableRow } from './table'\n\n/**\n * Renders the `<TableHeader>` block including sortable column headers\n * and optional per-column filter inputs. Internal — not exported to consumers.\n */\nfunction DataTableHeaderImpl({ stickyHeader }: { stickyHeader?: boolean }) {\n  const { table, sortable, filterable, filterableColumns, columnPinningState } =\n    useDataTableContext()\n\n  return (\n    <TableHeader\n      className={cn(\n        // surface-panel, not base — the table lives on a card; a base-colored\n        // sticky bar would read as a grey stripe over the white surface.\n        stickyHeader && 'sticky top-0 z-10 bg-surface-panel',\n      )}\n    >\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableRow key={headerGroup.id}>\n          {headerGroup.headers.map((header) => {\n            const canSort = sortable && header.column.getCanSort()\n            const sorted = header.column.getIsSorted()\n            // `header.column` is what makes the offset cumulative — without it\n            // every pinned column resolves to the same edge and they stack.\n            const pinned = getPinnedCellStyle(\n              header.column.id,\n              columnPinningState,\n              header.column,\n            )\n\n            return (\n              <MotionPreference>\n                <TableHead\n                  key={header.id}\n                  className={cn(\n                    pinned.className,\n                    getColumnMetaClasses(\n                      header.column.columnDef.meta as Record<string, unknown>,\n                    ),\n                  )}\n                  style={pinned.style}\n                  data-pinned={pinned['data-pinned']}\n                  aria-sort={\n                    canSort\n                      ? sorted === 'asc'\n                        ? 'ascending'\n                        : sorted === 'desc'\n                          ? 'descending'\n                          : 'none'\n                      : undefined\n                  }\n                >\n                  {header.isPlaceholder ? null : canSort ? (\n                    <button\n                      type=\"button\"\n                      className={cn(\n                        'flex items-center gap-ds-01 font-medium',\n                        'cursor-pointer select-none',\n                        '-ml-ds-01 rounded-control-inner px-ds-01 py-ds-01',\n                        'hover:bg-surface-panel-hover transition-colors',\n                      )}\n                      onClick={header.column.getToggleSortingHandler()}\n                      aria-label={`Sort by ${typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.column.id}`}\n                    >\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext(),\n                      )}\n                      <AnimatePresence mode=\"wait\" initial={false}>\n                        {sorted === 'asc' ? (\n                          <motion.span\n                            key=\"asc\"\n                            initial={{ opacity: 0, rotate: 90 }}\n                            animate={{ opacity: 1, rotate: 0 }}\n                            exit={{ opacity: 0, rotate: -90 }}\n                            transition={springs.snappy}\n                            className=\"inline-flex\"\n                          >\n                            <Icon\n                              icon={IconArrowUp}\n                              size=\"sm\"\n                              className=\"text-surface-fg-muted\"\n                            />\n                          </motion.span>\n                        ) : sorted === 'desc' ? (\n                          <motion.span\n                            key=\"desc\"\n                            initial={{ opacity: 0, rotate: -90 }}\n                            animate={{ opacity: 1, rotate: 0 }}\n                            exit={{ opacity: 0, rotate: 90 }}\n                            transition={springs.snappy}\n                            className=\"inline-flex\"\n                          >\n                            <Icon\n                              icon={IconArrowDown}\n                              size=\"sm\"\n                              className=\"text-surface-fg-muted\"\n                            />\n                          </motion.span>\n                        ) : (\n                          <motion.span\n                            key=\"unsorted\"\n                            initial={{ opacity: 0 }}\n                            animate={{ opacity: 1 }}\n                            exit={{ opacity: 0 }}\n                            transition={springs.snappy}\n                            className=\"inline-flex\"\n                          >\n                            <Icon\n                              icon={IconArrowsSort}\n                              size=\"sm\"\n                              className=\"text-surface-fg-subtle\"\n                            />\n                          </motion.span>\n                        )}\n                      </AnimatePresence>\n                    </button>\n                  ) : (\n                    flexRender(\n                      header.column.columnDef.header,\n                      header.getContext(),\n                    )\n                  )}\n                </TableHead>\n              </MotionPreference>\n            )\n          })}\n        </TableRow>\n      ))}\n\n      {/* Column filter row */}\n      {filterable &&\n        table.getHeaderGroups().map((headerGroup) => (\n          <TableRow key={`${headerGroup.id}-filters`}>\n            {headerGroup.headers.map((header) => {\n              // When filterableColumns is set, only render inputs for listed IDs.\n              // Falls back to the existing enableColumnFilter: false column-level opt-out.\n              const isFiltered = filterableColumns\n                ? filterableColumns.includes(header.column.id)\n                : header.column.columnDef.enableColumnFilter !== false\n              return (\n                <TableHead key={`${header.id}-filter`} className=\"py-ds-01\">\n                  {header.isPlaceholder || !isFiltered ? null : (\n                    <input\n                      type=\"text\"\n                      value={\n                        (header.column.getFilterValue() as string) ?? ''\n                      }\n                      onChange={(e) =>\n                        header.column.setFilterValue(e.target.value)\n                      }\n                      placeholder={`Filter ${typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : ''}...`}\n                      aria-label={`Filter ${typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.column.id}`}\n                      className={cn(\n                        'h-ds-xs-plus w-full rounded-control',\n                        'border border-card-strong bg-surface-panel-hover',\n                        'px-ds-02 text-body-sm',\n                        'text-surface-fg placeholder:text-surface-fg-subtle',\n                        'outline-hidden focus:border-accent-7',\n                      )}\n                    />\n                  )}\n                </TableHead>\n              )\n            })}\n          </TableRow>\n        ))}\n    </TableHeader>\n  )\n}\n\nexport { DataTableHeaderImpl as DataTableHeader }\n"],"mappings":"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"}

package/dist/ui/data-table-pagination.js

@@ -36,7 +36,7 @@ function o({ table: o, totalRowCount: s, useServerPagination: c, pageSizeOptions
 					disabled: !o.getCanPreviousPage(),
 					onClick: () => o.previousPage(),
 					"aria-label": "Previous page",
-					className: e("h-ds-sm w-ds-sm flex items-center justify-center", "rounded-control border border-surface-border-strong", "enabled:hover:bg-surface-panel-hover", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
+					className: e("h-ds-sm w-ds-sm flex items-center justify-center", "rounded-control border border-surface-border-interactive", "enabled:hover:bg-surface-panel-hover", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
 					children: /* @__PURE__ */ n(t, {
 						icon: i,
 						size: "sm"
@@ -57,7 +57,7 @@ function o({ table: o, totalRowCount: s, useServerPagination: c, pageSizeOptions
 					disabled: !o.getCanNextPage(),
 					onClick: () => o.nextPage(),
 					"aria-label": "Next page",
-					className: e("h-ds-sm w-ds-sm flex items-center justify-center", "rounded-control border border-surface-border-strong", "enabled:hover:bg-surface-panel-hover", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
+					className: e("h-ds-sm w-ds-sm flex items-center justify-center", "rounded-control border border-surface-border-interactive", "enabled:hover:bg-surface-panel-hover", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
 					children: /* @__PURE__ */ n(t, {
 						icon: a,
 						size: "sm"

package/dist/ui/data-table-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.js","names":[],"sources":["../../src/ui/data-table-pagination.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\nimport { type Table } from '@tanstack/react-table'\nimport React from 'react'\n\nimport { Icon } from './icon'\nimport { cn } from './lib/utils'\n\n/**\n * Pagination controls: page size selector, prev/next buttons, page info.\n * Internal — not exported to consumers.\n */\nexport function DataTablePagination<TData>({\n  table,\n  totalRowCount,\n  useServerPagination,\n  pageSizeOptions,\n}: {\n  table: Table<TData>\n  totalRowCount: number\n  useServerPagination: boolean\n  pageSizeOptions?: number[]\n}) {\n  return (\n    <div className=\"flex items-center justify-between px-ds-03 py-ds-04 border-t border-surface-border\">\n      <span className=\"text-body-sm text-surface-fg-muted\">\n        {totalRowCount} total rows\n      </span>\n      <div className=\"flex items-center gap-ds-03\">\n        {/* Page size selector */}\n        {!useServerPagination && (\n          <select\n            value={table.getState().pagination.pageSize}\n            onChange={(e) => {\n              table.setPageSize(Number(e.target.value))\n            }}\n            aria-label=\"Rows per page\"\n            className={cn(\n              'h-ds-sm rounded-control',\n              'border border-card-strong bg-surface-panel-hover',\n              'px-ds-03 text-body-sm',\n              'text-surface-fg',\n            )}\n          >\n            {(pageSizeOptions ?? [10, 20, 50, 100]).map((size) => (\n              <option key={size} value={size}>\n                {size} rows\n              </option>\n            ))}\n          </select>\n        )}\n\n        {/* Previous page button */}\n        <button\n          type=\"button\"\n          disabled={!table.getCanPreviousPage()}\n          onClick={() => table.previousPage()}\n          aria-label=\"Previous page\"\n          className={cn(\n            'h-ds-sm w-ds-sm flex items-center justify-center',\n            'rounded-control border border-surface-border-strong',\n            'enabled:hover:bg-surface-panel-hover',\n            'disabled:opacity-action-disabled disabled:cursor-not-allowed',\n            'transition-colors',\n          )}\n        >\n          <Icon icon={IconChevronLeft} size=\"sm\" />\n        </button>\n\n        {/* Page info */}\n        <span className=\"text-body-sm text-surface-fg-muted\">\n          Page {table.getState().pagination.pageIndex + 1} of{' '}\n          {table.getPageCount()}\n        </span>\n\n        {/* Next page button */}\n        <button\n          type=\"button\"\n          disabled={!table.getCanNextPage()}\n          onClick={() => table.nextPage()}\n          aria-label=\"Next page\"\n          className={cn(\n            'h-ds-sm w-ds-sm flex items-center justify-center',\n            'rounded-control border border-surface-border-strong',\n            'enabled:hover:bg-surface-panel-hover',\n            'disabled:opacity-action-disabled disabled:cursor-not-allowed',\n            'transition-colors',\n          )}\n        >\n          <Icon icon={IconChevronRight} size=\"sm\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,EAA2B,EACzC,UACA,kBACA,wBACA,sBAMC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACG,GAAc,aACX;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEG,CAAC,KACA,kBAAC,UAAD;KACE,OAAO,EAAM,SAAS,CAAC,CAAC,WAAW;KACnC,WAAW,MAAM;MACf,EAAM,YAAY,OAAO,EAAE,OAAO,KAAK,CAAC;KAC1C;KACA,cAAW;KACX,WAAW,EACT,2BACA,oDACA,yBACA,iBACF;gBAEE,KAAmB;MAAC;MAAI;MAAI;MAAI;KAAG,EAAA,CAAG,KAAK,MAC3C,kBAAC,UAAD;MAAmB,OAAO;gBAA1B,CACG,GAAK,OACA;QAFK,CAEL,CACT;IACK,CAAA;IAIV,kBAAC,UAAD;KACE,MAAK;KACL,UAAU,CAAC,EAAM,mBAAmB;KACpC,eAAe,EAAM,aAAa;KAClC,cAAW;KACX,WAAW,EACT,oDACA,uDACA,wCACA,gEACA,mBACF;eAEA,kBAAC,GAAD;MAAM,MAAM;MAAiB,MAAK;KAAM,CAAA;IAClC,CAAA;IAGR,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAAqD;MAC7C,EAAM,SAAS,CAAC,CAAC,WAAW,YAAY;MAAE;MAAI;MACnD,EAAM,aAAa;KAChB;;IAGN,kBAAC,UAAD;KACE,MAAK;KACL,UAAU,CAAC,EAAM,eAAe;KAChC,eAAe,EAAM,SAAS;KAC9B,cAAW;KACX,WAAW,EACT,oDACA,uDACA,wCACA,gEACA,mBACF;eAEA,kBAAC,GAAD;MAAM,MAAM;MAAkB,MAAK;KAAM,CAAA;IACnC,CAAA;GACL;IACF;;AAET"}
+{"version":3,"file":"data-table-pagination.js","names":[],"sources":["../../src/ui/data-table-pagination.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\nimport { type Table } from '@tanstack/react-table'\nimport React from 'react'\n\nimport { Icon } from './icon'\nimport { cn } from './lib/utils'\n\n/**\n * Pagination controls: page size selector, prev/next buttons, page info.\n * Internal — not exported to consumers.\n */\nexport function DataTablePagination<TData>({\n  table,\n  totalRowCount,\n  useServerPagination,\n  pageSizeOptions,\n}: {\n  table: Table<TData>\n  totalRowCount: number\n  useServerPagination: boolean\n  pageSizeOptions?: number[]\n}) {\n  return (\n    <div className=\"flex items-center justify-between px-ds-03 py-ds-04 border-t border-surface-border\">\n      <span className=\"text-body-sm text-surface-fg-muted\">\n        {totalRowCount} total rows\n      </span>\n      <div className=\"flex items-center gap-ds-03\">\n        {/* Page size selector */}\n        {!useServerPagination && (\n          <select\n            value={table.getState().pagination.pageSize}\n            onChange={(e) => {\n              table.setPageSize(Number(e.target.value))\n            }}\n            aria-label=\"Rows per page\"\n            className={cn(\n              'h-ds-sm rounded-control',\n              'border border-card-strong bg-surface-panel-hover',\n              'px-ds-03 text-body-sm',\n              'text-surface-fg',\n            )}\n          >\n            {(pageSizeOptions ?? [10, 20, 50, 100]).map((size) => (\n              <option key={size} value={size}>\n                {size} rows\n              </option>\n            ))}\n          </select>\n        )}\n\n        {/* Previous page button */}\n        <button\n          type=\"button\"\n          disabled={!table.getCanPreviousPage()}\n          onClick={() => table.previousPage()}\n          aria-label=\"Previous page\"\n          className={cn(\n            'h-ds-sm w-ds-sm flex items-center justify-center',\n            'rounded-control border border-surface-border-interactive',\n            'enabled:hover:bg-surface-panel-hover',\n            'disabled:opacity-action-disabled disabled:cursor-not-allowed',\n            'transition-colors',\n          )}\n        >\n          <Icon icon={IconChevronLeft} size=\"sm\" />\n        </button>\n\n        {/* Page info */}\n        <span className=\"text-body-sm text-surface-fg-muted\">\n          Page {table.getState().pagination.pageIndex + 1} of{' '}\n          {table.getPageCount()}\n        </span>\n\n        {/* Next page button */}\n        <button\n          type=\"button\"\n          disabled={!table.getCanNextPage()}\n          onClick={() => table.nextPage()}\n          aria-label=\"Next page\"\n          className={cn(\n            'h-ds-sm w-ds-sm flex items-center justify-center',\n            'rounded-control border border-surface-border-interactive',\n            'enabled:hover:bg-surface-panel-hover',\n            'disabled:opacity-action-disabled disabled:cursor-not-allowed',\n            'transition-colors',\n          )}\n        >\n          <Icon icon={IconChevronRight} size=\"sm\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,EAA2B,EACzC,UACA,kBACA,wBACA,sBAMC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACG,GAAc,aACX;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEG,CAAC,KACA,kBAAC,UAAD;KACE,OAAO,EAAM,SAAS,CAAC,CAAC,WAAW;KACnC,WAAW,MAAM;MACf,EAAM,YAAY,OAAO,EAAE,OAAO,KAAK,CAAC;KAC1C;KACA,cAAW;KACX,WAAW,EACT,2BACA,oDACA,yBACA,iBACF;gBAEE,KAAmB;MAAC;MAAI;MAAI;MAAI;KAAG,EAAA,CAAG,KAAK,MAC3C,kBAAC,UAAD;MAAmB,OAAO;gBAA1B,CACG,GAAK,OACA;QAFK,CAEL,CACT;IACK,CAAA;IAIV,kBAAC,UAAD;KACE,MAAK;KACL,UAAU,CAAC,EAAM,mBAAmB;KACpC,eAAe,EAAM,aAAa;KAClC,cAAW;KACX,WAAW,EACT,oDACA,4DACA,wCACA,gEACA,mBACF;eAEA,kBAAC,GAAD;MAAM,MAAM;MAAiB,MAAK;KAAM,CAAA;IAClC,CAAA;IAGR,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAAqD;MAC7C,EAAM,SAAS,CAAC,CAAC,WAAW,YAAY;MAAE;MAAI;MACnD,EAAM,aAAa;KAChB;;IAGN,kBAAC,UAAD;KACE,MAAK;KACL,UAAU,CAAC,EAAM,eAAe;KAChC,eAAe,EAAM,SAAS;KAC9B,cAAW;KACX,WAAW,EACT,oDACA,4DACA,wCACA,gEACA,mBACF;eAEA,kBAAC,GAAD;MAAM,MAAM;MAAkB,MAAK;KAAM,CAAA;IACnC,CAAA;GACL;IACF;;AAET"}

package/dist/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAejF,CAAA;AAGD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAajB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACjG,+GAA+G;IAC/G,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,aAAa,2FAqDjB,CAAA;AAGF;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8JASpB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAejF,CAAA;AAGD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAajB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACjG,+GAA+G;IAC/G,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,aAAa,2FAuDjB,CAAA;AAGF;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8JASpB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/ui/dialog.js

@@ -1,124 +1,125 @@
 "use client";
 import { springs as e, tweens as t } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { Icon as r } from "./icon.js";
-import { Close as i, Content as a, Description as o, Overlay as s, Portal as c, Root as l, Title as u, Trigger as d } from "../_chunks/primitives/react-alert-dialog.js";
-import { useIsMobile as f } from "../hooks/use-mobile.js";
-import { useControllableOpen as p } from "../_chunks/use-controllable-open.js";
-import * as m from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { IconX as _ } from "@tabler/icons-react";
-import { AnimatePresence as v, motion as y } from "framer-motion";
+import { MotionPreference as n } from "../_chunks/motion-preference.js";
+import { cn as r } from "./lib/utils.js";
+import { Icon as i } from "./icon.js";
+import { Close as a, Content as o, Description as s, Overlay as c, Portal as l, Root as u, Title as d, Trigger as f } from "../_chunks/primitives/react-alert-dialog.js";
+import { useIsMobile as p } from "../hooks/use-mobile.js";
+import { useControllableOpen as m } from "../_chunks/use-controllable-open.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IconX as v } from "@tabler/icons-react";
+import { AnimatePresence as y, motion as b } from "framer-motion";
 //#region src/ui/dialog.tsx
-var b = m.createContext({ open: !1 }), x = () => m.useContext(b), S = ({ open: e, defaultOpen: t, onOpenChange: n, ...r }) => {
-	let { open: i, setOpen: a } = p({
+var x = h.createContext({ open: !1 }), S = () => h.useContext(x), C = ({ open: e, defaultOpen: t, onOpenChange: n, ...r }) => {
+	let { open: i, setOpen: a } = m({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
-	}), o = m.useMemo(() => ({ open: i }), [i]);
-	return /* @__PURE__ */ h(b.Provider, {
+	}), o = h.useMemo(() => ({ open: i }), [i]);
+	return /* @__PURE__ */ g(x.Provider, {
 		value: o,
-		children: /* @__PURE__ */ h(l, {
+		children: /* @__PURE__ */ g(u, {
 			open: i,
 			onOpenChange: a,
 			...r
 		})
 	});
 };
-S.displayName = "Dialog";
-var C = d, w = c, T = i, E = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ h(s, {
-	ref: r,
+C.displayName = "Dialog";
+var w = f, T = l, E = a, D = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(c, {
+	ref: n,
 	forceMount: !0,
-	className: n("fixed inset-0 z-overlay bg-overlay", e),
+	className: r("fixed inset-0 z-overlay bg-overlay", e),
 	...t
 }));
-E.displayName = s.displayName;
-var D = m.forwardRef(({ className: o, children: s, responsive: c, ...l }, u) => {
-	let { open: d } = x(), p = f(), m = c !== !1 && p;
-	return /* @__PURE__ */ h(v, { children: d && /* @__PURE__ */ g(w, {
+D.displayName = c.displayName;
+var O = h.forwardRef(({ className: s, children: c, responsive: l, ...u }, d) => {
+	let { open: f } = S(), m = p(), h = l !== !1 && m;
+	return /* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(y, { children: f && /* @__PURE__ */ _(T, {
 		forceMount: !0,
-		children: [/* @__PURE__ */ h(E, {
+		children: [/* @__PURE__ */ g(D, {
 			asChild: !0,
-			children: /* @__PURE__ */ h(y.div, {
+			children: /* @__PURE__ */ g(b.div, {
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
 				transition: t.fade
 			})
-		}), /* @__PURE__ */ h(a, {
-			ref: u,
+		}), /* @__PURE__ */ g(o, {
+			ref: d,
 			forceMount: !0,
 			asChild: !0,
-			...l,
-			children: /* @__PURE__ */ g(y.div, {
-				initial: m ? { y: "100%" } : {
+			...u,
+			children: /* @__PURE__ */ _(b.div, {
+				initial: h ? { y: "100%" } : {
 					opacity: 0,
 					scale: .95,
 					x: "-50%",
 					y: "-50%"
 				},
-				animate: m ? { y: 0 } : {
+				animate: h ? { y: 0 } : {
 					opacity: 1,
 					scale: 1,
 					x: "-50%",
 					y: "-50%"
 				},
-				exit: m ? { y: "100%" } : {
+				exit: h ? { y: "100%" } : {
 					opacity: 0,
 					scale: .95,
 					x: "-50%",
 					y: "-50%"
 				},
-				transition: m ? e.smooth : {
+				transition: h ? e.smooth : {
 					...e.smooth,
 					opacity: t.fade
 				},
-				className: n("fixed z-modal grid w-full gap-ds-05 bg-surface-overlay p-ds-06", c === !1 ? "left-[50%] top-[50%] max-w-lg rounded-overlay-lg shadow-overlay" : "inset-0 md:inset-auto md:left-[50%] md:top-[50%] md:max-w-lg md:rounded-overlay-lg md:shadow-overlay", o),
-				children: [s, /* @__PURE__ */ g(i, {
+				className: r("fixed z-modal grid w-full gap-ds-05 bg-surface-overlay p-ds-06", l === !1 ? "left-[50%] top-[50%] max-w-lg rounded-overlay-lg shadow-overlay" : "inset-0 md:inset-auto md:left-[50%] md:top-[50%] md:max-w-lg md:rounded-overlay-lg md:shadow-overlay", s),
+				children: [c, /* @__PURE__ */ _(a, {
 					title: "Close",
 					className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-control-inner text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-panel-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none",
-					children: [/* @__PURE__ */ h(r, {
-						icon: _,
+					children: [/* @__PURE__ */ g(i, {
+						icon: v,
 						size: "lg"
-					}), /* @__PURE__ */ h("span", {
+					}), /* @__PURE__ */ g("span", {
 						className: "sr-only",
 						children: "Close"
 					})]
 				})]
 			})
 		})]
-	}) });
+	}) }) });
 });
-D.displayName = a.displayName;
-var O = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ h(a, {
-	ref: r,
-	className: n(e),
+O.displayName = o.displayName;
+var k = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(o, {
+	ref: n,
+	className: r(e),
 	...t
 }));
-O.displayName = "DialogContentRaw";
-var k = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ h("div", {
-	ref: r,
-	className: n("flex flex-col space-y-ds-02b text-center sm:text-left", e),
+k.displayName = "DialogContentRaw";
+var A = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
+	ref: n,
+	className: r("flex flex-col space-y-ds-02b text-center sm:text-left", e),
 	...t
 }));
-k.displayName = "DialogHeader";
-var A = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ h("div", {
-	ref: r,
-	className: n("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
+A.displayName = "DialogHeader";
+var j = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
+	ref: n,
+	className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
 	...t
 }));
-A.displayName = "DialogFooter";
-var j = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ h(u, {
-	ref: r,
-	className: n("text-heading-xs font-semibold", e),
+j.displayName = "DialogFooter";
+var M = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(d, {
+	ref: n,
+	className: r("text-heading-xs font-semibold", e),
 	...t
 }));
-j.displayName = u.displayName;
-var M = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ h(o, {
-	ref: r,
-	className: n("text-body-md text-surface-fg-muted", e),
+M.displayName = d.displayName;
+var N = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(s, {
+	ref: n,
+	className: r("text-body-md text-surface-fg-muted", e),
 	...t
 }));
-M.displayName = o.displayName;
+N.displayName = s.displayName;
 //#endregion
-export { S as Dialog, T as DialogClose, D as DialogContent, O as DialogContentRaw, M as DialogDescription, A as DialogFooter, k as DialogHeader, E as DialogOverlay, w as DialogPortal, j as DialogTitle, C as DialogTrigger };
+export { C as Dialog, E as DialogClose, O as DialogContent, k as DialogContentRaw, N as DialogDescription, j as DialogFooter, A as DialogHeader, D as DialogOverlay, T as DialogPortal, M as DialogTitle, w as DialogTrigger };