@refraction-ui/react 0.21.0 → 0.23.0

package/dist/react-data-table.js

@@ -1,12 +1,21 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-data-table/dist/index.js
 import * as React from "react";
 
 // ../data-table/dist/index.js
+function resolveColumnAlign(col) {
+  return col.align ?? (col.numeric ? "end" : "start");
+}
+function getColumnValue(col, row) {
+  return col.accessor ? col.accessor(row) : void 0;
+}
+function resolveRowKey(row, index, getRowKey) {
+  return getRowKey ? getRowKey(row, index) : index;
+}
 function createDataTable(props) {
   const {
     columns,
@@ -24,10 +33,10 @@ function createDataTable(props) {
     for (const [columnId, filterValue] of Object.entries(filters)) {
       if (!filterValue) continue;
       const col = columns.find((c) => c.id === columnId);
-      if (!col) continue;
+      if (!col?.accessor) continue;
       const lowerFilter = filterValue.toLowerCase();
       result = result.filter((row) => {
-        const cellValue = col.accessor(row);
+        const cellValue = getColumnValue(col, row);
         return String(cellValue ?? "").toLowerCase().includes(lowerFilter);
       });
     }
@@ -37,10 +46,10 @@ function createDataTable(props) {
     const filtered = getFilteredData();
     if (!sortBy) return filtered;
     const col = columns.find((c) => c.id === sortBy);
-    if (!col) return filtered;
+    if (!col?.accessor) return filtered;
     return [...filtered].sort((a, b) => {
-      const aVal = col.accessor(a);
-      const bVal = col.accessor(b);
+      const aVal = getColumnValue(col, a);
+      const bVal = getColumnValue(col, b);
       const aStr = String(aVal ?? "");
       const bStr = String(bVal ?? "");
       const cmp = aStr.localeCompare(bStr, void 0, { numeric: true });
@@ -160,8 +169,21 @@ var rowVariants = cva({
     selected: "false"
   }
 });
+var dataTableAlignClass = {
+  start: "text-start",
+  center: "text-center",
+  end: "text-end"
+};
+var dataTableNumericClass = "tabular-nums whitespace-nowrap";
+var dataTableSortButtonClass = "inline-flex items-center gap-1 rounded-sm font-inherit text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+var dataTableActionRowClass = "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring";
 
 // ../react-data-table/dist/index.js
+import { jsx, jsxs } from "react/jsx-runtime";
+var ACTIVATION_KEYS = /* @__PURE__ */ new Set(["Enter", " "]);
+function filterLabel(header, id) {
+  return typeof header === "string" || typeof header === "number" ? String(header) : id;
+}
 function DataTable({
   columns,
   data,
@@ -170,13 +192,21 @@ function DataTable({
   onSort,
   filters: controlledFilters,
   className,
-  emptyMessage = "No data available"
+  emptyMessage = "No data available",
+  getRowKey,
+  getRowProps,
+  onRowClick,
+  caption,
+  wrapperClassName,
+  ...tableProps
 }) {
   const [sortBy, setSortBy] = React.useState(controlledSortBy ?? null);
   const [sortDir, setSortDir] = React.useState(controlledSortDir);
   const [filters, setFilters] = React.useState(controlledFilters ?? {});
   const api = React.useMemo(
     () => createDataTable({
+      // The core only reads id/accessor/sortable/filterable; header and cell
+      // are rendered here.
       columns,
       data,
       sortBy: sortBy ?? void 0,
@@ -186,119 +216,100 @@ function DataTable({
     }),
     [columns, data, sortBy, sortDir, onSort, filters]
   );
-  const handleSort = React.useCallback(
-    (columnId) => {
-      const col = columns.find((c) => c.id === columnId);
-      if (!col?.sortable) return;
-      let newDir = "asc";
-      if (sortBy === columnId) {
-        newDir = sortDir === "asc" ? "desc" : "asc";
-      }
-      setSortBy(columnId);
-      setSortDir(newDir);
-      onSort?.(columnId, newDir);
-    },
-    [columns, sortBy, sortDir, onSort]
-  );
-  const handleFilter = React.useCallback(
-    (columnId, value) => {
-      setFilters((prev) => ({ ...prev, [columnId]: value }));
-    },
-    []
-  );
-  const sortedData = api.state.sortedData;
+  const handleSort = (columnId) => {
+    const col = columns.find((c) => c.id === columnId);
+    if (!col?.sortable) return;
+    const newDir = sortBy === columnId && sortDir === "asc" ? "desc" : "asc";
+    setSortBy(columnId);
+    setSortDir(newDir);
+    onSort?.(columnId, newDir);
+  };
+  const handleFilter = (columnId, value) => {
+    setFilters((prev) => ({ ...prev, [columnId]: value }));
+  };
+  const rows = api.state.sortedData;
   const hasFilterable = columns.some((c) => c.filterable);
-  return React.createElement(
-    "div",
-    { className: "relative w-full overflow-auto" },
-    React.createElement(
-      "table",
-      {
-        className: cn(tableVariants(), className),
-        role: "table"
+  const rowElementProps = (row, index) => {
+    const extra = getRowProps?.(row, index) ?? {};
+    if (!onRowClick) return extra;
+    return {
+      tabIndex: 0,
+      ...extra,
+      className: cn(dataTableActionRowClass, extra.className),
+      onClick: (e) => {
+        extra.onClick?.(e);
+        if (!e.defaultPrevented) onRowClick(row, index);
       },
-      // thead
-      React.createElement(
-        "thead",
-        null,
-        // Header row
-        React.createElement(
-          "tr",
-          { role: "row" },
-          ...columns.map((col) => {
-            const headerProps = api.getHeaderProps(col);
-            return React.createElement(
-              "th",
-              {
-                key: col.id,
-                ...headerProps,
-                className: headerVariants({ sortable: col.sortable ? "true" : "false" }),
-                onClick: col.sortable ? () => handleSort(col.id) : void 0
-              },
+      onKeyDown: (e) => {
+        extra.onKeyDown?.(e);
+        if (e.defaultPrevented || e.target !== e.currentTarget || !ACTIVATION_KEYS.has(e.key)) return;
+        e.preventDefault();
+        onRowClick(row, index);
+      }
+    };
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("relative w-full overflow-auto", wrapperClassName), children: /* @__PURE__ */ jsxs("table", { className: cn(tableVariants(), className), role: "table", ...tableProps, children: [
+    caption != null && /* @__PURE__ */ jsx("caption", { className: "mt-2 caption-bottom text-xs text-muted-foreground", children: caption }),
+    /* @__PURE__ */ jsxs("thead", { children: [
+      /* @__PURE__ */ jsx("tr", { role: "row", children: columns.map((col) => {
+        const headerProps = api.getHeaderProps(col);
+        const align = resolveColumnAlign(col);
+        const indicator = col.sortable && sortBy === col.id ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: sortDir === "asc" ? "\u2191" : "\u2193" }) : null;
+        return /* @__PURE__ */ jsx(
+          "th",
+          {
+            ...headerProps,
+            className: cn(
+              headerVariants({ sortable: col.sortable ? "true" : "false" }),
+              dataTableAlignClass[align],
+              col.headerClassName
+            ),
+            children: col.sortable ? /* @__PURE__ */ jsxs("button", { type: "button", className: dataTableSortButtonClass, onClick: () => handleSort(col.id), children: [
               col.header,
-              col.sortable && sortBy === col.id ? React.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
-            );
-          })
-        ),
-        // Filter row
-        hasFilterable ? React.createElement(
-          "tr",
-          { role: "row", "data-filter-row": "true" },
-          ...columns.map(
-            (col) => React.createElement(
-              "th",
-              { key: `filter-${col.id}` },
-              col.filterable ? React.createElement("input", {
-                type: "text",
-                "aria-label": `Filter ${col.header}`,
-                value: filters[col.id] ?? "",
-                onChange: (e) => handleFilter(col.id, e.target.value),
-                placeholder: `Filter...`
-              }) : null
-            )
-          )
-        ) : null
-      ),
-      // tbody
-      React.createElement(
-        "tbody",
-        null,
-        sortedData.length === 0 ? React.createElement(
-          "tr",
-          { role: "row" },
-          React.createElement(
+              indicator
+            ] }) : col.header
+          },
+          col.id
+        );
+      }) }),
+      hasFilterable && /* @__PURE__ */ jsx("tr", { role: "row", "data-filter-row": "true", children: columns.map((col) => /* @__PURE__ */ jsx("th", { children: col.filterable ? /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          "aria-label": `Filter ${filterLabel(col.header, col.id)}`,
+          value: filters[col.id] ?? "",
+          onChange: (e) => handleFilter(col.id, e.target.value),
+          placeholder: "Filter..."
+        }
+      ) : null }, `filter-${col.id}`)) })
+    ] }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsx("tr", { role: "row", children: /* @__PURE__ */ jsx("td", { colSpan: columns.length, className: "text-center p-4 text-muted-foreground", role: "cell", children: emptyMessage }) }) : rows.map((row, rowIndex) => {
+      const rowProps = rowElementProps(row, rowIndex);
+      return /* @__PURE__ */ jsx(
+        "tr",
+        {
+          ...api.getRowProps(row, rowIndex),
+          ...rowProps,
+          className: cn(rowVariants(), rowProps.className),
+          children: columns.map((col) => /* @__PURE__ */ jsx(
             "td",
             {
-              colSpan: columns.length,
-              className: "text-center p-4 text-muted-foreground",
-              role: "cell"
-            },
-            emptyMessage
-          )
-        ) : sortedData.map(
-          (row, rowIndex) => React.createElement(
-            "tr",
-            {
-              key: rowIndex,
-              ...api.getRowProps(row, rowIndex),
-              className: rowVariants()
+              ...api.getCellProps(col, row),
+              className: cn(
+                cellVariants(),
+                dataTableAlignClass[resolveColumnAlign(col)],
+                col.numeric && dataTableNumericClass,
+                col.className
+              ),
+              children: col.cell ? col.cell(row, rowIndex) : String(getColumnValue(col, row) ?? "")
             },
-            ...columns.map(
-              (col) => React.createElement(
-                "td",
-                {
-                  key: col.id,
-                  ...api.getCellProps(col, row),
-                  className: cellVariants()
-                },
-                String(col.accessor(row) ?? "")
-              )
-            )
-          )
-        )
-      )
-    )
-  );
+            col.id
+          ))
+        },
+        resolveRowKey(row, rowIndex, getRowKey)
+      );
+    }) })
+  ] }) });
 }
 export {
   DataTable,

package/dist/react-data-table.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../data-table/src/data-table.ts", "../../data-table/src/data-table.styles.ts", "../../react-data-table/src/DataTable.tsx"],
-  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\nexport interface ColumnDef<T = Record<string, unknown>> {\n  /** Unique column identifier */\n  id: string\n  /** Column header text */\n  header: string\n  /** Accessor function to get cell value from row */\n  accessor: (row: T) => unknown\n  /** Whether this column is sortable */\n  sortable?: boolean\n  /** Whether this column is filterable */\n  filterable?: boolean\n}\n\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataTableProps<T = Record<string, unknown>> {\n  /** Column definitions */\n  columns: ColumnDef<T>[]\n  /** Data rows */\n  data: T[]\n  /** Current sort column */\n  sortBy?: string\n  /** Current sort direction */\n  sortDir?: SortDirection\n  /** Callback when sort changes */\n  onSort?: (columnId: string, direction: SortDirection) => void\n  /** Active filters: columnId -> filter value */\n  filters?: Record<string, string>\n}\n\nexport interface DataTableState<T = Record<string, unknown>> {\n  sortedData: T[]\n  sortBy: string | null\n  sortDir: SortDirection\n  filters: Record<string, string>\n}\n\nexport interface DataTableAPI<T = Record<string, unknown>> {\n  /** Current table state */\n  state: DataTableState<T>\n  /** Toggle sort for a column */\n  sort(columnId: string): void\n  /** Set a filter value for a column */\n  setFilter(columnId: string, value: string): void\n  /** Get ARIA and role props for a header cell */\n  getHeaderProps(col: ColumnDef<T>): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Get props for a data cell */\n  getCellProps(col: ColumnDef<T>, row: T): Record<string, unknown>\n  /** Get props for a data row */\n  getRowProps(row: T, index: number): Record<string, unknown>\n}\n\nexport function createDataTable<T = Record<string, unknown>>(\n  props: DataTableProps<T>,\n): DataTableAPI<T> {\n  const {\n    columns,\n    data,\n    sortBy: initialSortBy,\n    sortDir: initialSortDir = 'asc',\n    onSort,\n    filters: initialFilters,\n  } = props\n\n  let sortBy: string | null = initialSortBy ?? null\n  let sortDir: SortDirection = initialSortDir\n  let filters: Record<string, string> = { ...(initialFilters ?? {}) }\n\n  function getFilteredData(): T[] {\n    let result = [...data]\n\n    for (const [columnId, filterValue] of Object.entries(filters)) {\n      if (!filterValue) continue\n      const col = columns.find((c) => c.id === columnId)\n      if (!col) continue\n      const lowerFilter = filterValue.toLowerCase()\n      result = result.filter((row) => {\n        const cellValue = col.accessor(row)\n        return String(cellValue ?? '').toLowerCase().includes(lowerFilter)\n      })\n    }\n\n    return result\n  }\n\n  function getSortedData(): T[] {\n    const filtered = getFilteredData()\n\n    if (!sortBy) return filtered\n\n    const col = columns.find((c) => c.id === sortBy)\n    if (!col) return filtered\n\n    return [...filtered].sort((a, b) => {\n      const aVal = col.accessor(a)\n      const bVal = col.accessor(b)\n      const aStr = String(aVal ?? '')\n      const bStr = String(bVal ?? '')\n\n      const cmp = aStr.localeCompare(bStr, undefined, { numeric: true })\n      return sortDir === 'asc' ? cmp : -cmp\n    })\n  }\n\n  function sort(columnId: string): void {\n    const col = columns.find((c) => c.id === columnId)\n    if (!col?.sortable) return\n\n    if (sortBy === columnId) {\n      sortDir = sortDir === 'asc' ? 'desc' : 'asc'\n    } else {\n      sortBy = columnId\n      sortDir = 'asc'\n    }\n\n    onSort?.(sortBy, sortDir)\n  }\n\n  function setFilter(columnId: string, value: string): void {\n    filters = { ...filters, [columnId]: value }\n  }\n\n  function getHeaderProps(\n    col: ColumnDef<T>,\n  ): Partial<AccessibilityProps> & Record<string, unknown> {\n    const props: Partial<AccessibilityProps> & Record<string, unknown> = {\n      role: 'columnheader',\n    }\n\n    if (col.sortable) {\n      if (sortBy === col.id) {\n        props['aria-sort'] = sortDir === 'asc' ? 'ascending' : 'descending'\n      } else {\n        props['aria-sort'] = 'none'\n      }\n    }\n\n    return props\n  }\n\n  function getCellProps(\n    col: ColumnDef<T>,\n    _row: T,\n  ): Record<string, unknown> {\n    return {\n      role: 'cell',\n      'data-column': col.id,\n    }\n  }\n\n  function getRowProps(_row: T, index: number): Record<string, unknown> {\n    return {\n      role: 'row',\n      'data-row-index': index,\n    }\n  }\n\n  return {\n    get state(): DataTableState<T> {\n      return {\n        get sortedData() {\n          return getSortedData()\n        },\n        get sortBy() {\n          return sortBy\n        },\n        get sortDir() {\n          return sortDir\n        },\n        get filters() {\n          return { ...filters }\n        },\n      }\n    },\n    sort,\n    setFilter,\n    getHeaderProps,\n    getCellProps,\n    getRowProps,\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const tableVariants = cva({\n  base: 'w-full caption-bottom text-sm border-collapse',\n  variants: {\n    size: {\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const headerVariants = cva({\n  base: 'h-10 px-2 text-left align-middle font-medium text-muted-foreground border-b',\n  variants: {\n    sortable: {\n      true: 'cursor-pointer select-none hover:text-foreground',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    sortable: 'false',\n  },\n})\n\nexport const cellVariants = cva({\n  base: 'p-2 align-middle border-b',\n  variants: {\n    size: {\n      sm: 'p-1',\n      md: 'p-2',\n      lg: 'p-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const rowVariants = cva({\n  base: 'border-b transition-colors hover:bg-muted/50',\n  variants: {\n    selected: {\n      true: 'bg-muted',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    selected: 'false',\n  },\n})\n", "import * as React from 'react'\nimport {\n  createDataTable,\n  tableVariants,\n  headerVariants,\n  cellVariants,\n  rowVariants,\n  type ColumnDef,\n  type SortDirection,\n  type DataTableProps as CoreProps,\n} from '@refraction-ui/data-table'\nimport { cn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// DataTable\n// ---------------------------------------------------------------------------\n\nexport interface DataTableProps<T = Record<string, unknown>> {\n  columns: ColumnDef<T>[]\n  data: T[]\n  sortBy?: string\n  sortDir?: SortDirection\n  onSort?: (columnId: string, direction: SortDirection) => void\n  filters?: Record<string, string>\n  className?: string\n  emptyMessage?: string\n}\n\nexport function DataTable<T = Record<string, unknown>>({\n  columns,\n  data,\n  sortBy: controlledSortBy,\n  sortDir: controlledSortDir = 'asc',\n  onSort,\n  filters: controlledFilters,\n  className,\n  emptyMessage = 'No data available',\n}: DataTableProps<T>) {\n  const [sortBy, setSortBy] = React.useState<string | null>(controlledSortBy ?? null)\n  const [sortDir, setSortDir] = React.useState<SortDirection>(controlledSortDir)\n  const [filters, setFilters] = React.useState<Record<string, string>>(controlledFilters ?? {})\n\n  const api = React.useMemo(\n    () =>\n      createDataTable<T>({\n        columns,\n        data,\n        sortBy: sortBy ?? undefined,\n        sortDir,\n        onSort,\n        filters,\n      }),\n    [columns, data, sortBy, sortDir, onSort, filters],\n  )\n\n  const handleSort = React.useCallback(\n    (columnId: string) => {\n      const col = columns.find((c) => c.id === columnId)\n      if (!col?.sortable) return\n\n      let newDir: SortDirection = 'asc'\n      if (sortBy === columnId) {\n        newDir = sortDir === 'asc' ? 'desc' : 'asc'\n      }\n\n      setSortBy(columnId)\n      setSortDir(newDir)\n      onSort?.(columnId, newDir)\n    },\n    [columns, sortBy, sortDir, onSort],\n  )\n\n  const handleFilter = React.useCallback(\n    (columnId: string, value: string) => {\n      setFilters((prev) => ({ ...prev, [columnId]: value }))\n    },\n    [],\n  )\n\n  const sortedData = api.state.sortedData\n  const hasFilterable = columns.some((c) => c.filterable)\n\n  return React.createElement(\n    'div',\n    { className: 'relative w-full overflow-auto' },\n    React.createElement(\n      'table',\n      {\n        className: cn(tableVariants(), className),\n        role: 'table',\n      },\n      // thead\n      React.createElement(\n        'thead',\n        null,\n        // Header row\n        React.createElement(\n          'tr',\n          { role: 'row' },\n          ...columns.map((col) => {\n            const headerProps = api.getHeaderProps(col)\n            return React.createElement(\n              'th',\n              {\n                key: col.id,\n                ...headerProps,\n                className: headerVariants({ sortable: col.sortable ? 'true' : 'false' }),\n                onClick: col.sortable ? () => handleSort(col.id) : undefined,\n              },\n              col.header,\n              col.sortable && sortBy === col.id\n                ? React.createElement('span', { 'aria-hidden': true }, sortDir === 'asc' ? ' \\u2191' : ' \\u2193')\n                : null,\n            )\n          }),\n        ),\n        // Filter row\n        hasFilterable\n          ? React.createElement(\n              'tr',\n              { role: 'row', 'data-filter-row': 'true' },\n              ...columns.map((col) =>\n                React.createElement(\n                  'th',\n                  { key: `filter-${col.id}` },\n                  col.filterable\n                    ? React.createElement('input', {\n                        type: 'text',\n                        'aria-label': `Filter ${col.header}`,\n                        value: filters[col.id] ?? '',\n                        onChange: (e: React.ChangeEvent<HTMLInputElement>) =>\n                          handleFilter(col.id, e.target.value),\n                        placeholder: `Filter...`,\n                      })\n                    : null,\n                ),\n              ),\n            )\n          : null,\n      ),\n      // tbody\n      React.createElement(\n        'tbody',\n        null,\n        sortedData.length === 0\n          ? React.createElement(\n              'tr',\n              { role: 'row' },\n              React.createElement(\n                'td',\n                {\n                  colSpan: columns.length,\n                  className: 'text-center p-4 text-muted-foreground',\n                  role: 'cell',\n                },\n                emptyMessage,\n              ),\n            )\n          : sortedData.map((row, rowIndex) =>\n              React.createElement(\n                'tr',\n                {\n                  key: rowIndex,\n                  ...api.getRowProps(row, rowIndex),\n                  className: rowVariants(),\n                },\n                ...columns.map((col) =>\n                  React.createElement(\n                    'td',\n                    {\n                      key: col.id,\n                      ...api.getCellProps(col, row),\n                      className: cellVariants(),\n                    },\n                    String(col.accessor(row) ?? ''),\n                  ),\n                ),\n              ),\n            ),\n      ),\n    )\n  )\n}\n"],
-  "mappings": ";;;;;;;;;AAsDO,SAAS,gBACd,OACiB;AACjB,QAAM;IACJ;IACA;IACA,QAAQ;IACR,SAAS,iBAAiB;IAC1B;IACA,SAAS;EAAA,IACP;AAEJ,MAAI,SAAwB,iBAAiB;AAC7C,MAAI,UAAyB;AAC7B,MAAI,UAAkC,EAAE,GAAI,kBAAkB,CAAA,EAAC;AAE/D,WAAS,kBAAuB;AAC9B,QAAI,SAAS,CAAC,GAAG,IAAI;AAErB,eAAW,CAAC,UAAU,WAAW,KAAK,OAAO,QAAQ,OAAO,GAAG;AAC7D,UAAI,CAAC,YAAa;AAClB,YAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ;AACjD,UAAI,CAAC,IAAK;AACV,YAAM,cAAc,YAAY,YAAA;AAChC,eAAS,OAAO,OAAO,CAAC,QAAQ;AAC9B,cAAM,YAAY,IAAI,SAAS,GAAG;AAClC,eAAO,OAAO,aAAa,EAAE,EAAE,YAAA,EAAc,SAAS,WAAW;MACnE,CAAC;IACH;AAEA,WAAO;EACT;AAEA,WAAS,gBAAqB;AAC5B,UAAM,WAAW,gBAAA;AAEjB,QAAI,CAAC,OAAQ,QAAO;AAEpB,UAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;AAC/C,QAAI,CAAC,IAAK,QAAO;AAEjB,WAAO,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM;AAClC,YAAM,OAAO,IAAI,SAAS,CAAC;AAC3B,YAAM,OAAO,IAAI,SAAS,CAAC;AAC3B,YAAM,OAAO,OAAO,QAAQ,EAAE;AAC9B,YAAM,OAAO,OAAO,QAAQ,EAAE;AAE9B,YAAM,MAAM,KAAK,cAAc,MAAM,QAAW,EAAE,SAAS,KAAA,CAAM;AACjE,aAAO,YAAY,QAAQ,MAAM,CAAC;IACpC,CAAC;EACH;AAEA,WAAS,KAAK,UAAwB;AACpC,UAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ;AACjD,QAAI,CAAC,KAAK,SAAU;AAEpB,QAAI,WAAW,UAAU;AACvB,gBAAU,YAAY,QAAQ,SAAS;IACzC,OAAO;AACL,eAAS;AACT,gBAAU;IACZ;AAEA,aAAS,QAAQ,OAAO;EAC1B;AAEA,WAAS,UAAU,UAAkB,OAAqB;AACxD,cAAU,EAAE,GAAG,SAAS,CAAC,QAAQ,GAAG,MAAA;EACtC;AAEA,WAAS,eACP,KACuD;AACvD,UAAMA,SAA+D;MACnE,MAAM;IAAA;AAGR,QAAI,IAAI,UAAU;AAChB,UAAI,WAAW,IAAI,IAAI;AACrBA,eAAM,WAAW,IAAI,YAAY,QAAQ,cAAc;MACzD,OAAO;AACLA,eAAM,WAAW,IAAI;MACvB;IACF;AAEA,WAAOA;EACT;AAEA,WAAS,aACP,KACA,MACyB;AACzB,WAAO;MACL,MAAM;MACN,eAAe,IAAI;IAAA;EAEvB;AAEA,WAAS,YAAY,MAAS,OAAwC;AACpE,WAAO;MACL,MAAM;MACN,kBAAkB;IAAA;EAEtB;AAEA,SAAO;IACL,IAAI,QAA2B;AAC7B,aAAO;QACL,IAAI,aAAa;AACf,iBAAO,cAAA;QACT;QACA,IAAI,SAAS;AACX,iBAAO;QACT;QACA,IAAI,UAAU;AACZ,iBAAO;QACT;QACA,IAAI,UAAU;AACZ,iBAAO,EAAE,GAAG,QAAA;QACd;MAAA;IAEJ;IACA;IACA;IACA;IACA;IACA;EAAA;AAEJ;ACpLO,IAAM,gBAAgB,IAAI;EAC/B,MAAM;EACN,UAAU;IACR,MAAM;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;IAAA;EACN;EAEF,iBAAiB;IACf,MAAM;EAAA;AAEV,CAAC;AAEM,IAAM,iBAAiB,IAAI;EAChC,MAAM;EACN,UAAU;IACR,UAAU;MACR,MAAM;MACN,OAAO;IAAA;EACT;EAEF,iBAAiB;IACf,UAAU;EAAA;AAEd,CAAC;AAEM,IAAM,eAAe,IAAI;EAC9B,MAAM;EACN,UAAU;IACR,MAAM;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;IAAA;EACN;EAEF,iBAAiB;IACf,MAAM;EAAA;AAEV,CAAC;AAEM,IAAM,cAAc,IAAI;EAC7B,MAAM;EACN,UAAU;IACR,UAAU;MACR,MAAM;MACN,OAAO;IAAA;EACT;EAEF,iBAAiB;IACf,UAAU;EAAA;AAEd,CAAC;;;AC1BM,SAAS,UAAuC;EACrD;EACA;EACA,QAAQ;EACR,SAAS,oBAAoB;EAC7B;EACA,SAAS;EACT;EACA,eAAe;AACjB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAwB,oBAAoB,IAAI;AAClF,QAAM,CAAC,SAAS,UAAU,IAAU,eAAwB,iBAAiB;AAC7E,QAAM,CAAC,SAAS,UAAU,IAAU,eAAiC,qBAAqB,CAAA,CAAE;AAE5F,QAAM,MAAY;IAChB,MACE,gBAAmB;MACjB;MACA;MACA,QAAQ,UAAU;MAClB;MACA;MACA;IAAA,CACD;IACH,CAAC,SAAS,MAAM,QAAQ,SAAS,QAAQ,OAAO;EAAA;AAGlD,QAAM,aAAmB;IACvB,CAAC,aAAqB;AACpB,YAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ;AACjD,UAAI,CAAC,KAAK,SAAU;AAEpB,UAAI,SAAwB;AAC5B,UAAI,WAAW,UAAU;AACvB,iBAAS,YAAY,QAAQ,SAAS;MACxC;AAEA,gBAAU,QAAQ;AAClB,iBAAW,MAAM;AACjB,eAAS,UAAU,MAAM;IAC3B;IACA,CAAC,SAAS,QAAQ,SAAS,MAAM;EAAA;AAGnC,QAAM,eAAqB;IACzB,CAAC,UAAkB,UAAkB;AACnC,iBAAW,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,QAAQ,GAAG,MAAA,EAAQ;IACvD;IACA,CAAA;EAAC;AAGH,QAAM,aAAa,IAAI,MAAM;AAC7B,QAAM,gBAAgB,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU;AAEtD,SAAa;IACX;IACA,EAAE,WAAW,gCAAA;IACP;MACJ;MACA;QACE,WAAW,GAAG,cAAA,GAAiB,SAAS;QACxC,MAAM;MAAA;;MAGF;QACJ;QACA;;QAEM;UACJ;UACA,EAAE,MAAM,MAAA;UACR,GAAG,QAAQ,IAAI,CAAC,QAAQ;AACtB,kBAAM,cAAc,IAAI,eAAe,GAAG;AAC1C,mBAAa;cACX;cACA;gBACE,KAAK,IAAI;gBACT,GAAG;gBACH,WAAW,eAAe,EAAE,UAAU,IAAI,WAAW,SAAS,QAAA,CAAS;gBACvE,SAAS,IAAI,WAAW,MAAM,WAAW,IAAI,EAAE,IAAI;cAAA;cAErD,IAAI;cACJ,IAAI,YAAY,WAAW,IAAI,KACrB,oBAAc,QAAQ,EAAE,eAAe,KAAA,GAAQ,YAAY,QAAQ,YAAY,SAAS,IAC9F;YAAA;UAER,CAAC;QAAA;;QAGH,gBACU;UACJ;UACA,EAAE,MAAM,OAAO,mBAAmB,OAAA;UAClC,GAAG,QAAQ;YAAI,CAAC,QACR;cACJ;cACA,EAAE,KAAK,UAAU,IAAI,EAAE,GAAA;cACvB,IAAI,aACM,oBAAc,SAAS;gBAC3B,MAAM;gBACN,cAAc,UAAU,IAAI,MAAM;gBAClC,OAAO,QAAQ,IAAI,EAAE,KAAK;gBAC1B,UAAU,CAAC,MACT,aAAa,IAAI,IAAI,EAAE,OAAO,KAAK;gBACrC,aAAa;cAAA,CACd,IACD;YAAA;UACN;QACF,IAEF;MAAA;;MAGA;QACJ;QACA;QACA,WAAW,WAAW,IACZ;UACJ;UACA,EAAE,MAAM,MAAA;UACF;YACJ;YACA;cACE,SAAS,QAAQ;cACjB,WAAW;cACX,MAAM;YAAA;YAER;UAAA;QACF,IAEF,WAAW;UAAI,CAAC,KAAK,aACb;YACJ;YACA;cACE,KAAK;cACL,GAAG,IAAI,YAAY,KAAK,QAAQ;cAChC,WAAW,YAAA;YAAY;YAEzB,GAAG,QAAQ;cAAI,CAAC,QACR;gBACJ;gBACA;kBACE,KAAK,IAAI;kBACT,GAAG,IAAI,aAAa,KAAK,GAAG;kBAC5B,WAAW,aAAA;gBAAa;gBAE1B,OAAO,IAAI,SAAS,GAAG,KAAK,EAAE;cAAA;YAChC;UACF;QACF;MACF;IACN;EACF;AAEJ;",
+  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\nexport interface ColumnDef<T = Record<string, unknown>> {\n  /** Unique column identifier */\n  id: string\n  /** Column header text */\n  header: string\n  /**\n   * Value of this column for a row. Drives sorting, filtering and — when no\n   * `cell` renderer is given — the rendered text. Optional for display-only\n   * columns that set `cell`.\n   */\n  accessor?: (row: T) => unknown\n  /**\n   * Custom cell renderer. Framework adapters narrow the return type (React:\n   * `ReactNode`). When omitted the cell renders `String(accessor(row))`.\n   */\n  cell?: (row: T, index: number) => unknown\n  /** Horizontal alignment of header and cells. Defaults to `start`. */\n  align?: DataTableAlign\n  /** Numeric column: tabular figures, no wrapping, aligned to `end` unless `align` says otherwise. */\n  numeric?: boolean\n  /** Extra class for this column's data cells. */\n  className?: string\n  /** Extra class for this column's header cell. */\n  headerClassName?: string\n  /** Whether this column is sortable */\n  sortable?: boolean\n  /** Whether this column is filterable */\n  filterable?: boolean\n}\n\nexport type SortDirection = 'asc' | 'desc'\n\n/** Horizontal alignment of a column (logical, RTL-safe). */\nexport type DataTableAlign = 'start' | 'center' | 'end'\n\n/** A column's effective alignment: explicit `align`, else `end` for numeric columns. */\nexport function resolveColumnAlign(col: { align?: DataTableAlign; numeric?: boolean }): DataTableAlign {\n  return col.align ?? (col.numeric ? 'end' : 'start')\n}\n\n/** The raw value of a column for a row (`undefined` without an accessor). */\nexport function getColumnValue<T>(col: { accessor?: (row: T) => unknown }, row: T): unknown {\n  return col.accessor ? col.accessor(row) : undefined\n}\n\n/**\n * Stable React/DOM key for a row: `getRowKey` when given, else the row's\n * index. Prefer a `getRowKey` — index keys break row state on sort/filter.\n */\nexport function resolveRowKey<T>(\n  row: T,\n  index: number,\n  getRowKey?: (row: T, index: number) => string | number,\n): string | number {\n  return getRowKey ? getRowKey(row, index) : index\n}\n\nexport interface DataTableProps<T = Record<string, unknown>> {\n  /** Column definitions */\n  columns: ColumnDef<T>[]\n  /** Data rows */\n  data: T[]\n  /** Current sort column */\n  sortBy?: string\n  /** Current sort direction */\n  sortDir?: SortDirection\n  /** Callback when sort changes */\n  onSort?: (columnId: string, direction: SortDirection) => void\n  /** Active filters: columnId -> filter value */\n  filters?: Record<string, string>\n}\n\nexport interface DataTableState<T = Record<string, unknown>> {\n  sortedData: T[]\n  sortBy: string | null\n  sortDir: SortDirection\n  filters: Record<string, string>\n}\n\nexport interface DataTableAPI<T = Record<string, unknown>> {\n  /** Current table state */\n  state: DataTableState<T>\n  /** Toggle sort for a column */\n  sort(columnId: string): void\n  /** Set a filter value for a column */\n  setFilter(columnId: string, value: string): void\n  /** Get ARIA and role props for a header cell */\n  getHeaderProps(col: ColumnDef<T>): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Get props for a data cell */\n  getCellProps(col: ColumnDef<T>, row: T): Record<string, unknown>\n  /** Get props for a data row */\n  getRowProps(row: T, index: number): Record<string, unknown>\n}\n\nexport function createDataTable<T = Record<string, unknown>>(\n  props: DataTableProps<T>,\n): DataTableAPI<T> {\n  const {\n    columns,\n    data,\n    sortBy: initialSortBy,\n    sortDir: initialSortDir = 'asc',\n    onSort,\n    filters: initialFilters,\n  } = props\n\n  let sortBy: string | null = initialSortBy ?? null\n  let sortDir: SortDirection = initialSortDir\n  let filters: Record<string, string> = { ...(initialFilters ?? {}) }\n\n  function getFilteredData(): T[] {\n    let result = [...data]\n\n    for (const [columnId, filterValue] of Object.entries(filters)) {\n      if (!filterValue) continue\n      const col = columns.find((c) => c.id === columnId)\n      if (!col?.accessor) continue\n      const lowerFilter = filterValue.toLowerCase()\n      result = result.filter((row) => {\n        const cellValue = getColumnValue(col, row)\n        return String(cellValue ?? '').toLowerCase().includes(lowerFilter)\n      })\n    }\n\n    return result\n  }\n\n  function getSortedData(): T[] {\n    const filtered = getFilteredData()\n\n    if (!sortBy) return filtered\n\n    const col = columns.find((c) => c.id === sortBy)\n    if (!col?.accessor) return filtered\n\n    return [...filtered].sort((a, b) => {\n      const aVal = getColumnValue(col, a)\n      const bVal = getColumnValue(col, b)\n      const aStr = String(aVal ?? '')\n      const bStr = String(bVal ?? '')\n\n      const cmp = aStr.localeCompare(bStr, undefined, { numeric: true })\n      return sortDir === 'asc' ? cmp : -cmp\n    })\n  }\n\n  function sort(columnId: string): void {\n    const col = columns.find((c) => c.id === columnId)\n    if (!col?.sortable) return\n\n    if (sortBy === columnId) {\n      sortDir = sortDir === 'asc' ? 'desc' : 'asc'\n    } else {\n      sortBy = columnId\n      sortDir = 'asc'\n    }\n\n    onSort?.(sortBy, sortDir)\n  }\n\n  function setFilter(columnId: string, value: string): void {\n    filters = { ...filters, [columnId]: value }\n  }\n\n  function getHeaderProps(\n    col: ColumnDef<T>,\n  ): Partial<AccessibilityProps> & Record<string, unknown> {\n    const props: Partial<AccessibilityProps> & Record<string, unknown> = {\n      role: 'columnheader',\n    }\n\n    if (col.sortable) {\n      if (sortBy === col.id) {\n        props['aria-sort'] = sortDir === 'asc' ? 'ascending' : 'descending'\n      } else {\n        props['aria-sort'] = 'none'\n      }\n    }\n\n    return props\n  }\n\n  function getCellProps(\n    col: ColumnDef<T>,\n    _row: T,\n  ): Record<string, unknown> {\n    return {\n      role: 'cell',\n      'data-column': col.id,\n    }\n  }\n\n  function getRowProps(_row: T, index: number): Record<string, unknown> {\n    return {\n      role: 'row',\n      'data-row-index': index,\n    }\n  }\n\n  return {\n    get state(): DataTableState<T> {\n      return {\n        get sortedData() {\n          return getSortedData()\n        },\n        get sortBy() {\n          return sortBy\n        },\n        get sortDir() {\n          return sortDir\n        },\n        get filters() {\n          return { ...filters }\n        },\n      }\n    },\n    sort,\n    setFilter,\n    getHeaderProps,\n    getCellProps,\n    getRowProps,\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const tableVariants = cva({\n  base: 'w-full caption-bottom text-sm border-collapse',\n  variants: {\n    size: {\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const headerVariants = cva({\n  base: 'h-10 px-2 text-left align-middle font-medium text-muted-foreground border-b',\n  variants: {\n    sortable: {\n      true: 'cursor-pointer select-none hover:text-foreground',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    sortable: 'false',\n  },\n})\n\nexport const cellVariants = cva({\n  base: 'p-2 align-middle border-b',\n  variants: {\n    size: {\n      sm: 'p-1',\n      md: 'p-2',\n      lg: 'p-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const rowVariants = cva({\n  base: 'border-b transition-colors hover:bg-muted/50',\n  variants: {\n    selected: {\n      true: 'bg-muted',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    selected: 'false',\n  },\n})\n\n/** Logical text alignment per column alignment. */\nexport const dataTableAlignClass = {\n  start: 'text-start',\n  center: 'text-center',\n  end: 'text-end',\n} as const\n\n/** Numeric cells: tabular figures, no wrapping. */\nexport const dataTableNumericClass = 'tabular-nums whitespace-nowrap'\n\n/** Button inside a sortable header: the keyboard-reachable sort control. */\nexport const dataTableSortButtonClass =\n  'inline-flex items-center gap-1 rounded-sm font-inherit text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n\n/** Rows with a row action: pointer + keyboard focus ring. */\nexport const dataTableActionRowClass =\n  'cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring'\n", "import * as React from 'react'\nimport {\n  createDataTable,\n  tableVariants,\n  headerVariants,\n  cellVariants,\n  rowVariants,\n  resolveColumnAlign,\n  getColumnValue,\n  resolveRowKey,\n  dataTableAlignClass,\n  dataTableNumericClass,\n  dataTableSortButtonClass,\n  dataTableActionRowClass,\n  type ColumnDef,\n  type SortDirection,\n} from '@refraction-ui/data-table'\nimport { cn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Column definition (React): header and cell may be any ReactNode\n// ---------------------------------------------------------------------------\n\nexport interface DataTableColumn<T = Record<string, unknown>>\n  extends Omit<ColumnDef<T>, 'header' | 'cell'> {\n  /** Header content. A string is also used for the filter input's label. */\n  header: React.ReactNode\n  /** Render the cell. Defaults to `String(accessor(row))`. */\n  cell?: (row: T, index: number) => React.ReactNode\n}\n\n// ---------------------------------------------------------------------------\n// DataTable\n// ---------------------------------------------------------------------------\n\nexport interface DataTableProps<T = Record<string, unknown>>\n  extends Omit<React.TableHTMLAttributes<HTMLTableElement>, 'children'> {\n  columns: DataTableColumn<T>[]\n  data: T[]\n  sortBy?: string\n  sortDir?: SortDirection\n  onSort?: (columnId: string, direction: SortDirection) => void\n  filters?: Record<string, string>\n  emptyMessage?: React.ReactNode\n  /** Stable key per row. Defaults to the row index — pass one when rows can reorder. */\n  getRowKey?: (row: T, index: number) => string | number\n  /** Extra attributes for a row (`data-*`, `aria-*`, className, handlers). */\n  getRowProps?: (row: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>\n  /**\n   * Row action. Makes each row focusable (Tab) and activatable with click,\n   * Enter or Space. Keep a real link/button in the row too when the action\n   * needs an accessible name beyond the row's text.\n   */\n  onRowClick?: (row: T, index: number) => void\n  /** Table caption (rendered as `<caption>`). */\n  caption?: React.ReactNode\n  /** Class for the horizontal scroll wrapper. */\n  wrapperClassName?: string\n}\n\nconst ACTIVATION_KEYS = new Set(['Enter', ' '])\n\nfunction filterLabel(header: React.ReactNode, id: string): string {\n  return typeof header === 'string' || typeof header === 'number' ? String(header) : id\n}\n\nexport function DataTable<T = Record<string, unknown>>({\n  columns,\n  data,\n  sortBy: controlledSortBy,\n  sortDir: controlledSortDir = 'asc',\n  onSort,\n  filters: controlledFilters,\n  className,\n  emptyMessage = 'No data available',\n  getRowKey,\n  getRowProps,\n  onRowClick,\n  caption,\n  wrapperClassName,\n  ...tableProps\n}: DataTableProps<T>) {\n  const [sortBy, setSortBy] = React.useState<string | null>(controlledSortBy ?? null)\n  const [sortDir, setSortDir] = React.useState<SortDirection>(controlledSortDir)\n  const [filters, setFilters] = React.useState<Record<string, string>>(controlledFilters ?? {})\n\n  const api = React.useMemo(\n    () =>\n      createDataTable<T>({\n        // The core only reads id/accessor/sortable/filterable; header and cell\n        // are rendered here.\n        columns: columns as unknown as ColumnDef<T>[],\n        data,\n        sortBy: sortBy ?? undefined,\n        sortDir,\n        onSort,\n        filters,\n      }),\n    [columns, data, sortBy, sortDir, onSort, filters],\n  )\n\n  const handleSort = (columnId: string) => {\n    const col = columns.find((c) => c.id === columnId)\n    if (!col?.sortable) return\n    const newDir: SortDirection = sortBy === columnId && sortDir === 'asc' ? 'desc' : 'asc'\n    setSortBy(columnId)\n    setSortDir(newDir)\n    onSort?.(columnId, newDir)\n  }\n\n  const handleFilter = (columnId: string, value: string) => {\n    setFilters((prev) => ({ ...prev, [columnId]: value }))\n  }\n\n  const rows = api.state.sortedData\n  const hasFilterable = columns.some((c) => c.filterable)\n\n  const rowElementProps = (row: T, index: number): React.HTMLAttributes<HTMLTableRowElement> => {\n    const extra = getRowProps?.(row, index) ?? {}\n    if (!onRowClick) return extra\n    return {\n      tabIndex: 0,\n      ...extra,\n      className: cn(dataTableActionRowClass, extra.className),\n      onClick: (e) => {\n        extra.onClick?.(e)\n        if (!e.defaultPrevented) onRowClick(row, index)\n      },\n      onKeyDown: (e) => {\n        extra.onKeyDown?.(e)\n        // Only when the row itself is focused — not a control inside it.\n        if (e.defaultPrevented || e.target !== e.currentTarget || !ACTIVATION_KEYS.has(e.key)) return\n        e.preventDefault()\n        onRowClick(row, index)\n      },\n    }\n  }\n\n  return (\n    <div className={cn('relative w-full overflow-auto', wrapperClassName)}>\n      <table className={cn(tableVariants(), className)} role=\"table\" {...tableProps}>\n        {caption != null && <caption className=\"mt-2 caption-bottom text-xs text-muted-foreground\">{caption}</caption>}\n        <thead>\n          <tr role=\"row\">\n            {columns.map((col) => {\n              const headerProps = api.getHeaderProps(col as unknown as ColumnDef<T>)\n              const align = resolveColumnAlign(col)\n              const indicator =\n                col.sortable && sortBy === col.id ? (\n                  <span aria-hidden=\"true\">{sortDir === 'asc' ? '↑' : '↓'}</span>\n                ) : null\n              return (\n                <th\n                  key={col.id}\n                  {...headerProps}\n                  className={cn(\n                    headerVariants({ sortable: col.sortable ? 'true' : 'false' }),\n                    dataTableAlignClass[align],\n                    col.headerClassName,\n                  )}\n                >\n                  {col.sortable ? (\n                    <button type=\"button\" className={dataTableSortButtonClass} onClick={() => handleSort(col.id)}>\n                      {col.header}\n                      {indicator}\n                    </button>\n                  ) : (\n                    col.header\n                  )}\n                </th>\n              )\n            })}\n          </tr>\n          {hasFilterable && (\n            <tr role=\"row\" data-filter-row=\"true\">\n              {columns.map((col) => (\n                <th key={`filter-${col.id}`}>\n                  {col.filterable ? (\n                    <input\n                      type=\"text\"\n                      aria-label={`Filter ${filterLabel(col.header, col.id)}`}\n                      value={filters[col.id] ?? ''}\n                      onChange={(e) => handleFilter(col.id, e.target.value)}\n                      placeholder=\"Filter...\"\n                    />\n                  ) : null}\n                </th>\n              ))}\n            </tr>\n          )}\n        </thead>\n        <tbody>\n          {rows.length === 0 ? (\n            <tr role=\"row\">\n              <td colSpan={columns.length} className=\"text-center p-4 text-muted-foreground\" role=\"cell\">\n                {emptyMessage}\n              </td>\n            </tr>\n          ) : (\n            rows.map((row, rowIndex) => {\n              const rowProps = rowElementProps(row, rowIndex)\n              return (\n              <tr\n                key={resolveRowKey(row, rowIndex, getRowKey)}\n                {...api.getRowProps(row, rowIndex)}\n                {...rowProps}\n                className={cn(rowVariants(), rowProps.className)}\n              >\n                {columns.map((col) => (\n                  <td\n                    key={col.id}\n                    {...api.getCellProps(col as unknown as ColumnDef<T>, row)}\n                    className={cn(\n                      cellVariants(),\n                      dataTableAlignClass[resolveColumnAlign(col)],\n                      col.numeric && dataTableNumericClass,\n                      col.className,\n                    )}\n                  >\n                    {col.cell ? col.cell(row, rowIndex) : String(getColumnValue(col, row) ?? '')}\n                  </td>\n                ))}\n              </tr>\n              )\n            })\n          )}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["props"]
 }

package/dist/react-date-picker.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-date-picker/dist/index.js
 import * as React from "react";

package/dist/react-device-frame.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-device-frame/dist/index.js
 import * as React from "react";

package/dist/react-dialog.js

@@ -2,12 +2,12 @@ import {
   createDialog,
   dialogContentVariants,
   overlayStyles
-} from "./chunk-VK3EQ34F.js";
+} from "./chunk-V24GDHUX.js";
 import {
   cn,
   createKeyboardHandler,
   devWarn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-dialog/dist/index.js
 import * as React from "react";
@@ -48,6 +48,8 @@ function Dialog({
     apiRef.current = createDialog({ open, modal });
   }
   const api = apiRef.current;
+  const [hasTitle, setHasTitle] = React.useState(false);
+  const [hasDescription, setHasDescription] = React.useState(false);
   const ctx = React.useMemo(
     () => ({
       open,
@@ -55,9 +57,13 @@ function Dialog({
       modal,
       contentId: api.ids.content,
       titleId: api.ids.title,
-      descriptionId: api.ids.description
+      descriptionId: api.ids.description,
+      hasTitle,
+      hasDescription,
+      setHasTitle,
+      setHasDescription
     }),
-    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description]
+    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description, hasTitle, hasDescription]
   );
   return React.createElement(DialogContext.Provider, { value: ctx }, children);
 }
@@ -102,9 +108,17 @@ var DialogOverlay = React.forwardRef(
     });
   }
 );
+function containsElement(node, type) {
+  let found = false;
+  React.Children.forEach(node, (child) => {
+    if (found || !React.isValidElement(child)) return;
+    found = child.type === type || containsElement(child.props.children, type);
+  });
+  return found;
+}
 var DialogContent = React.forwardRef(
   function DialogContent2({ className, children, onKeyDown, ...props }, ref) {
-    const { open, onOpenChange, modal, contentId, titleId, descriptionId } = useDialogContext();
+    const { open, onOpenChange, modal, contentId, titleId, descriptionId, hasTitle, hasDescription } = useDialogContext();
     React.useMemo(
       () => createDialog({ open, modal }),
       [open, modal]
@@ -126,8 +140,10 @@ var DialogContent = React.forwardRef(
         ref,
         role: "dialog",
         "aria-modal": modal,
-        "aria-labelledby": titleId,
-        "aria-describedby": descriptionId,
+        // Reference only parts that exist: an id pointing at nothing leaves the
+        // dialog unnamed while looking labelled.
+        "aria-labelledby": hasTitle || containsElement(children, DialogTitle) ? titleId : void 0,
+        "aria-describedby": hasDescription || containsElement(children, DialogDescription) ? descriptionId : void 0,
         id: contentId,
         className: cn(dialogContentVariants(), className),
         onKeyDown: handleKeyDown,
@@ -165,7 +181,11 @@ var DialogFooter = React.forwardRef(
 );
 var DialogTitle = React.forwardRef(
   function DialogTitle2({ className, ...props }, ref) {
-    const { titleId } = useDialogContext();
+    const { titleId, setHasTitle } = useDialogContext();
+    React.useEffect(() => {
+      setHasTitle(true);
+      return () => setHasTitle(false);
+    }, [setHasTitle]);
     return React.createElement("h2", {
       ref,
       id: titleId,
@@ -175,7 +195,11 @@ var DialogTitle = React.forwardRef(
   }
 );
 var DialogDescription = React.forwardRef(function DialogDescription2({ className, ...props }, ref) {
-  const { descriptionId } = useDialogContext();
+  const { descriptionId, setHasDescription } = useDialogContext();
+  React.useEffect(() => {
+    setHasDescription(true);
+    return () => setHasDescription(false);
+  }, [setHasDescription]);
   return React.createElement("p", {
     ref,
     id: descriptionId,

package/dist/react-dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../react-dialog/src/dialog.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport {\n  createDialog,\n  overlayStyles,\n  dialogContentVariants,\n  type DialogProps as CoreDialogProps,\n} from '@refraction-ui/dialog'\nimport { cn, createKeyboardHandler, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface DialogContextValue {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  modal: boolean\n  contentId: string\n  titleId: string\n  descriptionId: string\n}\n\nconst DialogContext = React.createContext<DialogContextValue | null>(null)\n\nfunction useDialogContext(): DialogContextValue {\n  const ctx = React.useContext(DialogContext)\n  if (!ctx) {\n    devWarn(\n      'react-dialog/context-outside-provider',\n      'Dialog compound components (DialogTrigger/DialogContent/DialogTitle/etc.) must be rendered inside a <Dialog>. The missing DialogContext makes this throw.',\n    )\n    throw new Error('Dialog compound components must be used within <Dialog>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// Dialog (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface DialogProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  modal?: boolean\n  children?: React.ReactNode\n}\n\nexport function Dialog({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  modal = true,\n  children,\n}: DialogProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  // Use the headless core to get stable IDs\n  const apiRef = React.useRef<ReturnType<typeof createDialog> | null>(null)\n  if (apiRef.current === null) {\n    apiRef.current = createDialog({ open, modal })\n  }\n  const api = apiRef.current\n\n  const ctx = React.useMemo<DialogContextValue>(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      modal,\n      contentId: api.ids.content,\n      titleId: api.ids.title,\n      descriptionId: api.ids.description,\n    }),\n    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description],\n  )\n\n  return React.createElement(DialogContext.Provider, { value: ctx }, children)\n}\n\n// ---------------------------------------------------------------------------\n// DialogTrigger\n// ---------------------------------------------------------------------------\n\nexport interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n}\n\nexport const DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  function DialogTrigger({ onClick, children, ...props }, ref) {\n    const { open, onOpenChange, contentId } = useDialogContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(!open)\n      onClick?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        'aria-expanded': open,\n        'aria-controls': contentId,\n        'aria-haspopup': 'dialog',\n        onClick: handleClick,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogOverlay\n// ---------------------------------------------------------------------------\n\nexport interface DialogOverlayProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(\n  function DialogOverlay({ className, onClick, ...props }, ref) {\n    const { open, onOpenChange } = useDialogContext()\n\n    if (!open) return null\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      // Only close if clicking the overlay itself, not children\n      if (e.target === e.currentTarget) {\n        onOpenChange(false)\n      }\n      onClick?.(e)\n    }\n\n    return React.createElement('div', {\n      ref,\n      className: cn(overlayStyles, className),\n      'data-state': open ? 'open' : 'closed',\n      onClick: handleClick,\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogContent\n// ---------------------------------------------------------------------------\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent({ className, children, onKeyDown, ...props }, ref) {\n    const { open, onOpenChange, modal, contentId, titleId, descriptionId } =\n      useDialogContext()\n\n    const api = React.useMemo(\n      () => createDialog({ open, modal }),\n      [open, modal],\n    )\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const handler = createKeyboardHandler({\n        Escape: (ev) => {\n          ev.preventDefault()\n          onOpenChange(false)\n        },\n      })\n      handler(e.nativeEvent)\n      onKeyDown?.(e)\n    }\n\n    if (!open) return null\n\n    const content = React.createElement(\n      'div',\n      {\n        ref,\n        role: 'dialog',\n        'aria-modal': modal,\n        'aria-labelledby': titleId,\n        'aria-describedby': descriptionId,\n        id: contentId,\n        className: cn(dialogContentVariants(), className),\n        onKeyDown: handleKeyDown,\n        tabIndex: -1,\n        ...props,\n      },\n      children,\n    )\n\n    // Render via portal if document is available (client-side)\n    if (typeof document !== 'undefined') {\n      return ReactDOM.createPortal(content, document.body)\n    }\n\n    // SSR fallback: render inline\n    return content\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogHeader\n// ---------------------------------------------------------------------------\n\nexport interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogHeader = React.forwardRef<HTMLDivElement, DialogHeaderProps>(\n  function DialogHeader({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogFooter\n// ---------------------------------------------------------------------------\n\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogFooter = React.forwardRef<HTMLDivElement, DialogFooterProps>(\n  function DialogFooter({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n        className,\n      ),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogTitle\n// ---------------------------------------------------------------------------\n\nexport interface DialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nexport const DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(\n  function DialogTitle({ className, ...props }, ref) {\n    const { titleId } = useDialogContext()\n\n    return React.createElement('h2', {\n      ref,\n      id: titleId,\n      className: cn('text-lg font-semibold leading-none tracking-tight', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogDescription\n// ---------------------------------------------------------------------------\n\nexport interface DialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nexport const DialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  DialogDescriptionProps\n>(function DialogDescription({ className, ...props }, ref) {\n  const { descriptionId } = useDialogContext()\n\n  return React.createElement('p', {\n    ref,\n    id: descriptionId,\n    className: cn('text-sm text-muted-foreground', className),\n    ...props,\n  })\n})\n\n// ---------------------------------------------------------------------------\n// DialogClose\n// ---------------------------------------------------------------------------\n\nexport interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(\n  function DialogClose({ onClick, children, ...props }, ref) {\n    const { onOpenChange } = useDialogContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(false)\n      onClick?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        onClick: handleClick,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport {\n  createDialog,\n  overlayStyles,\n  dialogContentVariants,\n  type DialogProps as CoreDialogProps,\n} from '@refraction-ui/dialog'\nimport { cn, createKeyboardHandler, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface DialogContextValue {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  modal: boolean\n  contentId: string\n  titleId: string\n  descriptionId: string\n  /** Whether a DialogTitle / DialogDescription is mounted — only then is it referenced. */\n  hasTitle: boolean\n  hasDescription: boolean\n  setHasTitle: (present: boolean) => void\n  setHasDescription: (present: boolean) => void\n}\n\nconst DialogContext = React.createContext<DialogContextValue | null>(null)\n\nfunction useDialogContext(): DialogContextValue {\n  const ctx = React.useContext(DialogContext)\n  if (!ctx) {\n    devWarn(\n      'react-dialog/context-outside-provider',\n      'Dialog compound components (DialogTrigger/DialogContent/DialogTitle/etc.) must be rendered inside a <Dialog>. The missing DialogContext makes this throw.',\n    )\n    throw new Error('Dialog compound components must be used within <Dialog>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// Dialog (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface DialogProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  modal?: boolean\n  children?: React.ReactNode\n}\n\nexport function Dialog({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  modal = true,\n  children,\n}: DialogProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  // Use the headless core to get stable IDs\n  const apiRef = React.useRef<ReturnType<typeof createDialog> | null>(null)\n  if (apiRef.current === null) {\n    apiRef.current = createDialog({ open, modal })\n  }\n  const api = apiRef.current\n  const [hasTitle, setHasTitle] = React.useState(false)\n  const [hasDescription, setHasDescription] = React.useState(false)\n\n  const ctx = React.useMemo<DialogContextValue>(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      modal,\n      contentId: api.ids.content,\n      titleId: api.ids.title,\n      descriptionId: api.ids.description,\n      hasTitle,\n      hasDescription,\n      setHasTitle,\n      setHasDescription,\n    }),\n    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description, hasTitle, hasDescription],\n  )\n\n  return React.createElement(DialogContext.Provider, { value: ctx }, children)\n}\n\n// ---------------------------------------------------------------------------\n// DialogTrigger\n// ---------------------------------------------------------------------------\n\nexport interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n}\n\nexport const DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  function DialogTrigger({ onClick, children, ...props }, ref) {\n    const { open, onOpenChange, contentId } = useDialogContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(!open)\n      onClick?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        'aria-expanded': open,\n        'aria-controls': contentId,\n        'aria-haspopup': 'dialog',\n        onClick: handleClick,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogOverlay\n// ---------------------------------------------------------------------------\n\nexport interface DialogOverlayProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(\n  function DialogOverlay({ className, onClick, ...props }, ref) {\n    const { open, onOpenChange } = useDialogContext()\n\n    if (!open) return null\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      // Only close if clicking the overlay itself, not children\n      if (e.target === e.currentTarget) {\n        onOpenChange(false)\n      }\n      onClick?.(e)\n    }\n\n    return React.createElement('div', {\n      ref,\n      className: cn(overlayStyles, className),\n      'data-state': open ? 'open' : 'closed',\n      onClick: handleClick,\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogContent\n// ---------------------------------------------------------------------------\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Whether `type` appears in the element tree — covers the first and server\n * render, before a mounted DialogTitle/DialogDescription has registered.\n * Parts nested inside custom components are found once they mount.\n */\nfunction containsElement(node: React.ReactNode, type: React.ElementType): boolean {\n  let found = false\n  React.Children.forEach(node, (child) => {\n    if (found || !React.isValidElement<{ children?: React.ReactNode }>(child)) return\n    found = child.type === type || containsElement(child.props.children, type)\n  })\n  return found\n}\n\nexport const DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent({ className, children, onKeyDown, ...props }, ref) {\n    const { open, onOpenChange, modal, contentId, titleId, descriptionId, hasTitle, hasDescription } =\n      useDialogContext()\n\n    const api = React.useMemo(\n      () => createDialog({ open, modal }),\n      [open, modal],\n    )\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const handler = createKeyboardHandler({\n        Escape: (ev) => {\n          ev.preventDefault()\n          onOpenChange(false)\n        },\n      })\n      handler(e.nativeEvent)\n      onKeyDown?.(e)\n    }\n\n    if (!open) return null\n\n    const content = React.createElement(\n      'div',\n      {\n        ref,\n        role: 'dialog',\n        'aria-modal': modal,\n        // Reference only parts that exist: an id pointing at nothing leaves the\n        // dialog unnamed while looking labelled.\n        'aria-labelledby': hasTitle || containsElement(children, DialogTitle) ? titleId : undefined,\n        'aria-describedby':\n          hasDescription || containsElement(children, DialogDescription) ? descriptionId : undefined,\n        id: contentId,\n        className: cn(dialogContentVariants(), className),\n        onKeyDown: handleKeyDown,\n        tabIndex: -1,\n        ...props,\n      },\n      children,\n    )\n\n    // Render via portal if document is available (client-side)\n    if (typeof document !== 'undefined') {\n      return ReactDOM.createPortal(content, document.body)\n    }\n\n    // SSR fallback: render inline\n    return content\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogHeader\n// ---------------------------------------------------------------------------\n\nexport interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogHeader = React.forwardRef<HTMLDivElement, DialogHeaderProps>(\n  function DialogHeader({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogFooter\n// ---------------------------------------------------------------------------\n\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DialogFooter = React.forwardRef<HTMLDivElement, DialogFooterProps>(\n  function DialogFooter({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n        className,\n      ),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogTitle\n// ---------------------------------------------------------------------------\n\nexport interface DialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nexport const DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(\n  function DialogTitle({ className, ...props }, ref) {\n    const { titleId, setHasTitle } = useDialogContext()\n    React.useEffect(() => {\n      setHasTitle(true)\n      return () => setHasTitle(false)\n    }, [setHasTitle])\n\n    return React.createElement('h2', {\n      ref,\n      id: titleId,\n      className: cn('text-lg font-semibold leading-none tracking-tight', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DialogDescription\n// ---------------------------------------------------------------------------\n\nexport interface DialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nexport const DialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  DialogDescriptionProps\n>(function DialogDescription({ className, ...props }, ref) {\n  const { descriptionId, setHasDescription } = useDialogContext()\n  React.useEffect(() => {\n    setHasDescription(true)\n    return () => setHasDescription(false)\n  }, [setHasDescription])\n\n  return React.createElement('p', {\n    ref,\n    id: descriptionId,\n    className: cn('text-sm text-muted-foreground', className),\n    ...props,\n  })\n})\n\n// ---------------------------------------------------------------------------\n// DialogClose\n// ---------------------------------------------------------------------------\n\nexport interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(\n  function DialogClose({ onClick, children, ...props }, ref) {\n    const { onOpenChange } = useDialogContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(false)\n      onClick?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        onClick: handleClick,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n"],
+  "mappings": "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",
   "names": ["DialogTrigger", "DialogOverlay", "DialogContent", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription", "DialogClose"]
 }

package/dist/react-diff-viewer.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-diff-viewer/dist/index.js
 import * as React from "react";