@timmbr/ui 1.13.2 → 1.14.0

package/dist/components/AttributeValueField/AttributeValueField.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export type AttributeValueFieldType = "STRING" | "INTEGER" | "DECIMAL" | "LIST" | "BOOLEAN";
+export interface AttributeValueFieldOption {
+    label: string;
+    slug: string;
+    swatchHex?: string | null;
+}
+export interface AttributeValueFieldProps {
+    type: AttributeValueFieldType;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    options?: AttributeValueFieldOption[];
+    unit?: string | null;
+    disabled?: boolean;
+    size?: "sm" | "md";
+    className?: string;
+    id?: string;
+}
+export declare const AttributeValueField: React.FC<AttributeValueFieldProps>;
+//# sourceMappingURL=AttributeValueField.d.ts.map

package/dist/components/AttributeValueField/AttributeValueField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeValueField.d.ts","sourceRoot":"","sources":["../../../src/components/AttributeValueField/AttributeValueField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,MAAM,uBAAuB,GAC/B,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,yBAAyB,EAAE,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiIlE,CAAC"}

package/dist/components/AttributeValueField/AttributeValueField.js

@@ -0,0 +1,130 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '@timmbr/utils';
+import { Switch } from '../Switch/Switch.js';
+import { Inline } from '../Inline/Inline.js';
+import { Input } from '../Input/Input.js';
+import { Text } from '../Text/Text.js';
+import { Stack } from '../Stack/Stack.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { Select } from '../Select/Select.js';
+
+const AttributeValueField = ({
+  type,
+  value,
+  onChange,
+  options = [],
+  unit,
+  disabled,
+  size = "sm",
+  className,
+  id
+}) => {
+  const inputSize = size === "sm" ? "sm" : "md";
+  if (type === "BOOLEAN") {
+    const checked = value === true || value === "true";
+    return /* @__PURE__ */ jsx(
+      Switch,
+      {
+        id,
+        checked,
+        onCheckedChange: (next) => onChange(next),
+        disabled,
+        className
+      }
+    );
+  }
+  if (type === "INTEGER" || type === "DECIMAL") {
+    return /* @__PURE__ */ jsxs(Inline, { gap: 2, align: "center", className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          type: "number",
+          size: inputSize,
+          step: type === "INTEGER" ? 1 : "any",
+          value: value === void 0 || value === null ? "" : String(value),
+          onChange: (e) => {
+            const raw = e.target.value;
+            if (raw === "") {
+              onChange("");
+              return;
+            }
+            onChange(type === "INTEGER" ? parseInt(raw, 10) : parseFloat(raw));
+          },
+          disabled,
+          className: "flex-1"
+        }
+      ),
+      unit ? /* @__PURE__ */ jsx(Text, { variant: "caption", foreground: "muted", className: "shrink-0", children: unit }) : null
+    ] });
+  }
+  if (type === "LIST" && options.length > 0) {
+    const selected = Array.isArray(value) ? value : value ? [String(value)] : [];
+    return /* @__PURE__ */ jsx(Stack, { gap: 2, className, children: options.map((opt) => {
+      const optValue = opt.slug || opt.label;
+      const isChecked = selected.includes(optValue);
+      return /* @__PURE__ */ jsxs(Inline, { gap: 2, align: "center", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: id ? `${id}-${opt.slug}` : void 0,
+            checked: isChecked,
+            disabled,
+            onCheckedChange: (checked) => {
+              if (checked) {
+                onChange([...selected, optValue]);
+              } else {
+                onChange(selected.filter((v) => v !== optValue));
+              }
+            }
+          }
+        ),
+        opt.swatchHex ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "size-4 rounded-sm border border-border shrink-0",
+            style: { backgroundColor: opt.swatchHex }
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(Text, { variant: "body-2", children: opt.label })
+      ] }, opt.slug);
+    }) });
+  }
+  if (type === "LIST" || type === "STRING") {
+    if (options.length > 0) {
+      const selectValue = value === void 0 || value === null ? "" : String(value);
+      return /* @__PURE__ */ jsx(
+        Select,
+        {
+          id,
+          size: inputSize,
+          value: selectValue,
+          onValueChange: (v) => onChange(v),
+          disabled,
+          className,
+          options: [
+            { value: "", label: "Select…" },
+            ...options.map((o) => ({
+              value: o.slug || o.label,
+              label: o.label
+            }))
+          ]
+        }
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      id,
+      size: inputSize,
+      value: value === void 0 || value === null ? "" : String(value),
+      onChange: (e) => onChange(e.target.value),
+      disabled,
+      className
+    }
+  );
+};
+
+export { AttributeValueField };

package/dist/components/AttributeValueField/index.d.ts

@@ -0,0 +1,2 @@
+export { AttributeValueField, type AttributeValueFieldProps, type AttributeValueFieldType, type AttributeValueFieldOption, } from "./AttributeValueField";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AttributeValueField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AttributeValueField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,uBAAuB,CAAC"}

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { flexRender, type ColumnDef } from '@tanstack/react-table';
+import type { DataTableProps } from './DataTable.types';
+export declare function DataTable<TData, TValue = unknown>({ data, columns, sorting, onSortingChange, rowSelection, onRowSelectionChange, className, containerClassName, bordered, variant, size, emptyMessage, isLoading, getRowId, onRowClick, stickyHeader, showScrollIndicator, motion: motionProp, }: DataTableProps<TData, TValue>): React.JSX.Element;
+export declare namespace DataTable {
+    var displayName: string;
+}
+export { flexRender };
+export type { ColumnDef };
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,UAAU,EAGV,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAc/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,EACjD,IAAI,EACJ,OAAO,EACP,OAAO,EACP,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAkC,EAClC,SAAiB,EACjB,QAAQ,EACR,UAAU,EACV,YAAmB,EACnB,mBAA0B,EAC1B,MAAM,EAAE,UAAU,GACnB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,qBA+L/B;yBAlNe,SAAS;;;AAsNzB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,177 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+export { flexRender } from '@tanstack/react-table';
+import { ChevronUp, ChevronDown, ChevronsUpDown } from '@timmbr/icons';
+import { cn } from '@timmbr/utils';
+import { motion } from '@timmbr/motion';
+import { resolveMotion } from '../../types/motion.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../Table/Table.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+function DataTable({
+  data,
+  columns,
+  sorting,
+  onSortingChange,
+  rowSelection,
+  onRowSelectionChange,
+  className,
+  containerClassName,
+  bordered,
+  variant,
+  size,
+  emptyMessage = "No results found.",
+  isLoading = false,
+  getRowId,
+  onRowClick,
+  stickyHeader = true,
+  showScrollIndicator = true,
+  motion: motionProp
+}) {
+  const [internalSorting, setInternalSorting] = React.useState([]);
+  const [internalRowSelection, setInternalRowSelection] = React.useState({});
+  const scrollContainerRef = React.useRef(null);
+  const globalMotion = useGlobalAnimation();
+  const { shouldAnimate } = resolveMotion(motionProp, globalMotion);
+  const [scrollProgress, setScrollProgress] = React.useState(0);
+  React.useEffect(() => {
+    const el = scrollContainerRef.current;
+    if (!el) return;
+    const updateProgress = () => {
+      const maxScroll = el.scrollHeight - el.clientHeight;
+      setScrollProgress(maxScroll > 0 ? el.scrollTop / maxScroll : 0);
+    };
+    updateProgress();
+    el.addEventListener("scroll", updateProgress, { passive: true });
+    const resizeObserver = new ResizeObserver(updateProgress);
+    resizeObserver.observe(el);
+    return () => {
+      el.removeEventListener("scroll", updateProgress);
+      resizeObserver.disconnect();
+    };
+  }, [data]);
+  React.useEffect(() => {
+    if (typeof scrollContainerRef.current?.scrollTo === "function") {
+      scrollContainerRef.current.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  }, [data]);
+  const table = useReactTable({
+    data,
+    columns,
+    state: {
+      sorting: sorting !== void 0 ? sorting : internalSorting,
+      rowSelection: rowSelection !== void 0 ? rowSelection : internalRowSelection
+    },
+    onSortingChange: onSortingChange ?? setInternalSorting,
+    onRowSelectionChange: onRowSelectionChange ?? setInternalRowSelection,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    enableRowSelection: true,
+    getRowId
+  });
+  const resolvedContainerClassName = cn(
+    stickyHeader && "min-h-0 h-full",
+    containerClassName
+  );
+  return /* @__PURE__ */ jsxs(
+    Table,
+    {
+      className: cn(stickyHeader && "border-separate border-spacing-0", className),
+      containerClassName: resolvedContainerClassName,
+      containerRef: scrollContainerRef,
+      bordered,
+      variant,
+      size,
+      children: [
+        showScrollIndicator && shouldAnimate && /* @__PURE__ */ jsx("caption", { className: "p-0 caption-top", children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            style: { scaleX: scrollProgress },
+            className: "sticky top-0 z-30 h-0.5 w-full bg-primary origin-left pointer-events-none transition-transform duration-150 ease-out"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { className: "border-b border-border hover:bg-transparent", children: headerGroup.headers.map((header) => {
+          const canSort = header.column.getCanSort();
+          const isSorted = header.column.getIsSorted();
+          return /* @__PURE__ */ jsx(
+            TableHead,
+            {
+              colSpan: header.colSpan,
+              className: cn(
+                stickyHeader ? "sticky top-0 z-20 bg-card border-b border-border" : "static shadow-none",
+                canSort && "cursor-pointer select-none"
+              ),
+              onClick: canSort ? header.column.getToggleSortingHandler() : void 0,
+              children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { children: flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                ) }),
+                canSort && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center text-muted-foreground", children: isSorted === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5 text-foreground" }) : isSorted === "desc" ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-3.5 opacity-40 hover:opacity-100 transition-opacity" }) })
+              ] })
+            },
+            header.id
+          );
+        }) }, headerGroup.id)) }),
+        /* @__PURE__ */ jsx(TableBody, { children: isLoading ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            colSpan: columns.length,
+            className: "h-28 text-center text-muted-foreground",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "inline-block size-4 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
+              /* @__PURE__ */ jsx("span", { children: "Loading..." })
+            ] })
+          }
+        ) }) : table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row, index) => {
+          const isSelected = row.getIsSelected();
+          const cells = row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
+          if (shouldAnimate) {
+            return /* @__PURE__ */ jsx(
+              motion.tr,
+              {
+                "data-state": isSelected ? "selected" : void 0,
+                initial: { opacity: 0, y: 4 },
+                animate: { opacity: 1, y: 0 },
+                transition: {
+                  duration: 0.2,
+                  ease: [0.16, 1, 0.3, 1],
+                  delay: Math.min(index * 0.015, 0.15)
+                },
+                className: cn(
+                  "border-b border-grey-200 dark:border-grey-800 transition-colors data-[state=selected]:bg-primary/5 hover:bg-grey-50/80 dark:hover:bg-grey-900/60",
+                  onRowClick && "cursor-pointer"
+                ),
+                onClick: () => onRowClick?.(row),
+                children: cells
+              },
+              row.id
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            TableRow,
+            {
+              "data-state": isSelected ? "selected" : void 0,
+              className: cn(onRowClick && "cursor-pointer"),
+              onClick: () => onRowClick?.(row),
+              children: cells
+            },
+            row.id
+          );
+        }) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            colSpan: columns.length,
+            className: "h-28 text-center text-muted-foreground",
+            children: emptyMessage
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+DataTable.displayName = "DataTable";
+
+export { DataTable };

package/dist/components/DataTable/DataTable.types.d.ts

@@ -0,0 +1,42 @@
+import type * as React from 'react';
+import type { ColumnDef, HeaderContext, CellContext, SortingState, RowSelectionState, OnChangeFn, Row, Table as ReactTableInstance } from '@tanstack/react-table';
+import type { TableProps } from '../Table/Table.types';
+import type { MotionProps } from '../../types/motion';
+export type { ColumnDef, HeaderContext, CellContext, SortingState, RowSelectionState, OnChangeFn, Row, ReactTableInstance, };
+export interface DataTableProps<TData, TValue = unknown> extends MotionProps {
+    /** The data to display in the table. */
+    data: TData[];
+    /** Column definitions conforming to TanStack Table's ColumnDef specification. */
+    columns: ColumnDef<TData, TValue>[];
+    /** Controlled sorting state. */
+    sorting?: SortingState;
+    /** Callback fired when sorting changes. */
+    onSortingChange?: OnChangeFn<SortingState>;
+    /** Controlled row selection state (mapping rowId to boolean). */
+    rowSelection?: RowSelectionState;
+    /** Callback fired when row selection changes. */
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    /** Additional CSS class names for the table element. */
+    className?: string;
+    /** Additional CSS class names for the table container. */
+    containerClassName?: string;
+    /** Whether the table should render with borders. */
+    bordered?: boolean;
+    /** Table visual variant: 'default' | 'striped' | 'bordered'. */
+    variant?: TableProps['variant'];
+    /** Table row density: 'sm' | 'default'. */
+    size?: TableProps['size'];
+    /** Custom content to display when there are no records. */
+    emptyMessage?: React.ReactNode;
+    /** Whether data is loading (renders skeleton or loading indicator). */
+    isLoading?: boolean;
+    /** Optional function to determine unique ID for each row. */
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
+    /** Optional click handler for table rows. */
+    onRowClick?: (row: Row<TData>) => void;
+    /** Whether the table header remains sticky while scrolling rows. @default true */
+    stickyHeader?: boolean;
+    /** Whether to render a smooth motion spring scroll progress indicator. @default true */
+    showScrollIndicator?: boolean;
+}
+//# sourceMappingURL=DataTable.types.d.ts.map

package/dist/components/DataTable/DataTable.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,KAAK,IAAI,kBAAkB,EAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,YAAY,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,kBAAkB,GACnB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAE,SAAQ,WAAW;IAC1E,wCAAwC;IACxC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,iFAAiF;IACjF,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,gCAAgC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3C,iEAAiE;IACjE,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACrD,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IAC9E,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACvC,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B"}

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DataTable';
+export * from './DataTable.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dist/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,KAAK,qFAWjB,CAAC;AAGF,eAAO,MAAM,WAAW,kGASvB,CAAC;AAGF,eAAO,MAAM,SAAS,gGASrB,CAAC;AAGF,eAAO,MAAM,WAAW,kGASvB,CAAC;AAGF,eAAO,MAAM,QAAQ,2FASpB,CAAC;AAGF,eAAO,MAAM,SAAS,6FASrB,CAAC;AAGF,eAAO,MAAM,SAAS,6FASrB,CAAC;AAGF,eAAO,MAAM,YAAY,mGASxB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,KAAK,qFAcjB,CAAC;AAGF,eAAO,MAAM,WAAW,kGASvB,CAAC;AAGF,eAAO,MAAM,SAAS,gGASrB,CAAC;AAGF,eAAO,MAAM,WAAW,kGASvB,CAAC;AAGF,eAAO,MAAM,QAAQ,2FASpB,CAAC;AAGF,eAAO,MAAM,SAAS,6FASrB,CAAC;AAGF,eAAO,MAAM,SAAS,6FASrB,CAAC;AAGF,eAAO,MAAM,YAAY,mGASxB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Table/Table.js

@@ -5,15 +5,22 @@ import { cn } from '@timmbr/utils';
 import { tableVariants, tableContainerVariants, tableCellVariants, tableFooterVariants, tableHeadVariants, tableRowVariants } from './Table.styles.js';
 
 const Table = React.forwardRef(
-  ({ className, containerClassName, variant, size, bordered, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn(tableContainerVariants({ bordered }), containerClassName), children: /* @__PURE__ */ jsx(
-    "table",
+  ({ className, containerClassName, containerRef, variant, size, bordered, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
     {
-      ref,
-      "data-slot": "table",
-      className: cn(tableVariants({ variant, size }), className),
-      ...props
+      ref: containerRef,
+      className: cn(tableContainerVariants({ bordered }), containerClassName),
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          ref,
+          "data-slot": "table",
+          className: cn(tableVariants({ variant, size }), className),
+          ...props
+        }
+      )
     }
-  ) })
+  )
 );
 Table.displayName = "Table";
 const TableHeader = React.forwardRef(

package/dist/components/Table/Table.styles.js

@@ -1,7 +1,7 @@
 import { cva } from 'class-variance-authority';
 
 const tableContainerVariants = cva(
-  "relative w-full overflow-auto rounded-lg font-sans text-foreground",
+  "relative w-full overflow-auto rounded-lg font-sans text-foreground scroll-smooth [scrollbar-width:thin]",
   {
     variants: {
       bordered: {
@@ -38,7 +38,7 @@ const tableRowVariants = cva(
   "border-b border-grey-200 dark:border-grey-800 transition-colors data-[state=selected]:bg-primary/5 hover:bg-grey-50/80 dark:hover:bg-grey-900/60"
 );
 const tableHeadVariants = cva(
-  "h-10 text-left align-middle font-semibold text-muted-foreground text-body-3 uppercase tracking-wider select-none bg-grey-100/50 dark:bg-grey-900/30 [&:has([role=checkbox])]:pr-0"
+  "sticky top-0 z-20 h-10 text-left align-middle font-semibold text-muted-foreground text-body-3 uppercase tracking-wider select-none bg-card border-b border-border [&:has([role=checkbox])]:pr-0"
 );
 const tableCellVariants = cva(
   "align-middle [&:has([role=checkbox])]:pr-0"

package/dist/components/Table/Table.types.d.ts

@@ -2,6 +2,7 @@ import type * as React from 'react';
 import type { TableVariants } from './Table.styles';
 export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement>, TableVariants {
     containerClassName?: string;
+    containerRef?: React.Ref<HTMLDivElement>;
 }
 export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
 export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;

package/dist/components/Table/Table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,aAAa;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,aAAa;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF"}

package/dist/components/Table/TablePagination.js

@@ -56,7 +56,7 @@ const TablePagination = React.forwardRef(
                   "aria-label": "Rows per page",
                   value: pageSize,
                   onChange: (e) => onPageSizeChange(Number(e.target.value)),
-                  className: "h-7 rounded-[2px] border border-grey-200 dark:border-grey-700 bg-grey-50 dark:bg-grey-900 px-2 py-0 text-body-3 font-medium text-foreground focus:outline-none focus:ring-1 focus:ring-primary",
+                  className: "h-7 rounded-[2px] border border-border bg-card px-2 py-0 text-body-3 font-medium text-foreground focus:outline-none focus:ring-1 focus:ring-primary",
                   children: pageSizeOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
                 }
               )
@@ -70,7 +70,7 @@ const TablePagination = React.forwardRef(
                 "aria-label": "Previous page",
                 disabled: page <= 1,
                 onClick: () => onPageChange?.(page - 1),
-                className: "inline-flex items-center gap-1 h-8 px-2.5 rounded-[2px] border border-grey-200 dark:border-grey-700 bg-grey-50 dark:bg-grey-800 text-body-3 font-medium text-foreground hover:bg-grey-100 dark:hover:bg-grey-700 disabled:opacity-40 disabled:pointer-events-none transition-colors cursor-pointer",
+                className: "inline-flex items-center gap-1 h-8 px-2.5 rounded-[2px] border border-border bg-card text-body-3 font-medium text-foreground hover:bg-accent disabled:opacity-40 disabled:pointer-events-none transition-colors cursor-pointer",
                 children: [
                   /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" }),
                   /* @__PURE__ */ jsx("span", { children: "Previous" })
@@ -89,7 +89,7 @@ const TablePagination = React.forwardRef(
                 "aria-label": "Next page",
                 disabled: page >= computedTotalPages,
                 onClick: () => onPageChange?.(page + 1),
-                className: "inline-flex items-center gap-1 h-8 px-2.5 rounded-[2px] border border-grey-200 dark:border-grey-700 bg-grey-50 dark:bg-grey-800 text-body-3 font-medium text-foreground hover:bg-grey-100 dark:hover:bg-grey-700 disabled:opacity-40 disabled:pointer-events-none transition-colors cursor-pointer",
+                className: "inline-flex items-center gap-1 h-8 px-2.5 rounded-[2px] border border-border bg-card text-body-3 font-medium text-foreground hover:bg-accent disabled:opacity-40 disabled:pointer-events-none transition-colors cursor-pointer",
                 children: [
                   /* @__PURE__ */ jsx("span", { children: "Next" }),
                   /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" })

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export * from './components/FilterPanel';
 export * from './components/FilterDrawer';
 export * from './components/Label';
 export * from './components/FormField';
+export * from './components/AttributeValueField';
 export * from './components/ImageUpload';
 export * from './components/OtpInput';
 export * from './components/AlertDialog';
@@ -55,6 +56,7 @@ export * from './components/Spinner';
 export * from './components/Skeleton';
 export * from './components/EmptyState';
 export * from './components/Table';
+export * from './components/DataTable';
 export * from './components/Pagination';
 export * from './components/DataList';
 export * from './components/List';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -3,6 +3,7 @@ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './
 export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
 export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
 export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
+export { AttributeValueField } from './components/AttributeValueField/AttributeValueField.js';
 export { AuthModal } from './components/AuthModal/AuthModal.js';
 export { AuthModalBanner } from './components/AuthModal/subcomponents/AuthModalBanner.js';
 export { AuthModalIdentifierForm } from './components/AuthModal/subcomponents/AuthModalIdentifierForm.js';
@@ -28,6 +29,7 @@ export { DEFAULT_FILTER_LABELS, FilterOptionList, FilterPanel, FilterPriceSlider
 export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, isCrossZoneNavigation, resolveNavDestination } from './components/NavFooter/NavFooter.helpers.js';
 export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
 export { DataList, DataListAction, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
+export { DataTable } from './components/DataTable/DataTable.js';
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
 export { Divider } from './components/Divider/Divider.js';
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
@@ -137,6 +139,7 @@ export { dropdownContentVariants, dropdownItemIconVariants, dropdownItemVariants
 export { emptyStateIconWrapperVariants, emptyStateVariants } from './components/EmptyState/EmptyState.styles.js';
 export { filterDrawerBadgeVariants, filterDrawerContentVariants, filterDrawerFooterVariants, filterDrawerHeaderVariants, filterDrawerNavItemVariants, filterDrawerNavVariants, filterDrawerPanesVariants } from './components/FilterDrawer/FilterDrawer.styles.js';
 export { filterLinkButtonVariants, filterOptionCountVariants, filterOptionLabelVariants, filterOptionRowVariants, filterPanelBodyVariants, filterPanelHeaderVariants, filterPanelTitleVariants, filterPanelVariants, filterSectionContentVariants, filterSectionTriggerVariants, filterToggleListVariants } from './components/FilterPanel/FilterPanel.styles.js';
+export { flexRender } from '@tanstack/react-table';
 export { footerLegalBarVariants, footerLegalLinkVariants, footerNavLinkVariants, footerOfficeBlockVariants, footerSectionTitleVariants, footerSocialButtonVariants, navFooterContainerVariants, navFooterRootVariants } from './components/NavFooter/NavFooter.styles.js';
 export { formFieldVariants } from './components/FormField/FormField.styles.js';
 export { headingVariants } from './components/Heading/Heading.styles.js';

package/dist/node_modules/.pnpm/@tanstack_react-table@8.21._59ea1c5c486c125464e3b5e1938c78d1/node_modules/@tanstack/react-table/build/lib/index.js

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { createTable } from '../../../../../../@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js';
+export { ColumnFaceting, ColumnFiltering, ColumnGrouping, ColumnOrdering, ColumnPinning, ColumnSizing, ColumnVisibility, GlobalFaceting, GlobalFiltering, Headers, RowExpanding, RowPagination, RowPinning, RowSelection, RowSorting, _getVisibleLeafColumns, aggregationFns, buildHeaderGroups, createCell, createColumn, createRow, defaultColumnSizing, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getMemoOptions, getSortedRowModel, isFunction, isNumberArray, isRowSelected, isSubRowSelected, makeStateUpdater, memo, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns } from '../../../../../../@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js';
+
+/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+
+//
+
+/**
+ * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.
+ */
+function flexRender(Comp, props) {
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React.createElement(Comp, props) : Comp;
+}
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+function isClassComponent(component) {
+  return typeof component === 'function' && (() => {
+    const proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  })();
+}
+function isExoticComponent(component) {
+  return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+}
+function useReactTable(options) {
+  // Compose in the generic options to the user options
+  const resolvedOptions = {
+    state: {},
+    // Dummy state
+    onStateChange: () => {},
+    // noop
+    renderFallbackValue: null,
+    ...options
+  };
+
+  // Create a new table and store it in state
+  const [tableRef] = React.useState(() => ({
+    current: createTable(resolvedOptions)
+  }));
+
+  // By default, manage table state here using the table's initial state
+  const [state, setState] = React.useState(() => tableRef.current.initialState);
+
+  // Compose the default state above with any user state. This will allow the user
+  // to only control a subset of the state if desired.
+  tableRef.current.setOptions(prev => ({
+    ...prev,
+    ...options,
+    state: {
+      ...state,
+      ...options.state
+    },
+    // Similarly, we'll maintain both our internal state and any user-provided
+    // state.
+    onStateChange: updater => {
+      setState(updater);
+      options.onStateChange == null || options.onStateChange(updater);
+    }
+  }));
+  return tableRef.current;
+}
+
+export { createTable, flexRender, useReactTable };