themelia-react-ui 2.0.0 → 2.0.1

package/dist/{tabs-Dk8E_knt.js → tabs-DwBJfjxX.js}

@@ -1,37 +1,38 @@
 "use client";
-import { s as e } from "./ui-provider-D2_TeLqw.js";
+import { s as e } from "./ui-provider-1D_NSYzO.js";
 import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-Cospvlj1.js";
-import { s as r } from "./typography-CAr3dQhX.js";
-import { t as i } from "./button-BS3KDg00.js";
-import { t as a } from "./structure-hzCW-XsV.js";
-import { t as o } from "./scroll-area-DRdr16Pt.js";
-import { useLayoutEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { ChevronLeft as f, ChevronRight as p } from "lucide-react";
-import { cva as m } from "class-variance-authority";
-import { Tabs as h } from "@base-ui/react/tabs";
+import { t as n } from "./utils-l5LpDw2z.js";
+import { n as r } from "./buttons-SbIcm1HJ.js";
+import { s as i } from "./typography-DTRkE9zL.js";
+import { t as a } from "./focus-recipes-B653VaLq.js";
+import { t as o } from "./structure-DC2dygdA.js";
+import { t as s } from "./scroll-area-Bt_vXY2b.js";
+import { useLayoutEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ChevronLeft as p, ChevronRight as m } from "lucide-react";
+import { cva as h } from "class-variance-authority";
+import { Tabs as g } from "@base-ui/react/tabs";
 //#region src/components/base/navigation/tab-scroll-viewport.tsx
-var g = {
+var _ = {
 	previous: "Previous tabs",
 	next: "Next tabs"
 };
-function _({ children: e, strings: n }) {
-	let r = t(g, n), m = c(null), h = c(null), [_, v] = l({
+function v({ children: e, strings: n }) {
+	let i = t(_, n), a = l(null), h = l(null), [g, v] = u({
 		overflow: !1,
 		start: !0,
 		end: !0
 	});
-	s(() => {
+	c(() => {
 		let e = h.current;
 		if (!e) return;
 		let t = () => {
-			let t = e.scrollWidth - e.clientWidth, n = Math.abs(e.scrollLeft), r = m.current?.clientWidth || e.clientWidth, i = getComputedStyle(e), a = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.paddingRight) || 0), o = {
-				overflow: e.scrollWidth - a > r + 1,
+			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
 			};
-			v((e) => e.overflow === o.overflow && e.start === o.start && e.end === o.end ? e : o);
+			v((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) {
@@ -42,7 +43,7 @@ function _({ children: e, strings: n }) {
 		};
 		t(), e.addEventListener("scroll", t, { passive: !0 });
 		let r = typeof ResizeObserver > "u" ? null : new ResizeObserver(n);
-		r?.observe(e), m.current && r?.observe(m.current), e.firstElementChild && r?.observe(e.firstElementChild);
+		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,
@@ -61,26 +62,26 @@ function _({ children: e, strings: n }) {
 			behavior: r ? "instant" : "smooth"
 		});
 	};
-	return /* @__PURE__ */ d(a, {
-		ref: m,
+	return /* @__PURE__ */ f(o, {
+		ref: a,
 		direction: "horizontal",
 		gap: "xs",
 		align: "center",
 		wrap: !1,
 		className: "tab-scroll--component w-full min-w-0",
 		children: [
-			_.overflow && /* @__PURE__ */ u(i, {
+			g.overflow && /* @__PURE__ */ d(r, {
 				size: "sm",
 				iconOnly: !0,
-				icon: f,
+				icon: p,
 				tone: "secondary",
 				buttonStyle: "ghost",
-				"aria-label": r.previous,
-				disabled: _.start,
+				"aria-label": i.previous,
+				disabled: g.start,
 				onClick: () => y(-1),
 				className: "shrink-0 rtl:[&_svg]:rotate-180"
 			}),
-			/* @__PURE__ */ u(o, {
+			/* @__PURE__ */ d(s, {
 				orientation: "horizontal",
 				viewportRef: h,
 				className: "-m-space-xs min-w-0 flex-1",
@@ -88,14 +89,14 @@ function _({ children: e, strings: n }) {
 				scrollbarClassName: "hidden",
 				children: e
 			}),
-			_.overflow && /* @__PURE__ */ u(i, {
+			g.overflow && /* @__PURE__ */ d(r, {
 				size: "sm",
 				iconOnly: !0,
-				icon: p,
+				icon: m,
 				tone: "secondary",
 				buttonStyle: "ghost",
-				"aria-label": r.next,
-				disabled: _.end,
+				"aria-label": i.next,
+				disabled: g.end,
 				onClick: () => y(1),
 				className: "shrink-0 rtl:[&_svg]:rotate-180"
 			})
@@ -104,38 +105,38 @@ function _({ children: e, strings: n }) {
 }
 //#endregion
 //#region src/components/ui/tabs.tsx
-function v({ className: e, orientation: t = "horizontal", ...r }) {
-	return /* @__PURE__ */ u(h.Root, {
+function y({ className: e, orientation: t = "horizontal", ...r }) {
+	return /* @__PURE__ */ d(g.Root, {
 		"data-slot": "tabs",
 		"data-orientation": t,
 		className: n("gap-space-md group/tabs flex data-[orientation=horizontal]:flex-col", e),
 		...r
 	});
 }
-var y = m("box-border rounded-inner 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", {
+var b = h("box-border rounded-inner 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"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function b({ className: e, variant: t = "default", ...r }) {
-	return /* @__PURE__ */ u(h.List, {
+function x({ className: e, variant: t = "default", ...r }) {
+	return /* @__PURE__ */ d(g.List, {
 		"data-slot": "tabs-list",
 		"data-variant": t,
-		className: n(y({ variant: t }), e),
+		className: n(b({ variant: t }), e),
 		...r
 	});
 }
-function x({ className: e, ...t }) {
-	return /* @__PURE__ */ u(h.Tab, {
+function S({ className: e, ...t }) {
+	return /* @__PURE__ */ d(g.Tab, {
 		"data-slot": "tabs-trigger",
-		className: n("box-border font-sans gap-space-sm rounded-inner 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-4 outline-none focus-visible:ring-2 focus-visible:ring-ring text-foreground/60 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", "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),
+		className: n(`box-border font-sans gap-space-sm rounded-inner 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-4 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", "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 S({ className: e, ...t }) {
-	return /* @__PURE__ */ u(h.Panel, {
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ d(g.Panel, {
 		"data-slot": "tabs-content",
 		className: n("text-sm flex-1 outline-none", e),
 		...t
@@ -143,30 +144,30 @@ function S({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/base/navigation/tabs.tsx
-function C(e) {
+function w(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function w({ className: e, ...t }) {
-	return /* @__PURE__ */ u(v, {
+function T({ className: e, ...t }) {
+	return /* @__PURE__ */ d(y, {
 		className: n("tabs--component", e),
 		...t
 	});
 }
-function T({ className: t, scrollable: r = !1, scrollStrings: i, ...a }) {
-	let { defaultScale: o } = e(), s = /* @__PURE__ */ u(b, {
+function E({ className: t, scrollable: r = !1, scrollStrings: i, ...a }) {
+	let { defaultScale: o } = e(), s = /* @__PURE__ */ d(x, {
 		className: n("tabs-list--component", "rounded-inner", o === "sm" ? "h-action-sm" : o === "lg" ? "h-action-lg" : "h-action", r && "w-max", t),
 		...a
 	});
-	return r ? /* @__PURE__ */ u(_, {
+	return r ? /* @__PURE__ */ d(v, {
 		strings: i,
 		children: s
 	}) : s;
 }
-function E({ className: e, children: t, ...i }) {
-	return /* @__PURE__ */ u(x, {
+function D({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ d(S, {
 		className: n("tabs-trigger--component", "gap-space-sm rounded-inner px-space-md py-space-xs", e),
-		...i,
-		children: C(t) ? /* @__PURE__ */ u(r, {
+		...r,
+		children: w(t) ? /* @__PURE__ */ d(i, {
 			tag: "span",
 			size: "inherit",
 			weight: "medium",
@@ -176,14 +177,14 @@ function E({ className: e, children: t, ...i }) {
 		}) : t
 	});
 }
-function D({ className: e, children: t, ...i }) {
-	return /* @__PURE__ */ u(S, {
+function O({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ d(C, {
 		className: n("tabs-content--component", e),
-		...i,
-		children: C(t) ? /* @__PURE__ */ u(r, { children: t }) : t
+		...r,
+		children: w(t) ? /* @__PURE__ */ d(i, { children: t }) : t
 	});
 }
 //#endregion
-export { _ as a, E as i, D as n, g as o, T as r, w as t };
+export { v as a, D as i, O as n, _ as o, E as r, T as t };
 
-//# sourceMappingURL=tabs-Dk8E_knt.js.map
+//# sourceMappingURL=tabs-DwBJfjxX.js.map

package/dist/tabs-DwBJfjxX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-DwBJfjxX.js","names":["Tabs","TabsPrimitive","TabsList","TabsTrigger","TabsContent","Tabs","PrimitiveTabs","PrimitiveTabsList","PrimitiveTabsTrigger","PrimitiveTabsContent","useDensityConfig","cn","Button","Text","focusRecipes","Stack","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","list","defaultScale","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\"\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-inner 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      },\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        `box-border font-sans gap-space-sm rounded-inner 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-4 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        \"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\tconst list = (\n\t\t<PrimitiveTabsList\n\t\t\tclassName={cn('tabs-list--component', 'rounded-inner', defaultScale === 'sm' ? 'h-action-sm' : defaultScale === 'lg' ? 'h-action-lg' : 'h-action', 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-inner 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-BFpku0Qd.js → text-inputs-aaK9wcDT.js}

@@ -1,31 +1,31 @@
 "use client";
-import { s as e } from "./ui-provider-D2_TeLqw.js";
+import { s as e } from "./ui-provider-1D_NSYzO.js";
 import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-Cospvlj1.js";
-import { s as r } from "./typography-CAr3dQhX.js";
-import { t as i } from "./button-BS3KDg00.js";
-import { t as a } from "./field-state-recipes-C-MFBX_8.js";
-import { t as o } from "./field-affordance-recipes-CkOCdE2y.js";
+import { t as n } from "./utils-l5LpDw2z.js";
+import { n as r } from "./buttons-SbIcm1HJ.js";
+import { s as i } from "./typography-DTRkE9zL.js";
+import { t as a } from "./field-state-recipes-BVA2CWHo.js";
+import { n as o } from "./field-affordance-recipes-qQeIf4lG.js";
 import { t as s } from "./editable-text-recipe-Bkm6wKHp.js";
-import { g as c, h as l, l as u, m as d, p as f } from "./form-sizing-uWP4lzVh.js";
-import { a as p, i as m, r as h, t as g } from "./input-DhQdBnV3.js";
-import { t as _ } from "./input-BoLm9Hks.js";
-import * as v from "react";
-import { useCallback as y, useEffect as b, useRef as x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { CircleXIcon as w, Eye as T, EyeOff as E, Loader2Icon as D } from "lucide-react";
+import { _ as c, g as l, h as u, l as d, m as f } from "./form-sizing-By94KzXE.js";
+import { a as p, i as m, o as h, r as g, t as _ } from "./input-DWhBBBww.js";
+import { t as v } from "./input-Ddi_LSYv.js";
+import * as y from "react";
+import { useCallback as b, useEffect as x, useRef as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Eye as T, EyeOff as E, Loader2Icon as D } from "lucide-react";
 import { cva as O } from "class-variance-authority";
 //#region src/components/base/text-inputs/textarea.tsx
-var k = { clear: "Clear textarea" }, A = v.forwardRef(({ className: i, maxLength: u, showCharacterCount: h, clearable: g, onClear: _, loading: v = !1, invalid: T, size: E, autoResize: O = !1, minRows: A = 2, maxRows: j, onChange: M, value: N, defaultValue: P, id: F, strings: I, ...L }, R) => {
-	let z = x(null), B = t(k, I), { defaultScale: V } = e(), H = c(E, V), { id: U, value: W, isReactHookForm: G, characterCount: K, hasCharacterLimit: q, showCount: J, hasValue: Y, updateValue: X, wouldExceedLimit: Z } = p({
+var k = { clear: "Clear textarea" }, A = y.forwardRef(({ className: r, maxLength: d, showCharacterCount: m, clearable: _, onClear: v, loading: y = !1, invalid: T, size: E, autoResize: O = !1, minRows: A = 2, maxRows: j, onChange: M, value: N, defaultValue: P, id: F, strings: I, ...L }, R) => {
+	let z = S(null), B = t(k, I), { defaultScale: V } = e(), H = c(E, V), { id: U, value: W, isReactHookForm: G, characterCount: K, hasCharacterLimit: q, showCount: J, hasValue: Y, updateValue: X, wouldExceedLimit: Z } = h({
 		controlledValue: N,
 		defaultValue: P,
-		maxLength: u,
-		showCharacterCount: h,
+		maxLength: d,
+		showCharacterCount: m,
 		providedId: F,
 		idPrefix: "textarea",
 		hasOnChange: M !== void 0
-	}), Q = !!T, $ = y(() => {
+	}), Q = !!T, $ = b(() => {
 		if (!O || !z.current) return;
 		let e = z.current, t = getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 20, r = (Number.parseFloat(t.paddingTop) || 0) + (Number.parseFloat(t.paddingBottom) || 0), i = t.boxSizing === "border-box" ? (Number.parseFloat(t.borderTopWidth) || 0) + (Number.parseFloat(t.borderBottomWidth) || 0) : 0;
 		e.style.height = "auto";
@@ -36,14 +36,14 @@ var k = { clear: "Clear textarea" }, A = v.forwardRef(({ className: i, maxLength
 		j,
 		A
 	]);
-	b(() => {
+	x(() => {
 		$();
 	}, [
 		W,
 		L.placeholder,
 		O,
 		$
-	]), b(() => {
+	]), x(() => {
 		let e = z.current;
 		if (!O || !e || typeof ResizeObserver > "u") return;
 		let t = "", n = new ResizeObserver(() => {
@@ -52,7 +52,7 @@ var k = { clear: "Clear textarea" }, A = v.forwardRef(({ className: i, maxLength
 		});
 		return n.observe(e), () => n.disconnect();
 	}, [O, $]);
-	let ee = y((e) => {
+	let ee = b((e) => {
 		let t = e.target.value;
 		Z(t) || (X(t), M?.(e), O && setTimeout($, 0));
 	}, [
@@ -61,25 +61,25 @@ var k = { clear: "Clear textarea" }, A = v.forwardRef(({ className: i, maxLength
 		Z,
 		O,
 		$
-	]), te = y(() => {
-		L.disabled || L.readOnly || v || (z.current && m(z.current), _?.(), z.current?.focus());
+	]), te = b(() => {
+		L.disabled || L.readOnly || y || (z.current && p(z.current), v?.(), z.current?.focus());
 	}, [
 		L.disabled,
 		L.readOnly,
-		v,
-		_
-	]), ne = g && Y && !v && !J;
-	return /* @__PURE__ */ C("div", {
+		y,
+		v
+	]), ne = _ && Y && !y && !J;
+	return /* @__PURE__ */ w("div", {
 		className: n("textarea--component", "relative w-full"),
 		children: [
-			/* @__PURE__ */ S("textarea", {
+			/* @__PURE__ */ C("textarea", {
 				ref: (e) => {
 					typeof R == "function" ? R(e) : R && (R.current = e), z.current = e;
 				},
 				id: U,
 				...!G && { value: W },
 				onChange: ee,
-				maxLength: u,
+				maxLength: d,
 				"aria-invalid": Q || void 0,
 				rows: A,
 				style: {
@@ -87,38 +87,33 @@ var k = { clear: "Clear textarea" }, A = v.forwardRef(({ className: i, maxLength
 					overflow: O && j ? "auto" : "visible",
 					...L.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", d[H], "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "[&:read-only:not(:disabled)]:bg-muted", l[H], s[H], a.focus, a.invalid, ne && o.clearPadding[H], J && o.textareaCountPadding, i),
+				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", u[H], "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "[&:read-only:not(:disabled)]:bg-muted", l[H], s[H], a.focus, a.invalid, ne && o.clearPadding[H], J && o.textareaCountPadding, r),
 				...L,
-				disabled: L.disabled || v
+				disabled: L.disabled || y
 			}),
-			!!J && /* @__PURE__ */ S("div", {
+			!!J && /* @__PURE__ */ C("div", {
 				className: n("pointer-events-none absolute bottom-control-y-offset end-[calc(var(--control-x)*var(--space-scale))] text-xs tabular-nums", L.disabled && "opacity-50", Q ? "text-destructive" : "text-muted-foreground"),
 				"aria-live": "polite",
 				role: "status",
-				children: /* @__PURE__ */ C(r, {
+				children: /* @__PURE__ */ w(i, {
 					tag: "span",
 					size: "xs",
 					type: Q ? "error" : "secondary",
-					children: [K, q ? `/${u}` : ""]
+					children: [K, q ? `/${d}` : ""]
 				})
 			}),
-			!!v && !J && /* @__PURE__ */ S("div", {
+			!!y && !J && /* @__PURE__ */ C("div", {
 				className: n("pointer-events-none absolute end-[calc(var(--control-x)*var(--space-scale))]", f.icon[H], Q ? "text-destructive" : "text-muted-foreground"),
-				children: /* @__PURE__ */ S(D, {
+				children: /* @__PURE__ */ C(D, {
 					className: "size-icon animate-spin",
 					"aria-hidden": "true"
 				})
 			}),
-			!!ne && !J && /* @__PURE__ */ S("button", {
-				type: "button",
-				className: n(o.target, o.focus, o.clear, "absolute", f.target[H], o.clearEnd[H]),
+			!!ne && !J && /* @__PURE__ */ C(g, {
+				className: n("absolute", f.target[H], o.clearEnd[H]),
 				"aria-label": B.clear,
 				onClick: te,
-				disabled: L.disabled || L.readOnly || v,
-				children: /* @__PURE__ */ S(w, {
-					className: o.icon,
-					"aria-hidden": "true"
-				})
+				disabled: L.disabled || L.readOnly || y
 			})
 		]
 	});
@@ -127,7 +122,7 @@ A.displayName = "Textarea";
 //#endregion
 //#region src/components/ui/textarea.tsx
 function j({ className: e, ...t }) {
-	return /* @__PURE__ */ S("textarea", {
+	return /* @__PURE__ */ C("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", s.md, a.focus, a.invalid, e),
 		...t
@@ -136,7 +131,7 @@ function j({ className: e, ...t }) {
 //#endregion
 //#region src/components/ui/input-group.tsx
 function M({ className: e, ...t }) {
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("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", a.groupFocus, a.groupInvalid, e),
@@ -153,7 +148,7 @@ var N = O("text-muted-foreground h-auto gap-space-md py-space-sm text-sm font-me
 	defaultVariants: { align: "inline-start" }
 });
 function P({ className: e, align: t = "inline-start", ...r }) {
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": t,
@@ -174,20 +169,20 @@ O("gap-space-md text-sm shadow-none flex items-center", {
 	defaultVariants: { size: "xs" }
 });
 function F({ className: e, ...t }) {
-	return /* @__PURE__ */ S("span", {
+	return /* @__PURE__ */ C("span", {
 		className: n("text-muted-foreground gap-space-md text-sm [&_svg:not([class*='size-'])]:size-icon flex items-center [&_svg]:pointer-events-none", e),
 		...t
 	});
 }
 function I({ className: e, ...t }) {
-	return /* @__PURE__ */ S(_, {
+	return /* @__PURE__ */ C(v, {
 		"data-slot": "input-group-control",
 		className: n("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1", e),
 		...t
 	});
 }
 function L({ className: e, ...t }) {
-	return /* @__PURE__ */ S(j, {
+	return /* @__PURE__ */ C(j, {
 		"data-slot": "input-group-control",
 		className: n("rounded-none border-0 bg-transparent py-space-md shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1 resize-none", e),
 		...t
@@ -196,7 +191,7 @@ function L({ className: e, ...t }) {
 //#endregion
 //#region src/components/base/text-inputs/input-group.tsx
 function R({ className: e, ...t }) {
-	return /* @__PURE__ */ S(M, {
+	return /* @__PURE__ */ C(M, {
 		className: n("input-group--component box-border h-control rounded-inner font-sans text-foreground shadow-none", "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
 	});
@@ -208,16 +203,16 @@ var z = {
 	"block-end": "px-control pb-space-md group-has-[>input]/input-group:pb-space-md [.border-t]:pt-space-md"
 };
 function B({ className: e, align: t = "inline-start", ...r }) {
-	return /* @__PURE__ */ S(P, {
+	return /* @__PURE__ */ C(P, {
 		align: t,
 		className: n("input-group-addon--component box-border gap-space-md py-space-sm [&>svg:not([class*='size-'])]:size-icon", z[t ?? "inline-start"], e),
 		...r
 	});
 }
-function V({ className: e, tone: t = "secondary", buttonStyle: r = "ghost", truncate: a = !0, ...o }) {
-	return /* @__PURE__ */ S(i, {
+function V({ className: e, tone: t = "secondary", buttonStyle: i = "ghost", truncate: a = !0, ...o }) {
+	return /* @__PURE__ */ C(r, {
 		tone: t,
-		buttonStyle: r,
+		buttonStyle: i,
 		truncate: a,
 		className: n("input-group-button--component max-h-full shadow-none", e),
 		...o
@@ -226,11 +221,11 @@ function V({ className: e, tone: t = "secondary", buttonStyle: r = "ghost", trun
 function H(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function U({ children: e, className: t, ...i }) {
-	return /* @__PURE__ */ S(F, {
+function U({ children: e, className: t, ...r }) {
+	return /* @__PURE__ */ C(F, {
 		className: n("input-group-text--component gap-space-md [&_svg:not([class*='size-'])]:size-icon", t),
-		...i,
-		children: H(e) ? /* @__PURE__ */ S(r, {
+		...r,
+		children: H(e) ? /* @__PURE__ */ C(i, {
 			tag: "span",
 			size: "inherit",
 			lineHeight: "tight",
@@ -240,13 +235,13 @@ function U({ children: e, className: t, ...i }) {
 	});
 }
 function W({ className: e, ...t }) {
-	return /* @__PURE__ */ S(I, {
-		className: n("input-group-input--component box-border h-control max-h-full min-h-0 font-sans text-foreground", u.md, e),
+	return /* @__PURE__ */ C(I, {
+		className: n("input-group-input--component box-border h-control max-h-full min-h-0 font-sans text-foreground", d.md, e),
 		...t
 	});
 }
 function G({ className: e, ...t }) {
-	return /* @__PURE__ */ S(L, {
+	return /* @__PURE__ */ C(L, {
 		className: n("input-group-textarea--component box-border min-h-textarea px-control py-space-md font-sans text-foreground", e),
 		...t
 	});
@@ -256,34 +251,34 @@ function G({ className: e, ...t }) {
 var K = {
 	showPassword: "Show password",
 	hidePassword: "Hide password"
-}, q = v.forwardRef(function({ visible: e, defaultVisible: r = !1, onVisibleChange: i, revealable: a = !0, wrapperClassName: s, visibilityButtonClassName: c, className: l, disabled: u, loading: d, inputStrings: f, strings: p, ...m }, _) {
-	let y = t(K, p), [b, x] = v.useState(r), C = e !== void 0, w = C ? e : b, D = u || d, O = v.useCallback(() => {
+}, q = y.forwardRef(function({ visible: e, defaultVisible: r = !1, onVisibleChange: i, revealable: a = !0, wrapperClassName: s, visibilityButtonClassName: c, className: l, disabled: u, loading: d, inputStrings: f, strings: p, ...h }, g) {
+	let v = t(K, p), [b, x] = y.useState(r), S = e !== void 0, w = S ? e : b, D = u || d, O = y.useCallback(() => {
 		let e = !w;
-		C || x(e), i?.(e);
+		S || x(e), i?.(e);
 	}, [
-		C,
+		S,
 		w,
 		i
-	]), k = a ? /* @__PURE__ */ S("button", {
+	]), k = a ? /* @__PURE__ */ C("button", {
 		type: "button",
 		className: n("password-input--toggle", o.target, o.focus, o.toggle, c),
-		"aria-label": w ? y.hidePassword : y.showPassword,
+		"aria-label": w ? v.hidePassword : v.showPassword,
 		"aria-pressed": w,
 		disabled: D,
 		onMouseDown: (e) => e.preventDefault(),
 		onClick: O,
-		children: S(w ? E : T, {
+		children: C(w ? E : T, {
 			className: o.icon,
 			"aria-hidden": "true"
 		})
 	}) : null;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		className: n("password-input--component", "relative", s),
-		children: /* @__PURE__ */ S(h.Provider, {
+		children: /* @__PURE__ */ C(m.Provider, {
 			value: k,
-			children: /* @__PURE__ */ S(g, {
-				...m,
-				ref: _,
+			children: /* @__PURE__ */ C(_, {
+				...h,
+				ref: g,
 				type: w ? "text" : "password",
 				disabled: u,
 				loading: d,
@@ -300,8 +295,8 @@ function J(e, { separator: t = "-", lowercase: n = !0, trim: r = !0 } = {}) {
 	let i = t || "-", a = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = String(e ?? "").normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/&/g, " and ").replace(/['’]/g, "");
 	return n && (o = o.toLowerCase()), o = o.replace(/[^\p{Letter}\p{Number}]+/gu, i).replace(RegExp(`${a}{2,}`, "g"), i), r && (o = o.replace(RegExp(`^${a}|${a}$`, "g"), "")), o;
 }
-var Y = v.forwardRef(function({ value: e, slugify: t, separator: r = "-", lowercase: i = !0, trim: a = !0, wrapperClassName: o, className: s, ...c }, l) {
-	let u = v.useMemo(() => t?.(e) ?? J(e, {
+var Y = y.forwardRef(function({ value: e, slugify: t, separator: r = "-", lowercase: i = !0, trim: a = !0, wrapperClassName: o, className: s, ...c }, l) {
+	let u = y.useMemo(() => t?.(e) ?? J(e, {
 		separator: r,
 		lowercase: i,
 		trim: a
@@ -312,9 +307,9 @@ var Y = v.forwardRef(function({ value: e, slugify: t, separator: r = "-", lowerc
 		a,
 		e
 	]);
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		className: n("slug-field--component", o),
-		children: /* @__PURE__ */ S(g, {
+		children: /* @__PURE__ */ C(_, {
 			ref: l,
 			...c,
 			type: "text",
@@ -328,4 +323,4 @@ Y.displayName = "SlugField";
 //#endregion
 export { R as a, W as c, A as d, K as i, U as l, J as n, B as o, q as r, V as s, Y as t, G as u };
 
-//# sourceMappingURL=text-inputs-BFpku0Qd.js.map
+//# sourceMappingURL=text-inputs-aaK9wcDT.js.map