themelia-react-ui 1.0.1 → 1.0.2

package/dist/{surface-recipes-CQfRr-VL.js → surface-recipes-Dd__PD-w.js}

@@ -6,7 +6,7 @@ var e = {
 		footer: "border-t border-border"
 	},
 	anchored: {
-		shell: "border border-border/60",
+		shell: "border border-border",
 		header: "border-b border-border/60",
 		footer: "border-t border-border/60",
 		separator: "bg-border/60"
@@ -15,7 +15,8 @@ var e = {
 		shell: "border border-border/70",
 		header: "border-b border-border/70",
 		footer: "border-t border-border/70"
-	}
+	},
+	sidebar: { footer: "border-t border-sidebar-border" }
 }, t = {
 	header: `shrink-0 ${e.modal.header} p-surface text-start`,
 	body: "min-h-0 flex-1 overflow-y-auto p-surface",
@@ -24,4 +25,4 @@ var e = {
 //#endregion
 export { e as n, t };
 
-//# sourceMappingURL=surface-recipes-CQfRr-VL.js.map
+//# sourceMappingURL=surface-recipes-Dd__PD-w.js.map

package/dist/surface-recipes-Dd__PD-w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-recipes-Dd__PD-w.js","names":["surfaceDividerRecipes","modalRegionRecipes"],"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\tframe: { shell: 'border border-border', header: 'border-b border-border', footer: 'border-t border-border' },\n\tanchored: { shell: 'border border-border', header: 'border-b border-border/60', footer: 'border-t border-border/60', separator: 'bg-border/60' },\n\tmodal: { shell: 'border border-border/70', header: 'border-b border-border/70', footer: 'border-t border-border/70' },\n\tsidebar: { footer: 'border-t border-sidebar-border' },\n} as const;\n\n/** Regions own their inset once; scrolling and alignment remain with the family. */\nexport const modalRegionRecipes = {\n\theader: `shrink-0 ${surfaceDividerRecipes.modal.header} p-surface text-start`,\n\tbody: 'min-h-0 flex-1 overflow-y-auto p-surface',\n\tfooter: `shrink-0 flex-wrap gap-space-sm ${surfaceDividerRecipes.modal.footer} bg-muted/20 p-surface`,\n} as const;\n"],"mappings":";AAGA,IAAaA,IAAwB;CACpC,OAAO;EAAE,OAAO;EAAwB,QAAQ;EAA0B,QAAQ;CAAyB;CAC3G,UAAU;EAAE,OAAO;EAAwB,QAAQ;EAA6B,QAAQ;EAA6B,WAAW;CAAe;CAC/I,OAAO;EAAE,OAAO;EAA2B,QAAQ;EAA6B,QAAQ;CAA4B;CACpH,SAAS,EAAE,QAAQ,iCAAiC;AACrD,GAGaC,IAAqB;CACjC,QAAQ,YAAYD,EAAsB,MAAM,OAAO;CACvD,MAAM;CACN,QAAQ,mCAAmCA,EAAsB,MAAM,OAAO;AAC/E"}

package/dist/{table-DnlAJ-xR.js → table-CLtJTxoR.js}

@@ -1,17 +1,18 @@
 "use client";
-import { t as e } from "./utils-C2EKeIw3.js";
-import { a as t, r as n } from "./typography-Cv8MT-82.js";
+import { t as e } from "./utils-BvH9PSmq.js";
+import { a as t, r as n } from "./typography-BxQgiZyw.js";
 import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/ui/table.tsx
-function i({ className: t, containerClassName: n, ...i }) {
+function i({ className: t, containerClassName: n, containerProps: i, ...a }) {
 	return /* @__PURE__ */ r("div", {
+		...i,
 		"data-slot": "table-container",
-		className: e("relative w-full overflow-x-auto", n),
+		className: e("relative w-full overflow-x-auto", n, i?.className),
 		children: /* @__PURE__ */ r("table", {
 			"data-slot": "table",
 			className: e("w-full caption-bottom text-sm", t),
-			...i
+			...a
 		})
 	});
 }
@@ -69,15 +70,15 @@ function d({ className: t, ...n }) {
 function f(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function p({ className: t, containerClassName: n, ...a }) {
-	return /* @__PURE__ */ r("div", {
-		tabIndex: 0,
-		className: e("table--container relative w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/70", n),
-		children: /* @__PURE__ */ r(i, {
-			containerClassName: "overflow-x-visible",
-			className: e("table--component font-sans text-sm", t),
+function p({ className: t, containerClassName: n, containerProps: a, ...o }) {
+	return /* @__PURE__ */ r(i, {
+		containerProps: {
+			tabIndex: 0,
 			...a
-		})
+		},
+		containerClassName: e("table--container relative w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", n),
+		className: e("table--component font-sans text-sm", t),
+		...o
 	});
 }
 function m({ className: t, ...n }) {
@@ -106,7 +107,7 @@ function _({ className: t, ...n }) {
 }
 function v({ className: t, children: i, ...a }) {
 	return /* @__PURE__ */ r(l, {
-		className: e("table--head h-12 px-surface py-row-y-lg text-sm", t),
+		className: e("table--head h-12 px-row-x py-row-y-lg text-sm", t),
 		...a,
 		children: f(i) ? /* @__PURE__ */ r(n, {
 			tag: "span",
@@ -117,7 +118,7 @@ function v({ className: t, children: i, ...a }) {
 }
 function y({ className: n, children: i, ...a }) {
 	return /* @__PURE__ */ r(u, {
-		className: e("table--cell px-surface py-row-y text-sm", n),
+		className: e("table--cell px-row-x py-row-y text-sm", n),
 		...a,
 		children: f(i) ? /* @__PURE__ */ r(t, {
 			tag: "span",
@@ -143,4 +144,4 @@ function b({ className: n, children: i, ...a }) {
 //#endregion
 export { g as a, _ as c, y as i, h as n, v as o, b as r, m as s, p as t };
 
-//# sourceMappingURL=table-DnlAJ-xR.js.map
+//# sourceMappingURL=table-CLtJTxoR.js.map

package/dist/table-CLtJTxoR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CLtJTxoR.js","names":["Table","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","UITable","UITableHeader","UITableBody","UITableFooter","UITableRow","UITableHead","UITableCell","UITableCaption","cn","Text","DisplayLabel","Table$1","props","containerProps","containerClassName","className","TableHeader$1","TableBody$1","TableFooter$1","TableRow$1","TableHead$1","TableCell$1","TableCaption$1","isSimpleText","value","Table","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        className={cn(\"w-full caption-bottom 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-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-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])]:pr-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';\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\nexport function Table({ className, containerClassName, containerProps, ...props }: TableProps) {\n\treturn (\n\t\t\t<UITable\n\t\t\t\tcontainerProps={{tabIndex: 0, ...containerProps}}\n\t\t\t\tcontainerClassName={cn(\n\t\t\t\t'table--container relative w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\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\tclassName={cn('table--header [&_tr]:border-border', 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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"}