themelia-react-ui 2.0.6 → 3.0.0

package/dist/{surface-recipes-C8mNycaY.js → surface-recipes-DV6rrOFq.js}

@@ -36,8 +36,16 @@ var e = {
 	raised: "shadow-md",
 	lifted: "shadow-lg",
 	modal: "shadow-xl"
+}, a = { frame: `rounded-surface ${e.frame.shell} bg-card text-card-foreground ${i.resting}` }, o = {
+	header: e.anchored.header,
+	footer: e.anchored.footer,
+	band: n.band,
+	segmentDivider: e.anchored.separator
+}, s = {
+	plain: "",
+	wash: `rounded-surface border border-dashed border-border ${n.wash}`
 };
 //#endregion
-export { e as a, n as i, r as n, t as r, i as t };
+export { n as a, a as c, t as i, s as n, o, r, e as s, i as t };
 
-//# sourceMappingURL=surface-recipes-C8mNycaY.js.map
+//# sourceMappingURL=surface-recipes-DV6rrOFq.js.map

package/dist/surface-recipes-DV6rrOFq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-recipes-DV6rrOFq.js","names":["surfaceDividerRecipes","modalRegionRecipes","neutralFillRecipes","kbdRecipe","elevationRecipes","surfaceRecipes","regionRecipes","emptySurfaceRecipes"],"sources":["../src/lib/surface-recipes.ts"],"sourcesContent":["/** Private semantic roles, not additional theme roots or consumer variants.\n * Outer frames share a clear boundary; inset anchored dividers stay quieter.\n */\nexport const surfaceDividerRecipes = {\n\t// A framed Card adds a soft outer ring beyond its edge; it is not a divider strength.\n\tframe: { shell: 'border border-border', header: 'border-b border-border', footer: 'border-t border-border', ring: 'ring-4 ring-border/30' },\n\tanchored: { shell: 'border border-border', header: 'border-b border-border/60', footer: 'border-t border-border/60', separator: 'bg-border/60' },\n\t// Modal surfaces draw one outer edge, and one rule between adjacent visible\n\t// regions: a region rules its top edge only when a visible region precedes it,\n\t// so an absent body never stacks two rules and a visually hidden header draws\n\t// none. Regions mark themselves with `data-modal-region`.\n\tmodal: {\n\t\tshell: 'border border-border/70',\n\t\tedge: 'border-border/70 data-[side=left]:border-r data-[side=right]:border-l data-[side=top]:border-b data-[side=bottom]:border-t',\n\t\tregion: 'border-border/60 [[data-modal-region]:not(.sr-only)~&]:border-t',\n\t},\n\tsidebar: { footer: 'border-t border-sidebar-border' },\n} as const;\n\n/** Each region owns its full inset once and the shell adds none, so the rules\n * between regions span the surface edge to edge (header, body and footer read as\n * three bands). The body scrolls between the pinned header and footer; scrolling\n * and alignment remain with the family. */\nexport const modalRegionRecipes = {\n\theader: `shrink-0 p-surface text-start ${surfaceDividerRecipes.modal.region}`,\n\tbody: `min-h-0 flex-1 overflow-y-auto p-surface ${surfaceDividerRecipes.modal.region}`,\n\tfooter: `shrink-0 flex-wrap gap-space-sm p-surface ${surfaceDividerRecipes.modal.region}`,\n} as const;\n\n/**\n * Neutral fills, one strength per role, so quiet regions, strips, tracks, chips and\n * neutral markers read alike in every family. Design lint rejects other strengths.\n * - `wash`: a quiet region inside a surface: wells, empty states, stripes, media placeholders.\n * - `band`: a header, toolbar or footer strip, and a soft icon tile.\n * - `track`: the solid track behind segments, meters and progress.\n * - `chip`: a neutral chip or icon tile that reads on any surface, tinted or not.\n * - `chipOnInverse`: the same chip on an inverse surface.\n * - `marker`: a neutral dot or filled meter segment; `markerIdle`: an inactive indicator.\n * Floating chips and lifted panels use an opaque surface instead of a translucent one.\n */\nexport const neutralFillRecipes = {\n\twash: 'bg-muted/30',\n\tband: 'bg-muted/50',\n\ttrack: 'bg-muted',\n\tchip: 'bg-foreground/8',\n\tchipOnInverse: 'bg-background/10',\n\tmarker: 'bg-muted-foreground',\n\tmarkerIdle: 'bg-muted-foreground/40',\n} as const;\n\n/** A key cap for shortcut hints: a solid track-coloured chip with the compact secondary text role. */\nexport const kbdRecipe = 'box-border pointer-events-none inline-flex h-5 w-fit min-w-5 shrink-0 select-none items-center justify-center gap-space-2xs rounded-radius-xs bg-muted px-space-xs font-sans text-xs font-medium leading-none text-muted-foreground';\n\n/**\n * Elevation, one theme shadow per role; the theme owns the shadow ladder itself.\n * - `resting`: the default Card (`surface=\"card\"`), tiles, rows and framed\n *   regions such as table frames: anything that sits on the page surface.\n * - `card`: the framed Card (`surface=\"framed\"`), lifted segments, thumbs and\n *   small controls floating over media. A framed feature region is `resting`.\n * - `raised`: raised cards, hover lifts, anchored popups and controls over media.\n * - `lifted`: dragged items, toasts and drawers.\n * - `modal`: dialogs and command palettes.\n * `shadow-none` clears elevation. Box-shadow divider lines draw var(--border) instead.\n */\nexport const elevationRecipes = {\n\tresting: 'shadow-xs',\n\tcard: 'shadow-sm',\n\traised: 'shadow-md',\n\tlifted: 'shadow-lg',\n\tmodal: 'shadow-xl',\n} as const;\n\n/**\n * A framed feature region (table frame, toolbar card, gallery, editor shell):\n * the card fill, the frame edge and the resting elevation, so peers in one\n * screen share a fill and a shadow. A headed surface with slots is `Card`.\n */\nexport const surfaceRecipes = {\n\tframe: `rounded-surface ${surfaceDividerRecipes.frame.shell} bg-card text-card-foreground ${elevationRecipes.resting}`,\n} as const;\n\n/**\n * Regions inside a frame: one rule strength and one band fill.\n * - `header` / `footer`: the quiet rule under a toolbar or above a footer.\n * - `band`: a header, toolbar or footer strip.\n * - `segmentDivider`: the hairline between joined segments of one control.\n */\nexport const regionRecipes = {\n\theader: surfaceDividerRecipes.anchored.header,\n\tfooter: surfaceDividerRecipes.anchored.footer,\n\tband: neutralFillRecipes.band,\n\tsegmentDivider: surfaceDividerRecipes.anchored.separator,\n} as const;\n\n/**\n * Empty-state surfaces. `wash` is the quiet well for a region with no data\n * yet: the neutral wash inside a dashed surface edge on the surface corner.\n */\nexport const emptySurfaceRecipes = {\n\tplain: '',\n\twash: `rounded-surface border border-dashed border-border ${neutralFillRecipes.wash}`,\n} as const;\n"],"mappings":";AAGA,IAAaA,IAAwB;CAEpC,OAAO;EAAE,OAAO;EAAwB,QAAQ;EAA0B,QAAQ;EAA0B,MAAM;CAAwB;CAC1I,UAAU;EAAE,OAAO;EAAwB,QAAQ;EAA6B,QAAQ;EAA6B,WAAW;CAAe;CAK/I,OAAO;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACT;CACA,SAAS,EAAE,QAAQ,iCAAiC;AACrD,GAMaC,IAAqB;CACjC,QAAQ,iCAAiCD,EAAsB,MAAM;CACrE,MAAM,4CAA4CA,EAAsB,MAAM;CAC9E,QAAQ,6CAA6CA,EAAsB,MAAM;AAClF,GAaaE,IAAqB;CACjC,MAAM;CACN,MAAM;CACN,OAAO;CACP,MAAM;CACN,eAAe;CACf,QAAQ;CACR,YAAY;AACb,GAGaC,IAAY,uOAaZC,IAAmB;CAC/B,SAAS;CACT,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,OAAO;AACR,GAOaC,IAAiB,EAC7B,OAAO,mBAAmBL,EAAsB,MAAM,MAAM,gCAAgCI,EAAiB,UAC9G,GAQaE,IAAgB;CAC5B,QAAQN,EAAsB,SAAS;CACvC,QAAQA,EAAsB,SAAS;CACvC,MAAME,EAAmB;CACzB,gBAAgBF,EAAsB,SAAS;AAChD,GAMaO,IAAsB;CAClC,OAAO;CACP,MAAM,sDAAsDL,EAAmB;AAChF"}

package/dist/{table-CXSPHH25.js → table-CSRUgpdK.js}

@@ -1,68 +1,69 @@
 "use client";
-import { t as e } from "./utils-DhuoqFy4.js";
-import { c as t, o as n } from "./typography-C7-YMW1S.js";
+import { t as e } from "./utils-BVbAG2J6.js";
+import { c as t, o as n } from "./typography-C0dELqYV.js";
 import { i as r } from "./text.styles-B64My8RZ.js";
-import { t as i } from "./focus-recipes-B653VaLq.js";
-import { t as a } from "./row-recipes-DL8n7t_b.js";
-import * as o from "react";
-import { jsx as s } from "react/jsx-runtime";
+import { t as i } from "./focus-recipes-DSkiUvUp.js";
+import { a } from "./surface-recipes-DV6rrOFq.js";
+import { t as o } from "./row-recipes-DL8n7t_b.js";
+import * as s from "react";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/components/ui/table.tsx
-function c({ className: t, containerClassName: n, containerProps: r, ...i }) {
-	return /* @__PURE__ */ s("div", {
+function l({ className: t, containerClassName: n, containerProps: r, ...i }) {
+	return /* @__PURE__ */ c("div", {
 		...r,
 		"data-slot": "table-container",
 		className: e("relative w-full overflow-x-auto", n, r?.className),
-		children: /* @__PURE__ */ s("table", {
+		children: /* @__PURE__ */ c("table", {
 			"data-slot": "table",
 			className: e("w-full caption-bottom border-collapse text-sm", t),
 			...i
 		})
 	});
 }
-function l({ className: t, ...n }) {
-	return /* @__PURE__ */ s("thead", {
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ c("thead", {
 		"data-slot": "table-header",
 		className: e("border-border [&_tr]:border-b [&_tr]:border-border", t),
 		...n
 	});
 }
-function u({ className: t, ...n }) {
-	return /* @__PURE__ */ s("tbody", {
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ c("tbody", {
 		"data-slot": "table-body",
 		className: e("[&_tr:last-child]:border-0", t),
 		...n
 	});
 }
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ s("tfoot", {
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ c("tfoot", {
 		"data-slot": "table-footer",
-		className: e("border-border bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", t),
+		className: e("border-border border-t font-medium [&>tr]:last:border-b-0", a.band, t),
 		...n
 	});
 }
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ s("tr", {
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ c("tr", {
 		"data-slot": "table-row",
 		className: e("border-border hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", t),
 		...n
 	});
 }
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ s("th", {
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ c("th", {
 		"data-slot": "table-head",
 		className: e("text-foreground h-10 text-start align-middle font-medium whitespace-nowrap", t),
 		...n
 	});
 }
-function m({ className: t, ...n }) {
-	return /* @__PURE__ */ s("td", {
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ c("td", {
 		"data-slot": "table-cell",
 		className: e("align-middle whitespace-nowrap", t),
 		...n
 	});
 }
-function h({ className: t, ...n }) {
-	return /* @__PURE__ */ s("caption", {
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ c("caption", {
 		"data-slot": "table-caption",
 		className: e("text-muted-foreground mt-space-xl text-sm", t),
 		...n
@@ -70,18 +71,18 @@ function h({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/base/table/index.tsx
-var g = o.createContext("default"), _ = {
-	compact: a.default,
-	default: a.comfortable,
-	comfortable: a.comfortable
+var _ = s.createContext("default"), v = {
+	compact: o.default,
+	default: o.comfortable,
+	comfortable: o.comfortable
 };
-function v(e) {
+function y(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function y() {
-	let [e, t] = o.useState(!0), n = o.useRef(null);
+function b() {
+	let [e, t] = s.useState(!0), n = s.useRef(null);
 	return {
-		ref: o.useCallback((e) => {
+		ref: s.useCallback((e) => {
 			if (n.current?.disconnect(), n.current = null, !e || typeof ResizeObserver > "u") return;
 			let r = () => t(e.scrollWidth > e.clientWidth + 1), i = new ResizeObserver(r);
 			i.observe(e), e.firstElementChild && i.observe(e.firstElementChild), n.current = i, r();
@@ -89,20 +90,20 @@ function y() {
 		overflowing: e
 	};
 }
-function b({ className: t, containerClassName: n, containerProps: a, density: l = "default", ...u }) {
-	let { ref: d, overflowing: f } = y(), p = a?.ref, m = o.useCallback((e) => {
+function x({ className: t, containerClassName: n, containerProps: a, density: o = "default", ...u }) {
+	let { ref: d, overflowing: f } = b(), p = a?.ref, m = s.useCallback((e) => {
 		d(e), typeof p == "function" ? p(e) : p && (p.current = e);
 	}, [d, p]);
-	return /* @__PURE__ */ s(g.Provider, {
-		value: l,
-		children: /* @__PURE__ */ s(c, {
+	return /* @__PURE__ */ c(_.Provider, {
+		value: o,
+		children: /* @__PURE__ */ c(l, {
 			containerProps: {
 				tabIndex: f ? 0 : void 0,
 				...a,
 				ref: m
 			},
 			containerClassName: e(`table--container relative w-full overflow-x-auto focus-visible:outline-none ${i.edge}`, n),
-			"data-table-density": l,
+			"data-table-density": o,
 			className: e("table--component", r({
 				size: "sm",
 				type: "inherit"
@@ -111,48 +112,48 @@ function b({ className: t, containerClassName: n, containerProps: a, density: l
 		})
 	});
 }
-function x({ className: t, ...n }) {
-	return /* @__PURE__ */ s(l, {
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ c(u, {
 		className: e("table--header [&_tr]:border-border [&_tr]:hover:bg-transparent", t),
 		...n
 	});
 }
-function S({ className: t, ...n }) {
-	return /* @__PURE__ */ s(u, {
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ c(d, {
 		className: e("table--body", t),
 		...n
 	});
 }
-function C({ className: t, ...n }) {
-	return /* @__PURE__ */ s(d, {
+function w({ className: t, ...n }) {
+	return /* @__PURE__ */ c(f, {
 		className: e("table--footer border-border", t),
 		...n
 	});
 }
-function w({ className: t, ...n }) {
-	return /* @__PURE__ */ s(f, {
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ c(p, {
 		className: e("table--row border-border", t),
 		...n
 	});
 }
-function T({ className: t, children: r, ...i }) {
-	let a = o.useContext(g);
-	return /* @__PURE__ */ s(p, {
-		className: e("table--head box-border h-auto text-sm", _[a], t),
+function E({ className: t, children: r, ...i }) {
+	let a = s.useContext(_);
+	return /* @__PURE__ */ c(m, {
+		className: e("table--head box-border h-auto text-sm", v[a], t),
 		...i,
-		children: v(r) ? /* @__PURE__ */ s(n, {
+		children: y(r) ? /* @__PURE__ */ c(n, {
 			tag: "span",
 			className: "table--head-text",
 			children: r
 		}) : r
 	});
 }
-function E({ className: n, children: r, ...i }) {
-	let c = o.useContext(g);
-	return /* @__PURE__ */ s(m, {
-		className: e("table--cell box-border text-sm", a[c], n),
+function D({ className: n, children: r, ...i }) {
+	let a = s.useContext(_);
+	return /* @__PURE__ */ c(h, {
+		className: e("table--cell box-border text-sm", o[a], n),
 		...i,
-		children: v(r) ? /* @__PURE__ */ s(t, {
+		children: y(r) ? /* @__PURE__ */ c(t, {
 			tag: "span",
 			size: "inherit",
 			className: "table--cell-text text-inherit",
@@ -160,11 +161,11 @@ function E({ className: n, children: r, ...i }) {
 		}) : r
 	});
 }
-function D({ className: n, children: r, ...i }) {
-	return /* @__PURE__ */ s(h, {
+function O({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ c(g, {
 		className: e("table--caption", n),
 		...i,
-		children: v(r) ? /* @__PURE__ */ s(t, {
+		children: y(r) ? /* @__PURE__ */ c(t, {
 			tag: "span",
 			size: "inherit",
 			type: "secondary",
@@ -174,6 +175,6 @@ function D({ className: n, children: r, ...i }) {
 	});
 }
 //#endregion
-export { C as a, w as c, E as i, S as n, T as o, D as r, x as s, b as t };
+export { w as a, T as c, D as i, C as n, E as o, O as r, S as s, x as t };
 
-//# sourceMappingURL=table-CXSPHH25.js.map
+//# sourceMappingURL=table-CSRUgpdK.js.map

package/dist/table-CSRUgpdK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CSRUgpdK.js","names":["Table","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","React","UITable","UITableHeader","UITableBody","UITableFooter","UITableRow","UITableHead","UITableCell","UITableCaption","cn","Text","DisplayLabel","resolveTextClassNames","focusRecipes","rowBlockPaddingClasses","React$1","Table$1","props","containerProps","containerClassName","className","TableHeader$1","TableBody$1","TableFooter$1","neutralFillRecipes","TableRow$1","TableHead$1","TableCell$1","TableCaption$1","TableDensityContext","headBlockPaddingClasses","isSimpleText","value","useHorizontalOverflow","overflowing","setOverflowing","observerRef","node","measure","observer","Table","overflowRef","consumerRef","containerRef","density","TableHeader","TableBody","TableFooter","TableRow","TableHead","children","TableCell","TableCaption"],"sources":["../src/components/ui/table.tsx","../src/components/base/table/index.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { neutralFillRecipes } from \"../../lib/surface-recipes\"\n\ntype TableProps = React.ComponentProps<\"table\"> & {\n  containerClassName?: string\n  containerProps?: React.ComponentProps<\"div\">\n}\n\nfunction Table({ className, containerClassName, containerProps, ...props }: TableProps) {\n  return (\n    <div\n      {...containerProps}\n      data-slot=\"table-container\"\n      className={cn(\"relative w-full overflow-x-auto\", containerClassName, containerProps?.className)}\n    >\n      <table\n        data-slot=\"table\"\n        // The package ships no preflight: collapsed borders are what make the\n        // row rules visible and remove the native cell spacing in any host.\n        className={cn(\"w-full caption-bottom border-collapse text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"border-border [&_tr]:border-b [&_tr]:border-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"border-border border-t font-medium [&>tr]:last:border-b-0\", neutralFillRecipes.band, className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\"border-border hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\"text-foreground h-10 text-start align-middle font-medium whitespace-nowrap\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\"align-middle whitespace-nowrap\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-space-xl text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n","import * as React from 'react';\n\nimport {\n\tTable as UITable,\n\tTableBody as UITableBody,\n\tTableCaption as UITableCaption,\n\tTableCell as UITableCell,\n\tTableFooter as UITableFooter,\n\tTableHead as UITableHead,\n\tTableHeader as UITableHeader,\n\tTableRow as UITableRow,\n} from '../../ui/table';\nimport { DisplayLabel, Text } from '../../typography';\nimport { resolveTextClassNames } from '../../typography/text.styles';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { rowBlockPaddingClasses, type RowDensity } from '../../../lib/row-recipes';\n\nexport type TableProps = React.ComponentProps<typeof UITable> & {\n\t/**\n\t * Vertical row rhythm for every header and body cell. Header cells sit one\n\t * row step above their body rows. Defaults to `default`.\n\t */\n\tdensity?: RowDensity;\n};\nexport type TableHeaderProps = React.ComponentProps<typeof UITableHeader>;\nexport type TableBodyProps = React.ComponentProps<typeof UITableBody>;\nexport type TableFooterProps = React.ComponentProps<typeof UITableFooter>;\nexport type TableRowProps = React.ComponentProps<typeof UITableRow>;\nexport type TableHeadProps = React.ComponentProps<typeof UITableHead>;\nexport type TableCellProps = React.ComponentProps<typeof UITableCell>;\nexport type TableCaptionProps = React.ComponentProps<typeof UITableCaption>;\n\n/**\n * The table owns cell geometry once: `Table` publishes its density and every\n * head and cell takes its block padding from the shared row recipe, so a\n * feature passes a density instead of re-styling descendant cells.\n * The colocated CSS owns inline row/outer-surface insets in the component layer.\n */\nconst TableDensityContext = React.createContext<RowDensity>('default');\n\n/** A header row labels its columns one row step above the body; comfortable is the top step. */\nconst headBlockPaddingClasses: Record<RowDensity, string> = {\n\tcompact: rowBlockPaddingClasses.default,\n\tdefault: rowBlockPaddingClasses.comfortable,\n\tcomfortable: rowBlockPaddingClasses.comfortable,\n};\n\nfunction isSimpleText(value: React.ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/**\n * The scroll container joins the Tab order only while the table actually\n * overflows, so keyboard users can scroll a wide table without every table\n * on a page adding an empty tab stop. An explicit `containerProps.tabIndex` wins.\n */\nfunction useHorizontalOverflow() {\n\tconst [overflowing, setOverflowing] = React.useState(true);\n\tconst observerRef = React.useRef<ResizeObserver | null>(null);\n\tconst ref = React.useCallback((node: HTMLDivElement | null) => {\n\t\tobserverRef.current?.disconnect();\n\t\tobserverRef.current = null;\n\t\tif (!node || typeof ResizeObserver === 'undefined') return;\n\t\tconst measure = () => setOverflowing(node.scrollWidth > node.clientWidth + 1);\n\t\tconst observer = new ResizeObserver(measure);\n\t\tobserver.observe(node);\n\t\tif (node.firstElementChild) observer.observe(node.firstElementChild);\n\t\tobserverRef.current = observer;\n\t\tmeasure();\n\t}, []);\n\treturn { ref, overflowing };\n}\n\nexport function Table({ className, containerClassName, containerProps, density = 'default', ...props }: TableProps) {\n\tconst { ref: overflowRef, overflowing } = useHorizontalOverflow();\n\tconst consumerRef = containerProps?.ref;\n\tconst containerRef = React.useCallback((node: HTMLDivElement | null) => {\n\t\toverflowRef(node);\n\t\tif (typeof consumerRef === 'function') consumerRef(node);\n\t\telse if (consumerRef) (consumerRef as React.RefObject<HTMLDivElement | null>).current = node;\n\t}, [overflowRef, consumerRef]);\n\treturn (\n\t\t<TableDensityContext.Provider value={density}>\n\t\t\t<UITable\n\t\t\t\tcontainerProps={{ tabIndex: overflowing ? 0 : undefined, ...containerProps, ref: containerRef }}\n\t\t\t\tcontainerClassName={cn(\n\t\t\t\t\t`table--container relative w-full overflow-x-auto focus-visible:outline-none ${focusRecipes.edge}`,\n\t\t\t\t\tcontainerClassName,\n\t\t\t\t)}\n\t\t\t\tdata-table-density={density}\n\t\t\t\tclassName={cn('table--component', resolveTextClassNames({ size: 'sm', type: 'inherit' }), className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</TableDensityContext.Provider>\n\t);\n}\n\nexport function TableHeader({ className, ...props }: TableHeaderProps) {\n\treturn (\n\t\t<UITableHeader\n\t\t\t// Header rows label columns; they do not take the body's hover tint.\n\t\t\tclassName={cn('table--header [&_tr]:border-border [&_tr]:hover:bg-transparent', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function TableBody({ className, ...props }: TableBodyProps) {\n\treturn (\n\t\t<UITableBody\n\t\t\tclassName={cn('table--body', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function TableFooter({ className, ...props }: TableFooterProps) {\n\treturn (\n\t\t<UITableFooter\n\t\t\tclassName={cn('table--footer border-border', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function TableRow({ className, ...props }: TableRowProps) {\n\treturn (\n\t\t<UITableRow\n\t\t\tclassName={cn('table--row border-border', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function TableHead({ className, children, ...props }: TableHeadProps) {\n\tconst density = React.useContext(TableDensityContext);\n\treturn (\n\t\t<UITableHead\n\t\t\t// Height comes from the row rhythm plus the label's line, never a fixed box.\n\t\t\tclassName={cn('table--head box-border h-auto text-sm', headBlockPaddingClasses[density], className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<DisplayLabel tag=\"span\" className=\"table--head-text\">\n\t\t\t\t\t{children}\n\t\t\t\t</DisplayLabel>\n\t\t\t) : children}\n\t\t</UITableHead>\n\t);\n}\n\nexport function TableCell({ className, children, ...props }: TableCellProps) {\n\tconst density = React.useContext(TableDensityContext);\n\treturn (\n\t\t<UITableCell\n\t\t\tclassName={cn('table--cell box-border text-sm', rowBlockPaddingClasses[density], className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"table--cell-text text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</UITableCell>\n\t);\n}\n\nexport function TableCaption({ className, children, ...props }: TableCaptionProps) {\n\treturn (\n\t\t<UITableCaption\n\t\t\tclassName={cn('table--caption', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"table--caption-text\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</UITableCaption>\n\t);\n}\n"],"mappings":"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"}