@elabs-ai/components-ui 4.2.0 → 5.0.0

package/dist/chunk-H5UA5JW4.js

@@ -0,0 +1,140 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/table/table.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var Table = forwardRef(function Table2({ className, ...props }, ref) {
+  const { t } = useLocale();
+  const scrollRef = useRef(null);
+  const [scrollOverflows, setScrollOverflows] = useState(false);
+  const updateScrollAffordance = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    setScrollOverflows(
+      el.scrollWidth > el.clientWidth + 1 || el.scrollHeight > el.clientHeight + 1
+    );
+  }, []);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    updateScrollAffordance();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(updateScrollAffordance);
+    observer.observe(el);
+    if (el.firstElementChild) observer.observe(el.firstElementChild);
+    return () => observer.disconnect();
+  }, [updateScrollAffordance]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      "data-slot": "table-scroll-region",
+      tabIndex: scrollOverflows ? 0 : void 0,
+      role: scrollOverflows ? "group" : void 0,
+      "aria-label": scrollOverflows ? t("ui.table.scrollRegion") : void 0,
+      onScroll: updateScrollAffordance,
+      className: "relative w-full overflow-auto focus-ring-inset",
+      children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-body", className), ...props })
+    }
+  );
+});
+var TableHeader = forwardRef(function TableHeader2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      ref,
+      className: cn("[&_tr]:border-b [&_tr]:border-border-strong", className),
+      ...props
+    }
+  );
+});
+var TableBody = forwardRef(function TableBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props });
+});
+var TableFooter = forwardRef(function TableFooter2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      ref,
+      className: cn("border-t bg-surface-muted/50 font-medium", className),
+      ...props
+    }
+  );
+});
+var TableRow = forwardRef(
+  function TableRow2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "tr",
+      {
+        ref,
+        className: cn(
+          // border-border-strong: each row divider is the ONLY structural cue
+          // between adjacent rows on a shared card/background surface (no fill
+          // alternation on the plain Table primitive). Decision test: "If
+          // deleted, could a sighted user still tell the two rows apart?" No
+          // (no fill change) → load-bearing → border-strong.
+          "border-b border-border-strong transition-colors duration-fast ease-standard hover:bg-surface-muted/50 data-[state=selected]:bg-selection",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TableHead = forwardRef(
+  function TableHead2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        ref,
+        className: cn(
+          // Table-header seams (fidelity review #4): every default equals
+          // today's byte-identical rendering — see the matching comment on
+          // `DataTable`'s `<th>` (packages/data/src/data-table/data-table.tsx).
+          "h-10 px-3 text-start align-middle font-table-header bg-table-header-background text-table-header-foreground text-table-header tracking-(--table-header-tracking) [text-transform:var(--table-header-transform)]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TableCell = forwardRef(
+  function TableCell2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("td", { ref, className: cn("px-3 py-2 align-middle", className), ...props });
+  }
+);
+var TableCaption = forwardRef(function TableCaption2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      ref,
+      className: cn("mt-4 text-body text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption
+};
+//# sourceMappingURL=chunk-H5UA5JW4.js.map

package/dist/chunk-H5UA5JW4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/table.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n} from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\n\n/**\n * `Table`'s own scroll wrapper, gated on MEASURED overflow (#366).\n *\n * `className`/`ref`/`...props` all land on the `<table>` — unchanged, no new\n * prop — so this wrapper is internal plumbing, not a new public surface. It\n * follows `DataTable`'s non-virtualized branch verbatim\n * (`packages/data/src/data-table/data-table.tsx:1658-1695`, #330), the\n * closest precedent: a plain `overflow-auto` box with no pinned columns, no\n * loading overlay and no edge fade to carry along, just the keyboard\n * affordance itself.\n *\n * A table that FITS must stay a byte-identical no-op: no `tabIndex`, no\n * `aria-label`, no `role`, no ring — an unconditional stop would announce\n * \"scrollable\" on content that never scrolls. Only a table that measurably\n * overflows gets the tab stop, its accessible name (WCAG 4.1.2) and the\n * compound focus ring (`focus-ring-inset` — the wrapper's own edge is the\n * scroll clip, so an outside ring would be cut, `.claude/rules/theming.md`).\n *\n * A naming-capable role is REQUIRED alongside that `aria-label`: `aria-label`\n * on a plain `<div>` (role `generic`) is prohibited by ARIA 1.2 and not\n * guaranteed to compute into a name, so `tabIndex={0}` alone would make an\n * UNNAMED stop. That role is `group`, NOT `region`: `region` is a landmark,\n * and every overflowing table on a page would add one more landmark with the\n * same name (axe `landmark-unique`) over a real `<table>` that already has\n * its own semantics. `group` names the stop without joining landmark\n * navigation — the no-redundant-landmark call `DataTable` made first (#330).\n */\nexport const Table = forwardRef<HTMLTableElement, HTMLAttributes<HTMLTableElement>>(function Table(\n  { className, ...props },\n  ref,\n) {\n  const { t } = useLocale();\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [scrollOverflows, setScrollOverflows] = useState(false);\n\n  const updateScrollAffordance = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    // 1px tolerance absorbs sub-pixel layout rounding, which would otherwise\n    // report a permanent 0.5px overflow on a table that visually fits.\n    setScrollOverflows(\n      el.scrollWidth > el.clientWidth + 1 || el.scrollHeight > el.clientHeight + 1,\n    );\n  }, []);\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    updateScrollAffordance();\n    if (typeof ResizeObserver === \"undefined\") return;\n    // Observe the CONTAINER (viewport changes) and the <table> inside it\n    // (content changes its intrinsic size without resizing the container).\n    const observer = new ResizeObserver(updateScrollAffordance);\n    observer.observe(el);\n    if (el.firstElementChild) observer.observe(el.firstElementChild);\n    return () => observer.disconnect();\n  }, [updateScrollAffordance]);\n\n  return (\n    <div\n      ref={scrollRef}\n      data-slot=\"table-scroll-region\"\n      tabIndex={scrollOverflows ? 0 : undefined}\n      role={scrollOverflows ? \"group\" : undefined}\n      aria-label={scrollOverflows ? t(\"ui.table.scrollRegion\") : undefined}\n      onScroll={updateScrollAffordance}\n      className=\"relative w-full overflow-auto focus-ring-inset\"\n    >\n      <table ref={ref} className={cn(\"w-full caption-bottom text-body\", className)} {...props} />\n    </div>\n  );\n});\nexport const TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableHeader({ className, ...props }, ref) {\n  // border-border-strong: the header-row bottom divider is the ONLY structural\n  // cue between the header and the first data row on a shared card/background\n  // surface (TableHeader itself carries no fill). Decision test: \"If deleted,\n  // could a sighted user still tell header from body?\" No → border-strong.\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"[&_tr]:border-b [&_tr]:border-border-strong\", className)}\n      {...props}\n    />\n  );\n});\nexport const TableBody = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableBody({ className, ...props }, ref) {\n  return <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />;\n});\nexport const TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableFooter({ className, ...props }, ref) {\n  // border-t stays on plain `border`: the footer's bg-surface-muted/50 fill is\n  // a redundant cue — deleting the border still leaves a visible region change.\n  // Decision test: \"If deleted, could a sighted user still tell footer from\n  // body?\" Yes (fill differs) → redundant boundary → border.\n  return (\n    <tfoot\n      ref={ref}\n      className={cn(\"border-t bg-surface-muted/50 font-medium\", className)}\n      {...props}\n    />\n  );\n});\nexport const TableRow = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(\n  function TableRow({ className, ...props }, ref) {\n    return (\n      <tr\n        ref={ref}\n        className={cn(\n          // border-border-strong: each row divider is the ONLY structural cue\n          // between adjacent rows on a shared card/background surface (no fill\n          // alternation on the plain Table primitive). Decision test: \"If\n          // deleted, could a sighted user still tell the two rows apart?\" No\n          // (no fill change) → load-bearing → border-strong.\n          \"border-b border-border-strong transition-colors duration-fast ease-standard hover:bg-surface-muted/50 data-[state=selected]:bg-selection\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nexport const TableHead = forwardRef<HTMLTableCellElement, ThHTMLAttributes<HTMLTableCellElement>>(\n  function TableHead({ className, ...props }, ref) {\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          // Table-header seams (fidelity review #4): every default equals\n          // today's byte-identical rendering — see the matching comment on\n          // `DataTable`'s `<th>` (packages/data/src/data-table/data-table.tsx).\n          \"h-10 px-3 text-start align-middle font-table-header bg-table-header-background text-table-header-foreground text-table-header tracking-(--table-header-tracking) [text-transform:var(--table-header-transform)]\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nexport const TableCell = forwardRef<HTMLTableCellElement, TdHTMLAttributes<HTMLTableCellElement>>(\n  function TableCell({ className, ...props }, ref) {\n    return <td ref={ref} className={cn(\"px-3 py-2 align-middle\", className)} {...props} />;\n  },\n);\nexport const TableCaption = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(function TableCaption({ className, ...props }, ref) {\n  return (\n    <caption\n      ref={ref}\n      className={cn(\"mt-4 text-body text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":"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","names":["Table","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"]}

package/dist/chunk-H5XSI63P.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-H5XSI63P.js.map

package/dist/chunk-H5XSI63P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}