themelia-react-ui 2.0.4 → 2.0.6

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

@@ -1,67 +1,68 @@
 "use client";
-import { t as e } from "./utils-CF3c95Io.js";
-import { c as t, o as n } from "./typography-CSyJrh28.js";
-import { t as r } from "./focus-recipes-B653VaLq.js";
-import { t as i } from "./row-recipes-DL8n7t_b.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { t as e } from "./utils-DhuoqFy4.js";
+import { c as t, o as n } from "./typography-C7-YMW1S.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";
 //#region src/components/ui/table.tsx
-function s({ className: t, containerClassName: n, containerProps: r, ...i }) {
-	return /* @__PURE__ */ o("div", {
+function c({ className: t, containerClassName: n, containerProps: r, ...i }) {
+	return /* @__PURE__ */ s("div", {
 		...r,
 		"data-slot": "table-container",
 		className: e("relative w-full overflow-x-auto", n, r?.className),
-		children: /* @__PURE__ */ o("table", {
+		children: /* @__PURE__ */ s("table", {
 			"data-slot": "table",
 			className: e("w-full caption-bottom border-collapse text-sm", t),
 			...i
 		})
 	});
 }
-function c({ className: t, ...n }) {
-	return /* @__PURE__ */ o("thead", {
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ s("thead", {
 		"data-slot": "table-header",
 		className: e("border-border [&_tr]:border-b [&_tr]:border-border", t),
 		...n
 	});
 }
-function l({ className: t, ...n }) {
-	return /* @__PURE__ */ o("tbody", {
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ s("tbody", {
 		"data-slot": "table-body",
 		className: e("[&_tr:last-child]:border-0", t),
 		...n
 	});
 }
-function u({ className: t, ...n }) {
-	return /* @__PURE__ */ o("tfoot", {
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ s("tfoot", {
 		"data-slot": "table-footer",
 		className: e("border-border bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", t),
 		...n
 	});
 }
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ o("tr", {
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ s("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 f({ className: t, ...n }) {
-	return /* @__PURE__ */ o("th", {
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ s("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),
+		className: e("text-foreground h-10 text-start align-middle font-medium whitespace-nowrap", t),
 		...n
 	});
 }
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ o("td", {
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ s("td", {
 		"data-slot": "table-cell",
-		className: e("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0", t),
+		className: e("align-middle whitespace-nowrap", t),
 		...n
 	});
 }
-function m({ className: t, ...n }) {
-	return /* @__PURE__ */ o("caption", {
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ s("caption", {
 		"data-slot": "table-caption",
 		className: e("text-muted-foreground mt-space-xl text-sm", t),
 		...n
@@ -69,18 +70,18 @@ function m({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/base/table/index.tsx
-var h = a.createContext("default"), g = {
-	compact: i.default,
-	default: i.comfortable,
-	comfortable: i.comfortable
+var g = o.createContext("default"), _ = {
+	compact: a.default,
+	default: a.comfortable,
+	comfortable: a.comfortable
 };
-function _(e) {
+function v(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function v() {
-	let [e, t] = a.useState(!0), n = a.useRef(null);
+function y() {
+	let [e, t] = o.useState(!0), n = o.useRef(null);
 	return {
-		ref: a.useCallback((e) => {
+		ref: o.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();
@@ -88,67 +89,70 @@ function v() {
 		overflowing: e
 	};
 }
-function y({ className: t, containerClassName: n, containerProps: i, density: c = "default", ...l }) {
-	let { ref: u, overflowing: d } = v(), f = i?.ref, p = a.useCallback((e) => {
-		u(e), typeof f == "function" ? f(e) : f && (f.current = e);
-	}, [u, f]);
-	return /* @__PURE__ */ o(h.Provider, {
-		value: c,
-		children: /* @__PURE__ */ o(s, {
+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) => {
+		d(e), typeof p == "function" ? p(e) : p && (p.current = e);
+	}, [d, p]);
+	return /* @__PURE__ */ s(g.Provider, {
+		value: l,
+		children: /* @__PURE__ */ s(c, {
 			containerProps: {
-				tabIndex: d ? 0 : void 0,
-				...i,
-				ref: p
+				tabIndex: f ? 0 : void 0,
+				...a,
+				ref: m
 			},
-			containerClassName: e(`table--container relative w-full overflow-x-auto focus-visible:outline-none ${r.edge}`, n),
-			"data-density": c,
-			className: e("table--component font-sans text-sm", t),
-			...l
+			containerClassName: e(`table--container relative w-full overflow-x-auto focus-visible:outline-none ${i.edge}`, n),
+			"data-table-density": l,
+			className: e("table--component", r({
+				size: "sm",
+				type: "inherit"
+			}), t),
+			...u
 		})
 	});
 }
-function b({ className: t, ...n }) {
-	return /* @__PURE__ */ o(c, {
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ s(l, {
 		className: e("table--header [&_tr]:border-border [&_tr]:hover:bg-transparent", t),
 		...n
 	});
 }
-function x({ className: t, ...n }) {
-	return /* @__PURE__ */ o(l, {
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ s(u, {
 		className: e("table--body", t),
 		...n
 	});
 }
-function S({ className: t, ...n }) {
-	return /* @__PURE__ */ o(u, {
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ s(d, {
 		className: e("table--footer border-border", t),
 		...n
 	});
 }
-function C({ className: t, ...n }) {
-	return /* @__PURE__ */ o(d, {
+function w({ className: t, ...n }) {
+	return /* @__PURE__ */ s(f, {
 		className: e("table--row border-border", t),
 		...n
 	});
 }
-function w({ className: t, children: r, ...i }) {
-	let s = a.useContext(h);
-	return /* @__PURE__ */ o(f, {
-		className: e("table--head h-auto px-row-x text-sm", g[s], t),
+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),
 		...i,
-		children: _(r) ? /* @__PURE__ */ o(n, {
+		children: v(r) ? /* @__PURE__ */ s(n, {
 			tag: "span",
 			className: "table--head-text",
 			children: r
 		}) : r
 	});
 }
-function T({ className: n, children: r, ...s }) {
-	let c = a.useContext(h);
-	return /* @__PURE__ */ o(p, {
-		className: e("table--cell px-row-x text-sm", i[c], n),
-		...s,
-		children: _(r) ? /* @__PURE__ */ o(t, {
+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),
+		...i,
+		children: v(r) ? /* @__PURE__ */ s(t, {
 			tag: "span",
 			size: "inherit",
 			className: "table--cell-text text-inherit",
@@ -156,11 +160,11 @@ function T({ className: n, children: r, ...s }) {
 		}) : r
 	});
 }
-function E({ className: n, children: r, ...i }) {
-	return /* @__PURE__ */ o(m, {
+function D({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ s(h, {
 		className: e("table--caption", n),
 		...i,
-		children: _(r) ? /* @__PURE__ */ o(t, {
+		children: v(r) ? /* @__PURE__ */ s(t, {
 			tag: "span",
 			size: "inherit",
 			type: "secondary",
@@ -170,6 +174,6 @@ function E({ className: n, children: r, ...i }) {
 	});
 }
 //#endregion
-export { S as a, C as c, T as i, x as n, w as o, E as r, b as s, y as t };
+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 };
 
-//# sourceMappingURL=table-CpvnzJn9.js.map
+//# sourceMappingURL=table-CXSPHH25.js.map

package/dist/table-CXSPHH25.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CXSPHH25.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","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\"\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 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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"}

package/dist/tabs-C4Kr_hCr.js

@@ -0,0 +1,192 @@
+"use client";
+import { d as e } from "./ui-provider-C-74NVLc.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-DhuoqFy4.js";
+import { n as r } from "./buttons-DeW0bQeK.js";
+import { c as i } from "./typography-C7-YMW1S.js";
+import { t as a } from "./focus-recipes-B653VaLq.js";
+import { t as o } from "./structure-DZJ2wbAU.js";
+import { t as s } from "./interaction-recipes-4wZ2tvfb.js";
+import { t as c } from "./scroll-area-Bj6CRUif.js";
+import { useLayoutEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ChevronLeft as m, ChevronRight as h } from "lucide-react";
+import { cva as g } from "class-variance-authority";
+import { Tabs as _ } from "@base-ui/react/tabs";
+//#region src/components/base/navigation/tab-scroll-viewport.tsx
+var v = {
+	previous: "Previous tabs",
+	next: "Next tabs"
+};
+function y({ children: e, strings: n }) {
+	let i = t(v, n), a = u(null), s = u(null), [g, _] = d({
+		overflow: !1,
+		start: !0,
+		end: !0
+	});
+	l(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.scrollWidth - e.clientWidth, n = Math.abs(e.scrollLeft), r = a.current?.clientWidth || e.clientWidth, i = getComputedStyle(e), o = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.paddingRight) || 0), s = {
+				overflow: e.scrollWidth - o > r + 1,
+				start: n <= 1,
+				end: n >= t - 1
+			};
+			_((e) => e.overflow === s.overflow && e.start === s.start && e.end === s.end ? e : s);
+		}, n = () => {
+			let n = e.querySelector("[aria-selected=\"true\"], [aria-current=\"page\"]");
+			if (n) {
+				let t = e.getBoundingClientRect(), r = n.getBoundingClientRect();
+				r.left < t.left ? e.scrollLeft += r.left - t.left : r.right > t.right && (e.scrollLeft += r.right - t.right);
+			}
+			t();
+		};
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let r = typeof ResizeObserver > "u" ? null : new ResizeObserver(n);
+		r?.observe(e), a.current && r?.observe(a.current), e.firstElementChild && r?.observe(e.firstElementChild);
+		let i = new MutationObserver(n);
+		return i.observe(e, {
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: ["aria-selected", "aria-current"]
+		}), n(), () => {
+			e.removeEventListener("scroll", t), r?.disconnect(), i.disconnect();
+		};
+	}, []);
+	let y = (e) => {
+		let t = s.current;
+		if (!t) return;
+		let n = getComputedStyle(t).direction === "rtl", r = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+		t.scrollBy({
+			left: e * (n ? -1 : 1) * t.clientWidth * .75,
+			behavior: r ? "instant" : "smooth"
+		});
+	};
+	return /* @__PURE__ */ p(o, {
+		ref: a,
+		direction: "horizontal",
+		gap: "xs",
+		align: "center",
+		wrap: !1,
+		className: "tab-scroll--component w-full min-w-0",
+		children: [
+			g.overflow && /* @__PURE__ */ f(r, {
+				size: "sm",
+				iconOnly: !0,
+				icon: m,
+				tone: "secondary",
+				buttonStyle: "ghost",
+				"aria-label": i.previous,
+				disabled: g.start,
+				onClick: () => y(-1),
+				className: "shrink-0 rtl:[&_svg]:rotate-180"
+			}),
+			/* @__PURE__ */ f(c, {
+				orientation: "horizontal",
+				viewportRef: s,
+				className: "-m-space-xs min-w-0 flex-1",
+				viewportClassName: "p-space-xs",
+				scrollbarClassName: "hidden",
+				children: e
+			}),
+			g.overflow && /* @__PURE__ */ f(r, {
+				size: "sm",
+				iconOnly: !0,
+				icon: h,
+				tone: "secondary",
+				buttonStyle: "ghost",
+				"aria-label": i.next,
+				disabled: g.end,
+				onClick: () => y(1),
+				className: "shrink-0 rtl:[&_svg]:rotate-180"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ui/tabs.tsx
+function b({ className: e, orientation: t = "horizontal", ...r }) {
+	return /* @__PURE__ */ f(_.Root, {
+		"data-slot": "tabs",
+		"data-orientation": t,
+		className: n("gap-space-md group/tabs flex data-[orientation=horizontal]:flex-col", e),
+		...r
+	});
+}
+var x = g("box-border rounded-radius p-space-2xs h-action data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-space-xs bg-transparent",
+		chips: "h-auto flex-wrap justify-start gap-space-xs bg-transparent p-0"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function S({ className: e, variant: t = "default", ...r }) {
+	return /* @__PURE__ */ f(_.List, {
+		"data-slot": "tabs-list",
+		"data-variant": t,
+		className: n(x({ variant: t }), e),
+		...r
+	});
+}
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ f(_.Tab, {
+		"data-slot": "tabs-trigger",
+		className: n(s.nativeButtonReset, `box-border font-sans gap-space-sm rounded-radius border border-transparent px-space-md py-space-xs text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-icon outline-none ${a.frame} text-muted-foreground hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`, "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-card data-active:text-foreground", "group-data-[variant=chips]/tabs-list:h-action-sm group-data-[variant=chips]/tabs-list:flex-none group-data-[variant=chips]/tabs-list:px-control-sm group-data-[variant=chips]/tabs-list:py-0 group-data-[variant=chips]/tabs-list:after:hidden group-data-[variant=chips]/tabs-list:hover:bg-muted group-data-[variant=chips]/tabs-list:data-active:bg-accent group-data-[variant=chips]/tabs-list:data-active:text-accent-foreground group-data-[variant=chips]/tabs-list:data-active:hover:bg-accent group-data-[variant=chips]/tabs-list:data-active:hover:text-accent-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", e),
+		...t
+	});
+}
+function w({ className: e, ...t }) {
+	return /* @__PURE__ */ f(_.Panel, {
+		"data-slot": "tabs-content",
+		className: n("text-sm flex-1 outline-none", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/navigation/tabs.tsx
+function T(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function E({ className: e, ...t }) {
+	return /* @__PURE__ */ f(b, {
+		className: n("tabs--component", e),
+		...t
+	});
+}
+function D({ className: t, scrollable: r = !1, scrollStrings: i, ...a }) {
+	let { defaultScale: o } = e(), s = a.variant === "chips" ? void 0 : o === "sm" ? "h-action-sm" : o === "lg" ? "h-action-lg" : "h-action", c = /* @__PURE__ */ f(S, {
+		className: n("tabs-list--component", "rounded-radius", s, r && "w-max", t),
+		...a
+	});
+	return r ? /* @__PURE__ */ f(y, {
+		strings: i,
+		children: c
+	}) : c;
+}
+function O({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ f(C, {
+		className: n("tabs-trigger--component", "gap-space-sm rounded-radius px-space-md py-space-xs", e),
+		...r,
+		children: T(t) ? /* @__PURE__ */ f(i, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: "text-inherit",
+			children: t
+		}) : t
+	});
+}
+function k({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ f(w, {
+		className: n("tabs-content--component", e),
+		...r,
+		children: T(t) ? /* @__PURE__ */ f(i, { children: t }) : t
+	});
+}
+//#endregion
+export { y as a, O as i, k as n, v as o, D as r, E as t };
+
+//# sourceMappingURL=tabs-C4Kr_hCr.js.map

package/dist/tabs-C4Kr_hCr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-C4Kr_hCr.js","names":["Tabs","TabsPrimitive","TabsList","TabsTrigger","TabsContent","Tabs","PrimitiveTabs","PrimitiveTabsList","PrimitiveTabsTrigger","PrimitiveTabsContent","useDensityConfig","cn","Button","Text","focusRecipes","Stack","interactionRecipes","ScrollArea","defaultTabsScrollStrings","TabScrollViewport","stringsProp","strings","useStrings","frameRef","useRef","viewportRef","edges","setEdges","useState","viewport","measure","maximum","offset","available","style","inset","next","current","reveal","selected","bounds","item","resize","selection","scroll","rtl","reduce","direction","ChevronLeft","ChevronRight","Tabs$2","props","Tabs","orientation","className","tabsListVariants","cva","TabsList$1","variant","TabsTrigger$1","TabsContent$1","isSimpleText","value","Tabs$1","TabsList","height","defaultScale","list","scrollable","scrollStrings","TabsTrigger","children","TabsContent"],"sources":["../src/components/base/navigation/tab-scroll-viewport.tsx","../src/components/ui/tabs.tsx","../src/components/base/navigation/tabs.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useLayoutEffect, useRef, useState, type ReactNode } from 'react';\n\nimport { Button } from '../buttons';\nimport { ScrollArea } from '../display/scroll-area';\nimport { Stack } from '../structure';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\n\nexport interface TabsScrollStrings {\n\tprevious: string;\n\tnext: string;\n}\n\nexport const defaultTabsScrollStrings: TabsScrollStrings = {\n\tprevious: 'Previous tabs',\n\tnext: 'Next tabs',\n};\n\n/** Shared scroll mechanics for state tabs and route tabs; selection stays with each owner. */\nexport function TabScrollViewport({ children, strings: stringsProp }: {\n\tchildren: ReactNode;\n\tstrings?: StringsProp<TabsScrollStrings>;\n}) {\n\tconst strings = useStrings(defaultTabsScrollStrings, stringsProp);\n\tconst frameRef = useRef<HTMLDivElement>(null);\n\tconst viewportRef = useRef<HTMLDivElement>(null);\n\tconst [edges, setEdges] = useState({ overflow: false, start: true, end: true });\n\n\tuseLayoutEffect(() => {\n\t\tconst viewport = viewportRef.current;\n\t\tif (!viewport) return;\n\t\tconst measure = () => {\n\t\t\tconst maximum = viewport.scrollWidth - viewport.clientWidth;\n\t\t\tconst offset = Math.abs(viewport.scrollLeft);\n\t\t\t// Measure the full row so visible arrows cannot keep themselves alive after a resize.\n\t\t\tconst available = frameRef.current?.clientWidth || viewport.clientWidth;\n\t\t\t// The viewport's ring inset is outside the row (negative margin), so it is not content.\n\t\t\tconst style = getComputedStyle(viewport);\n\t\t\tconst inset = (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);\n\t\t\tconst next = { overflow: viewport.scrollWidth - inset > available + 1, start: offset <= 1, end: offset >= maximum - 1 };\n\t\t\tsetEdges(current => current.overflow === next.overflow && current.start === next.start && current.end === next.end ? current : next);\n\t\t};\n\t\tconst reveal = () => {\n\t\t\tconst selected = viewport.querySelector<HTMLElement>('[aria-selected=\"true\"], [aria-current=\"page\"]');\n\t\t\tif (selected) {\n\t\t\t\tconst bounds = viewport.getBoundingClientRect();\n\t\t\t\tconst item = selected.getBoundingClientRect();\n\t\t\t\tif (item.left < bounds.left) viewport.scrollLeft += item.left - bounds.left;\n\t\t\t\telse if (item.right > bounds.right) viewport.scrollLeft += item.right - bounds.right;\n\t\t\t}\n\t\t\tmeasure();\n\t\t};\n\t\tmeasure();\n\t\tviewport.addEventListener('scroll', measure, { passive: true });\n\t\tconst resize = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(reveal);\n\t\tresize?.observe(viewport);\n\t\tif (frameRef.current) resize?.observe(frameRef.current);\n\t\tif (viewport.firstElementChild) resize?.observe(viewport.firstElementChild);\n\t\tconst selection = new MutationObserver(reveal);\n\t\tselection.observe(viewport, { subtree: true, attributes: true, attributeFilter: ['aria-selected', 'aria-current'] });\n\t\treveal();\n\t\treturn () => { viewport.removeEventListener('scroll', measure); resize?.disconnect(); selection.disconnect(); };\n\t}, []);\n\n\tconst scroll = (direction: number) => {\n\t\tconst viewport = viewportRef.current;\n\t\tif (!viewport) return;\n\t\tconst rtl = getComputedStyle(viewport).direction === 'rtl';\n\t\tconst reduce = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n\t\tviewport.scrollBy({ left: direction * (rtl ? -1 : 1) * viewport.clientWidth * 0.75, behavior: reduce ? 'instant' : 'smooth' });\n\t};\n\n\treturn <Stack ref={frameRef} direction=\"horizontal\" gap=\"xs\" align=\"center\" wrap={false} className=\"tab-scroll--component w-full min-w-0\">\n\t\t{edges.overflow && <Button size=\"sm\" iconOnly icon={ChevronLeft} tone=\"secondary\" buttonStyle=\"ghost\" aria-label={strings.previous} disabled={edges.start} onClick={() => scroll(-1)} className=\"shrink-0 rtl:[&_svg]:rotate-180\" />}\n\t\t{/* The inset only gives focus rings and the active tab's shadow room inside the\n\t\t    clipping viewport; the matching negative margin keeps the list on the\n\t\t    container's edge and centred on the arrows. The arrows replace the\n\t\t    scrollbar, so it no longer needs reserved space under the tabs. */}\n\t\t<ScrollArea orientation=\"horizontal\" viewportRef={viewportRef} className=\"-m-space-xs min-w-0 flex-1\" viewportClassName=\"p-space-xs\" scrollbarClassName=\"hidden\">{children}</ScrollArea>\n\t\t{edges.overflow && <Button size=\"sm\" iconOnly icon={ChevronRight} tone=\"secondary\" buttonStyle=\"ghost\" aria-label={strings.next} disabled={edges.end} onClick={() => scroll(1)} className=\"shrink-0 rtl:[&_svg]:rotate-180\" />}\n\t</Stack>;\n}\n","import { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { focusRecipes } from \"../../lib/focus-recipes\"\nimport { interactionRecipes } from \"../../lib/interaction-recipes\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"gap-space-md group/tabs flex data-[orientation=horizontal]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"box-border rounded-radius p-space-2xs h-action data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-space-xs bg-transparent\",\n        // Wrapping toggle chips (saved views, filter presets): no track, compact\n        // pressed-state triggers that wrap onto further lines.\n        chips: \"h-auto flex-wrap justify-start gap-space-xs bg-transparent p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        interactionRecipes.nativeButtonReset,\n        `box-border font-sans gap-space-sm rounded-radius border border-transparent px-space-md py-space-xs text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-icon outline-none ${focusRecipes.frame} text-muted-foreground hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n        // The card fill is lighter than the muted track in both themes; the page\n        // background is darker than the track in dark mode and reads as recessed.\n        \"data-active:bg-card data-active:text-foreground\",\n        // Chips use the toggle recipe: a muted hover and the accent pressed fill.\n        \"group-data-[variant=chips]/tabs-list:h-action-sm group-data-[variant=chips]/tabs-list:flex-none group-data-[variant=chips]/tabs-list:px-control-sm group-data-[variant=chips]/tabs-list:py-0 group-data-[variant=chips]/tabs-list:after:hidden group-data-[variant=chips]/tabs-list:hover:bg-muted group-data-[variant=chips]/tabs-list:data-active:bg-accent group-data-[variant=chips]/tabs-list:data-active:text-accent-foreground group-data-[variant=chips]/tabs-list:data-active:hover:bg-accent group-data-[variant=chips]/tabs-list:data-active:hover:text-accent-foreground\",\n        \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"text-sm flex-1 outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n","/**\n * Typography- and token-aware wrappers around the internal shadcn tabs parts.\n *\n * Raw anatomy and these wrappers share token-backed spacing. The wrappers\n * add stable public hooks, canonical corners, scalar text and scroll controls;\n * the primitive owns tab/list interaction and the nested list inset.\n */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tTabs as PrimitiveTabs,\n\tTabsContent as PrimitiveTabsContent,\n\tTabsList as PrimitiveTabsList,\n\tTabsTrigger as PrimitiveTabsTrigger,\n} from '../../ui/tabs';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport type { StringsProp } from '../../../lib/strings';\nimport { TabScrollViewport, type TabsScrollStrings } from './tab-scroll-viewport';\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport function Tabs({ className, ...props }: ComponentProps<typeof PrimitiveTabs>) {\n\treturn <PrimitiveTabs className={cn('tabs--component', className)} {...props} />;\n}\n\nexport type TabsListProps = ComponentProps<typeof PrimitiveTabsList> & {\n\t/** Adds previous/next controls when the tab list exceeds its container. */\n\tscrollable?: boolean;\n\t/** Accessible labels for the previous/next scroll controls. */\n\tscrollStrings?: StringsProp<TabsScrollStrings>;\n};\n\nexport function TabsList({ className, scrollable = false, scrollStrings, ...props }: TabsListProps) {\n\tconst { defaultScale } = useDensityConfig();\n\t// Chips wrap onto further lines, so the list takes its height from them.\n\tconst height = props.variant === 'chips' ? undefined : defaultScale === 'sm' ? 'h-action-sm' : defaultScale === 'lg' ? 'h-action-lg' : 'h-action';\n\tconst list = (\n\t\t<PrimitiveTabsList\n\t\t\tclassName={cn('tabs-list--component', 'rounded-radius', height, scrollable && 'w-max', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n\treturn scrollable ? <TabScrollViewport strings={scrollStrings}>{list}</TabScrollViewport> : list;\n}\n\nexport function TabsTrigger({ className, children, ...props }: ComponentProps<typeof PrimitiveTabsTrigger>) {\n\treturn (\n\t\t<PrimitiveTabsTrigger\n\t\t\tclassName={cn(\n\t\t\t\t'tabs-trigger--component',\n\t\t\t\t'gap-space-sm rounded-radius px-space-md py-space-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</PrimitiveTabsTrigger>\n\t);\n}\n\nexport function TabsContent({ className, children, ...props }: ComponentProps<typeof PrimitiveTabsContent>) {\n\treturn (\n\t\t<PrimitiveTabsContent className={cn('tabs-content--component', className)} {...props}>\n\t\t\t{isSimpleText(children) ? <Text>{children}</Text> : children}\n\t\t</PrimitiveTabsContent>\n\t);\n}\n"],"mappings":"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"}

package/dist/{text-inputs-DXItiR0O.js → text-inputs-jdkS3ReG.js}

@@ -1,16 +1,16 @@
 "use client";
-import { s as e } from "./ui-provider-CQCuCBcy.js";
+import { d as e } from "./ui-provider-C-74NVLc.js";
 import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-CF3c95Io.js";
-import { t as r } from "./affordance-geometry.generated-B8yGOr8-.js";
-import { n as i } from "./buttons-BbfzgczK.js";
-import { c as a } from "./typography-CSyJrh28.js";
-import { t as o } from "./field-state-recipes-BVA2CWHo.js";
-import { n as s } from "./field-affordance-recipes-DjwGx8eM.js";
+import { t as n } from "./utils-DhuoqFy4.js";
+import { t as r } from "./affordance-geometry.generated-P-aVJisu.js";
+import { n as i } from "./buttons-DeW0bQeK.js";
+import { c as a } from "./typography-C7-YMW1S.js";
+import { t as o } from "./field-state-recipes-7sza8QbC.js";
+import { n as s } from "./field-affordance-recipes-D6H7tVJi.js";
 import { t as c } from "./editable-text-recipe-Cn61kEcv.js";
-import { _ as l, a as u, g as d, o as f, u as p, v as m, y as h } from "./form-sizing-NXgjkmBG.js";
-import { a as g, i as _, o as v, r as y, t as b } from "./input-Cdw4k0fb.js";
-import { t as x } from "./input-DOPL5_QE.js";
+import { _ as l, a as u, g as d, o as f, u as p, v as m, y as h } from "./form-sizing-CgcrUbLU.js";
+import { a as g, i as _, o as v, r as y, t as b } from "./input-7KAc7XQL.js";
+import { t as x } from "./input-DIREVYHs.js";
 import * as S from "react";
 import { useCallback as C, useEffect as w, useRef as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -91,7 +91,7 @@ var te = { clear: "Clear textarea" }, j = S.forwardRef((i, u) => {
 					overflow: A && M ? "auto" : "visible",
 					...R.style
 				},
-				className: n("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input box-border flex w-full rounded-inner border bg-transparent px-control", l[H], "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "[&:read-only:not(:disabled)]:bg-muted", m[H], c[H], o.focus, o.invalid, ae && s.clearPadding[H], J && s.textareaCountPadding, f),
+				className: n("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input box-border flex w-full rounded-radius border bg-transparent px-control", l[H], "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "[&:read-only:not(:disabled)]:bg-muted", m[H], c[H], o.focus, o.invalid, ae && s.clearPadding[H], J && s.textareaCountPadding, f),
 				...R,
 				disabled: R.disabled || S
 			}),
@@ -128,7 +128,7 @@ j.displayName = "Textarea";
 function M({ className: e, ...t }) {
 	return /* @__PURE__ */ E("textarea", {
 		"data-slot": "textarea",
-		className: n("border-input rounded-inner border bg-transparent px-control py-space-md shadow-none transition-[color,box-shadow] placeholder:text-muted-foreground flex field-sizing-content min-h-textarea w-full outline-none disabled:cursor-not-allowed disabled:opacity-50 [&:read-only:not(:disabled)]:bg-muted", c.md, o.focus, o.invalid, e),
+		className: n("border-input rounded-radius border bg-transparent px-control py-space-md shadow-none transition-[color,box-shadow] placeholder:text-muted-foreground flex field-sizing-content min-h-textarea w-full outline-none disabled:cursor-not-allowed disabled:opacity-50 [&:read-only:not(:disabled)]:bg-muted", c.md, o.focus, o.invalid, e),
 		...t
 	});
 }
@@ -138,11 +138,11 @@ function N({ className: e, ...t }) {
 	return /* @__PURE__ */ E("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: n("border-input h-control rounded-inner border shadow-none transition-[color,box-shadow] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-space-lg has-[>[data-align=block-start]]:[&>input]:pb-space-lg has-[>[data-align=inline-end]]:[&>input]:pe-space-sm has-[>[data-align=inline-start]]:[&>input]:ps-space-sm [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto", o.groupFocus, o.groupInvalid, e),
+		className: n("border-input h-control rounded-radius border shadow-none transition-[color,box-shadow] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-space-lg has-[>[data-align=block-start]]:[&>input]:pb-space-lg has-[>[data-align=inline-end]]:[&>input]:pe-space-sm has-[>[data-align=inline-start]]:[&>input]:ps-space-sm [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto", o.groupFocus, o.groupInvalid, e),
 		...t
 	});
 }
-var P = A("text-muted-foreground h-auto gap-space-md py-space-sm text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-inner [&>svg:not([class*='size-'])]:size-icon flex cursor-text items-center justify-center select-none", {
+var P = A("text-muted-foreground h-auto gap-space-md py-space-sm text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-radius [&>svg:not([class*='size-'])]:size-icon flex cursor-text items-center justify-center select-none", {
 	variants: { align: {
 		"inline-start": "ps-control has-[>button]:-ms-space-xs has-[>kbd]:-ms-space-2xs order-first",
 		"inline-end": "pe-control has-[>button]:-me-space-xs has-[>kbd]:-me-space-2xs order-last",
@@ -165,9 +165,9 @@ function F({ className: e, align: t = "inline-start", ...r }) {
 }
 A("gap-space-md text-sm shadow-none flex items-center", {
 	variants: { size: {
-		xs: "h-action-xs gap-space-xs rounded-inner px-control-xs [&>svg:not([class*='size-'])]:size-icon-sm",
+		xs: "h-action-xs gap-space-xs rounded-radius px-control-xs [&>svg:not([class*='size-'])]:size-icon-sm",
 		sm: "",
-		"icon-xs": "size-action-xs rounded-inner p-0 has-[>svg]:p-0",
+		"icon-xs": "size-action-xs rounded-radius p-0 has-[>svg]:p-0",
 		"icon-sm": "size-action-sm p-0 has-[>svg]:p-0"
 	} },
 	defaultVariants: { size: "xs" }
@@ -201,7 +201,7 @@ function R() {
 function z({ className: e, ...t }) {
 	let r = R();
 	return /* @__PURE__ */ E(N, {
-		className: n("input-group--component box-border rounded-inner font-sans text-foreground shadow-none", u[r], c[r], "has-[>[data-align=block-end]]:[&>input]:pt-space-lg has-[>[data-align=block-start]]:[&>input]:pb-space-lg", "has-[>[data-align=inline-end]]:[&>input]:pe-space-sm has-[>[data-align=inline-start]]:[&>input]:ps-space-sm", e),
+		className: n("input-group--component box-border rounded-radius font-sans text-foreground shadow-none", u[r], c[r], "has-[>[data-align=block-end]]:[&>input]:pt-space-lg has-[>[data-align=block-start]]:[&>input]:pb-space-lg", "has-[>[data-align=inline-end]]:[&>input]:pe-space-sm has-[>[data-align=inline-start]]:[&>input]:ps-space-sm", e),
 		...t
 	});
 }
@@ -353,4 +353,4 @@ Q.displayName = "SlugField";
 //#endregion
 export { z as a, q as c, j as d, Y as i, K as l, Z as n, U as o, X as r, W as s, Q as t, J as u };
 
-//# sourceMappingURL=text-inputs-DXItiR0O.js.map
+//# sourceMappingURL=text-inputs-jdkS3ReG.js.map