themelia-react-ui 2.0.0 → 2.0.1

package/dist/surface-recipes-BKRVW8Os.js

@@ -0,0 +1,43 @@
+//#region src/lib/surface-recipes.ts
+var e = {
+	frame: {
+		shell: "border border-border",
+		header: "border-b border-border",
+		footer: "border-t border-border",
+		ring: "ring-4 ring-border/30"
+	},
+	anchored: {
+		shell: "border border-border",
+		header: "border-b border-border/60",
+		footer: "border-t border-border/60",
+		separator: "bg-border/60"
+	},
+	modal: {
+		shell: "border border-border/70",
+		edge: "border-border/70 data-[side=left]:border-r data-[side=right]:border-l data-[side=top]:border-b data-[side=bottom]:border-t",
+		region: "border-border/60 [[data-modal-region]:not(.sr-only)~&]:border-t"
+	},
+	sidebar: { footer: "border-t border-sidebar-border" }
+}, t = {
+	header: `shrink-0 p-surface text-start ${e.modal.region}`,
+	body: `min-h-0 flex-1 overflow-y-auto p-surface ${e.modal.region}`,
+	footer: `shrink-0 flex-wrap gap-space-sm p-surface ${e.modal.region}`
+}, n = {
+	wash: "bg-muted/30",
+	band: "bg-muted/50",
+	track: "bg-muted",
+	chip: "bg-foreground/8",
+	chipOnInverse: "bg-background/10",
+	marker: "bg-muted-foreground",
+	markerIdle: "bg-muted-foreground/40"
+}, r = "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", i = {
+	resting: "shadow-xs",
+	card: "shadow-sm",
+	raised: "shadow-md",
+	lifted: "shadow-lg",
+	modal: "shadow-xl"
+};
+//#endregion
+export { e as a, n as i, r as n, t as r, i as t };
+
+//# sourceMappingURL=surface-recipes-BKRVW8Os.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"surface-recipes-BKRVW8Os.js","names":["surfaceDividerRecipes","modalRegionRecipes","neutralFillRecipes","kbdRecipe","elevationRecipes"],"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 = '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`: tiles, rows and table frames that sit on a surface.\n * - `card`: cards, lifted segments, thumbs and small controls floating over media.\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"],"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,4NAWZC,IAAmB;CAC/B,SAAS;CACT,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,OAAO;AACR"}

package/dist/{table-D6zKeYQX.js → table-CIKyLUsy.js}

@@ -1,65 +1,66 @@
 "use client";
-import { t as e } from "./utils-Cospvlj1.js";
-import { a as t, s as n } from "./typography-CAr3dQhX.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { t as e } from "./utils-l5LpDw2z.js";
+import { a as t, s as n } from "./typography-DTRkE9zL.js";
+import { t as r } from "./focus-recipes-B653VaLq.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/ui/table.tsx
-function a({ className: t, containerClassName: n, containerProps: r, ...a }) {
-	return /* @__PURE__ */ i("div", {
+function o({ className: t, containerClassName: n, containerProps: r, ...i }) {
+	return /* @__PURE__ */ a("div", {
 		...r,
 		"data-slot": "table-container",
 		className: e("relative w-full overflow-x-auto", n, r?.className),
-		children: /* @__PURE__ */ i("table", {
+		children: /* @__PURE__ */ a("table", {
 			"data-slot": "table",
 			className: e("w-full caption-bottom border-collapse text-sm", t),
-			...a
+			...i
 		})
 	});
 }
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ i("thead", {
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ a("thead", {
 		"data-slot": "table-header",
 		className: e("border-border [&_tr]:border-b [&_tr]:border-border", t),
 		...n
 	});
 }
-function s({ className: t, ...n }) {
-	return /* @__PURE__ */ i("tbody", {
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ a("tbody", {
 		"data-slot": "table-body",
 		className: e("[&_tr:last-child]:border-0", t),
 		...n
 	});
 }
-function c({ className: t, ...n }) {
-	return /* @__PURE__ */ i("tfoot", {
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ a("tfoot", {
 		"data-slot": "table-footer",
 		className: e("border-border bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", t),
 		...n
 	});
 }
-function l({ className: t, ...n }) {
-	return /* @__PURE__ */ i("tr", {
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ a("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 u({ className: t, ...n }) {
-	return /* @__PURE__ */ i("th", {
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ a("th", {
 		"data-slot": "table-head",
 		className: e("text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0", t),
 		...n
 	});
 }
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ i("td", {
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ a("td", {
 		"data-slot": "table-cell",
 		className: e("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0", t),
 		...n
 	});
 }
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ i("caption", {
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ a("caption", {
 		"data-slot": "table-caption",
 		className: e("text-muted-foreground mt-space-xl text-sm", t),
 		...n
@@ -67,13 +68,13 @@ function f({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/base/table/index.tsx
-function p(e) {
+function m(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function m() {
-	let [e, t] = r.useState(!0), n = r.useRef(null);
+function h() {
+	let [e, t] = i.useState(!0), n = i.useRef(null);
 	return {
-		ref: r.useCallback((e) => {
+		ref: i.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();
@@ -81,61 +82,61 @@ function m() {
 		overflowing: e
 	};
 }
-function h({ className: t, containerClassName: n, containerProps: o, ...s }) {
-	let { ref: c, overflowing: l } = m(), u = o?.ref, d = r.useCallback((e) => {
-		c(e), typeof u == "function" ? u(e) : u && (u.current = e);
-	}, [c, u]);
-	return /* @__PURE__ */ i(a, {
+function g({ className: t, containerClassName: n, containerProps: s, ...c }) {
+	let { ref: l, overflowing: u } = h(), d = s?.ref, f = i.useCallback((e) => {
+		l(e), typeof d == "function" ? d(e) : d && (d.current = e);
+	}, [l, d]);
+	return /* @__PURE__ */ a(o, {
 		containerProps: {
-			tabIndex: l ? 0 : void 0,
-			...o,
-			ref: d
+			tabIndex: u ? 0 : void 0,
+			...s,
+			ref: f
 		},
-		containerClassName: e("table--container relative w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", n),
+		containerClassName: e(`table--container relative w-full overflow-x-auto focus-visible:outline-none ${r.edge}`, n),
 		className: e("table--component font-sans text-sm", t),
-		...s
+		...c
 	});
 }
-function g({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o, {
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s, {
 		className: e("table--header [&_tr]:border-border [&_tr]:hover:bg-transparent", t),
 		...n
 	});
 }
-function _({ className: t, ...n }) {
-	return /* @__PURE__ */ i(s, {
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ a(c, {
 		className: e("table--body", t),
 		...n
 	});
 }
-function v({ className: t, ...n }) {
-	return /* @__PURE__ */ i(c, {
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ a(l, {
 		className: e("table--footer border-border", t),
 		...n
 	});
 }
-function y({ className: t, ...n }) {
-	return /* @__PURE__ */ i(l, {
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ a(u, {
 		className: e("table--row border-border", t),
 		...n
 	});
 }
-function b({ className: n, children: r, ...a }) {
-	return /* @__PURE__ */ i(u, {
+function x({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ a(d, {
 		className: e("table--head h-12 px-row-x py-row-y-lg text-sm", n),
-		...a,
-		children: p(r) ? /* @__PURE__ */ i(t, {
+		...i,
+		children: m(r) ? /* @__PURE__ */ a(t, {
 			tag: "span",
 			className: "table--head-text",
 			children: r
 		}) : r
 	});
 }
-function x({ className: t, children: r, ...a }) {
-	return /* @__PURE__ */ i(d, {
+function S({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ a(f, {
 		className: e("table--cell px-row-x py-row-y text-sm", t),
-		...a,
-		children: p(r) ? /* @__PURE__ */ i(n, {
+		...i,
+		children: m(r) ? /* @__PURE__ */ a(n, {
 			tag: "span",
 			size: "inherit",
 			className: "table--cell-text text-inherit",
@@ -143,11 +144,11 @@ function x({ className: t, children: r, ...a }) {
 		}) : r
 	});
 }
-function S({ className: t, children: r, ...a }) {
-	return /* @__PURE__ */ i(f, {
+function C({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ a(p, {
 		className: e("table--caption", t),
-		...a,
-		children: p(r) ? /* @__PURE__ */ i(n, {
+		...i,
+		children: m(r) ? /* @__PURE__ */ a(n, {
 			tag: "span",
 			size: "inherit",
 			type: "secondary",
@@ -157,6 +158,6 @@ function S({ className: t, children: r, ...a }) {
 	});
 }
 //#endregion
-export { v as a, y as c, x as i, _ as n, b as o, S as r, g as s, h as t };
+export { y as a, b as c, S as i, v as n, x as o, C as r, _ as s, g as t };
 
-//# sourceMappingURL=table-D6zKeYQX.js.map
+//# sourceMappingURL=table-CIKyLUsy.js.map

package/dist/table-CIKyLUsy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CIKyLUsy.js","names":["Table","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","React","UITable","UITableHeader","UITableBody","UITableFooter","UITableRow","UITableHead","UITableCell","UITableCaption","cn","DisplayLabel","Text","focusRecipes","React$1","Table$1","props","containerProps","containerClassName","className","TableHeader$1","TableBody$1","TableFooter$1","TableRow$1","TableHead$1","TableCell$1","TableCaption$1","isSimpleText","value","useHorizontalOverflow","overflowing","setOverflowing","observerRef","node","measure","observer","Table","overflowRef","consumerRef","containerRef","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\"\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 bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", 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 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0\", 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(\"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0\", 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 { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\n\nexport type TableProps = React.ComponentProps<typeof UITable>;\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\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, ...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\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`table--container relative w-full overflow-x-auto focus-visible:outline-none ${focusRecipes.edge}`,\n\t\t\t\tcontainerClassName,\n\t\t\t)}\n\t\t\t\tclassName={cn('table--component font-sans text-sm', className)}\n\t\t\t\t{...props}\n\t\t\t/>\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\treturn (\n\t\t<UITableHead\n\t\t\tclassName={cn('table--head h-12 px-row-x py-row-y-lg text-sm', 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\treturn (\n\t\t<UITableCell\n\t\t\tclassName={cn('table--cell px-row-x py-row-y text-sm', 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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"}