themelia-react-ui 1.0.1 → 2.0.0

package/dist/tabs-B5cNMWiP.js

@@ -1,187 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { n } from "./buttons-Co6GavvM.js";
-import { a as r } from "./typography-Cv8MT-82.js";
-import { t as i } from "./structure-MvKVq-oL.js";
-import { t as a } from "./scroll-area-BheMQ270.js";
-import { useLayoutEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ChevronLeft as d, ChevronRight as f } from "lucide-react";
-import { cva as p } from "class-variance-authority";
-import { Tabs as m } from "@base-ui/react/tabs";
-//#region src/components/base/navigation/tab-scroll-viewport.tsx
-var h = {
-	previous: "Previous tabs",
-	next: "Next tabs"
-};
-function g({ children: t, strings: r }) {
-	let p = e(h, r), m = s(null), g = s(null), [_, v] = c({
-		overflow: !1,
-		start: !0,
-		end: !0
-	});
-	o(() => {
-		let e = g.current;
-		if (!e) return;
-		let t = () => {
-			let t = e.scrollWidth - e.clientWidth, n = Math.abs(e.scrollLeft), r = m.current?.clientWidth || e.clientWidth, i = {
-				overflow: e.scrollWidth > r + 1,
-				start: n <= 1,
-				end: n >= t - 1
-			};
-			v((e) => e.overflow === i.overflow && e.start === i.start && e.end === i.end ? e : i);
-		}, 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), m.current && r?.observe(m.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 = g.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__ */ u(i, {
-		ref: m,
-		direction: "horizontal",
-		gap: "xs",
-		align: "center",
-		wrap: !1,
-		className: "tab-scroll--component w-full min-w-0",
-		children: [
-			_.overflow && /* @__PURE__ */ l(n, {
-				size: "sm",
-				iconOnly: !0,
-				icon: d,
-				tone: "secondary",
-				buttonStyle: "ghost",
-				"aria-label": p.previous,
-				disabled: _.start,
-				onClick: () => y(-1),
-				className: "shrink-0 rtl:[&_svg]:rotate-180"
-			}),
-			/* @__PURE__ */ l(a, {
-				orientation: "horizontal",
-				viewportRef: g,
-				className: "min-w-0 flex-1",
-				viewportClassName: "px-space-xs pt-space-xs pb-space-xl",
-				children: t
-			}),
-			_.overflow && /* @__PURE__ */ l(n, {
-				size: "sm",
-				iconOnly: !0,
-				icon: f,
-				tone: "secondary",
-				buttonStyle: "ghost",
-				"aria-label": p.next,
-				disabled: _.end,
-				onClick: () => y(1),
-				className: "shrink-0 rtl:[&_svg]:rotate-180"
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/ui/tabs.tsx
-function _({ className: e, orientation: n = "horizontal", ...r }) {
-	return /* @__PURE__ */ l(m.Root, {
-		"data-slot": "tabs",
-		"data-orientation": n,
-		className: t("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", e),
-		...r
-	});
-}
-var v = p("rounded-lg p-[3px] group-data-horizontal/tabs:h-9 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-1 bg-transparent"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function y({ className: e, variant: n = "default", ...r }) {
-	return /* @__PURE__ */ l(m.List, {
-		"data-slot": "tabs-list",
-		"data-variant": n,
-		className: t(v({ variant: n }), e),
-		...r
-	});
-}
-function b({ className: e, ...n }) {
-	return /* @__PURE__ */ l(m.Tab, {
-		"data-slot": "tabs-trigger",
-		className: t("gap-1.5 rounded-md border border-transparent px-2 py-1 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 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-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 focus-visible:ring-[3px] focus-visible:outline-1 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-background 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),
-		...n
-	});
-}
-function x({ className: e, ...n }) {
-	return /* @__PURE__ */ l(m.Panel, {
-		"data-slot": "tabs-content",
-		className: t("text-sm flex-1 outline-none", e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/navigation/tabs.tsx
-function S(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function C({ className: e, ...n }) {
-	return /* @__PURE__ */ l(_, {
-		className: t("tabs--component", e),
-		...n
-	});
-}
-function w({ className: e, scrollable: n = !1, scrollStrings: r, ...i }) {
-	let a = /* @__PURE__ */ l(y, {
-		className: t("tabs-list--component", "rounded-radius", n && "w-max", e),
-		...i
-	});
-	return n ? /* @__PURE__ */ l(g, {
-		strings: r,
-		children: a
-	}) : a;
-}
-function T({ className: e, children: n, ...i }) {
-	return /* @__PURE__ */ l(b, {
-		className: t("tabs-trigger--component", "gap-space-sm rounded-radius px-space-md py-space-xs", e),
-		...i,
-		children: S(n) ? /* @__PURE__ */ l(r, {
-			tag: "span",
-			size: "inherit",
-			weight: "medium",
-			lineHeight: "tight",
-			className: "text-inherit",
-			children: n
-		}) : n
-	});
-}
-function E({ className: e, children: n, ...i }) {
-	return /* @__PURE__ */ l(x, {
-		className: t("tabs-content--component", e),
-		...i,
-		children: S(n) ? /* @__PURE__ */ l(r, { children: n }) : n
-	});
-}
-//#endregion
-export { g as a, T as i, E as n, h as o, w as r, C as t };
-
-//# sourceMappingURL=tabs-B5cNMWiP.js.map

package/dist/tabs-B5cNMWiP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-B5cNMWiP.js","names":["Tabs","TabsPrimitive","TabsList","TabsTrigger","TabsContent","Tabs","PrimitiveTabs","PrimitiveTabsList","PrimitiveTabsTrigger","PrimitiveTabsContent","Text","Stack","ScrollArea","defaultTabsScrollStrings","TabScrollViewport","stringsProp","strings","useStrings","frameRef","useRef","viewportRef","edges","setEdges","useState","viewport","measure","maximum","offset","available","next","current","reveal","selected","bounds","item","resize","selection","scroll","rtl","reduce","direction","Button","ChevronLeft","ChevronRight","Tabs$2","props","Tabs","orientation","cn","className","tabsListVariants","cva","TabsList$1","variant","TabsTrigger$1","TabsContent$1","isSimpleText","value","Tabs$1","TabsList","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\tconst next = { overflow: viewport.scrollWidth > 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<ScrollArea orientation=\"horizontal\" viewportRef={viewportRef} className=\"min-w-0 flex-1\" viewportClassName=\"px-space-xs pt-space-xs pb-space-xl\">{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\"\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-2 group/tabs flex data-[orientation=horizontal]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"rounded-lg p-[3px] group-data-horizontal/tabs:h-9 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-1 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        \"gap-1.5 rounded-md border border-transparent px-2 py-1 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 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-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 focus-visible:ring-[3px] focus-visible:outline-1 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        \"data-active:bg-background 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 * The shadcn source is left untouched, so its literal `gap-1.5 rounded-md px-2\n * py-1` reached consumers unchanged and opted tabs out of scoped `--space-scale`\n * and `--radius` overrides — the only interactive family in the package that\n * did. These wrappers restate the same values as tokens; `cn` merges them last,\n * so they win. Every value below is pixel-identical to the primitive's default.\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 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 list = (\n\t\t<PrimitiveTabsList\n\t\t\tclassName={cn('tabs-list--component', 'rounded-radius', 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-Dh9XGyiS.js

@@ -1,331 +0,0 @@
-"use client";
-import { s as e } from "./ui-provider-CftIB6TY.js";
-import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-C2EKeIw3.js";
-import { n as r } from "./buttons-Co6GavvM.js";
-import { a as i } from "./typography-Cv8MT-82.js";
-import { t as a } from "./field-state-recipes-CBTRt9Bt.js";
-import { t as o } from "./field-affordance-recipes-IjzPrCTw.js";
-import { t as s } from "./editable-text-recipe-Bkm6wKHp.js";
-import { f as c, l, p as u } from "./form-sizing-BWs70_a2.js";
-import { r as d, t as f } from "./input-WwYQZJzG.js";
-import { t as p } from "./input-ci9fIgFH.js";
-import * as m from "react";
-import { useCallback as h, useEffect as g, useRef as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { CircleXIcon as b, Eye as x, EyeOff as S, Loader2Icon as C } from "lucide-react";
-import { cva as w } from "class-variance-authority";
-//#region src/components/base/text-inputs/textarea.tsx
-var T = { clear: "Clear textarea" }, E = m.forwardRef(({ className: r, maxLength: l, showCharacterCount: f, clearable: p, onClear: m, loading: x = !1, invalid: S, size: w, autoResize: E = !1, minRows: D = 2, maxRows: O, onChange: k, value: A, defaultValue: j, id: M, strings: N, ...P }, F) => {
-	let I = _(null), L = t(T, N), { defaultScale: R } = e(), z = u(w, R), { id: B, value: V, isReactHookForm: H, characterCount: U, hasCharacterLimit: W, showCount: G, hasValue: K, updateValue: q, clearValue: J, wouldExceedLimit: Y } = d({
-		controlledValue: A,
-		defaultValue: j,
-		maxLength: l,
-		showCharacterCount: f,
-		providedId: M,
-		idPrefix: "textarea",
-		hasOnChange: k !== void 0
-	}), X = !!S, Z = h(() => {
-		if (!E || !I.current) return;
-		let e = I.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";
-		let a = n * D + r + i, o = O ? n * O + r + i : Infinity, s = Math.min(Math.max(e.scrollHeight + i, a), o);
-		e.style.height = `${s}px`;
-	}, [
-		E,
-		O,
-		D
-	]);
-	g(() => {
-		Z();
-	}, [
-		V,
-		P.placeholder,
-		E,
-		Z
-	]), g(() => {
-		let e = I.current;
-		if (!E || !e || typeof ResizeObserver > "u") return;
-		let t = "", n = new ResizeObserver(() => {
-			let n = getComputedStyle(e), r = `${e.clientWidth}:${n.fontSize}:${n.lineHeight}`;
-			r !== t && (t = r, Z());
-		});
-		return n.observe(e), () => n.disconnect();
-	}, [E, Z]);
-	let Q = h((e) => {
-		let t = e.target.value;
-		Y(t) || (q(t), k?.(e), E && setTimeout(Z, 0));
-	}, [
-		k,
-		q,
-		Y,
-		E,
-		Z
-	]), ee = h(() => {
-		J(), k?.({
-			target: { value: "" },
-			currentTarget: { value: "" }
-		}), m?.(), I.current?.focus(), E && setTimeout(Z, 0);
-	}, [
-		J,
-		k,
-		m,
-		E,
-		Z
-	]), $ = p && K && !x;
-	return /* @__PURE__ */ y("div", {
-		className: n("textarea--component", "relative w-full"),
-		children: [
-			/* @__PURE__ */ v("textarea", {
-				ref: (e) => {
-					typeof F == "function" ? F(e) : F && (F.current = e), I.current = e;
-				},
-				id: B,
-				...!H && { value: V },
-				onChange: Q,
-				maxLength: l,
-				"aria-invalid": X || void 0,
-				disabled: P.disabled || x,
-				rows: D,
-				style: {
-					resize: E ? "none" : P.style?.resize,
-					overflow: E && O ? "auto" : "visible",
-					...P.style
-				},
-				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 py-control-y-offset", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", c[z], s[z], a.focus, a.invalid, $ && o.clearPadding.md, G && "pb-control-addon", r),
-				...P
-			}),
-			!!G && /* @__PURE__ */ v("div", {
-				className: n("pointer-events-none absolute bottom-control-y-offset end-[calc(var(--control-x)*var(--space-scale))] text-xs tabular-nums", P.disabled && "opacity-50", X ? "text-destructive" : "text-muted-foreground"),
-				"aria-live": "polite",
-				role: "status",
-				children: /* @__PURE__ */ y(i, {
-					tag: "span",
-					size: "xs",
-					type: X ? "error" : "secondary",
-					children: [U, W ? `/${l}` : ""]
-				})
-			}),
-			!!x && !G && /* @__PURE__ */ v("div", {
-				className: n("pointer-events-none absolute top-control-y-offset end-[calc(var(--control-x)*var(--space-scale))]", X ? "text-destructive" : "text-muted-foreground/80"),
-				children: /* @__PURE__ */ v(C, {
-					className: "size-icon animate-spin",
-					"aria-hidden": "true"
-				})
-			}),
-			!!$ && !G && /* @__PURE__ */ v("button", {
-				type: "button",
-				className: n(o.target, o.focus, o.clear, "absolute top-control-y-offset", o.clearEnd.md),
-				"aria-label": L.clear,
-				onClick: ee,
-				disabled: P.disabled || x,
-				children: /* @__PURE__ */ v(b, {
-					className: o.icon,
-					"aria-hidden": "true"
-				})
-			})
-		]
-	});
-});
-E.displayName = "Textarea";
-//#endregion
-//#region src/components/ui/textarea.tsx
-function D({ className: e, ...t }) {
-	return /* @__PURE__ */ v("textarea", {
-		"data-slot": "textarea",
-		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", s.md, a.focus, a.invalid, e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/ui/input-group.tsx
-function O({ className: e, ...t }) {
-	return /* @__PURE__ */ v("div", {
-		"data-slot": "input-group",
-		role: "group",
-		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", a.groupFocus, a.groupInvalid, e),
-		...t
-	});
-}
-var k = w("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", {
-	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",
-		"block-start": "px-control pt-space-md group-has-[>input]/input-group:pt-space-md [.border-b]:pb-space-md order-first w-full justify-start",
-		"block-end": "px-control pb-space-md group-has-[>input]/input-group:pb-space-md [.border-t]:pt-space-md order-last w-full justify-start"
-	} },
-	defaultVariants: { align: "inline-start" }
-});
-function A({ className: e, align: t = "inline-start", ...r }) {
-	return /* @__PURE__ */ v("div", {
-		role: "group",
-		"data-slot": "input-group-addon",
-		"data-align": t,
-		className: n(k({ align: t }), e),
-		onClick: (e) => {
-			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
-		},
-		...r
-	});
-}
-w("gap-2 text-sm shadow-none flex items-center", {
-	variants: { size: {
-		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-		sm: "",
-		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
-	} },
-	defaultVariants: { size: "xs" }
-});
-function j({ className: e, ...t }) {
-	return /* @__PURE__ */ v("span", {
-		className: n("text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", e),
-		...t
-	});
-}
-function M({ className: e, ...t }) {
-	return /* @__PURE__ */ v(p, {
-		"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 N({ className: e, ...t }) {
-	return /* @__PURE__ */ v(D, {
-		"data-slot": "input-group-control",
-		className: n("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1 resize-none", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/text-inputs/input-group.tsx
-function P({ className: e, ...t }) {
-	return /* @__PURE__ */ v(O, {
-		className: n("input-group--component box-border h-control rounded-radius 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
-	});
-}
-var F = {
-	"inline-start": "h-full ps-control py-0",
-	"inline-end": "h-full pe-control py-0",
-	"block-start": "px-control pt-space-md group-has-[>input]/input-group:pt-space-md [.border-b]:pb-space-md",
-	"block-end": "px-control pb-space-md group-has-[>input]/input-group:pb-space-md [.border-t]:pt-space-md"
-};
-function I({ className: e, align: t = "inline-start", ...r }) {
-	return /* @__PURE__ */ v(A, {
-		align: t,
-		className: n("input-group-addon--component box-border gap-space-md py-space-sm [&>svg:not([class*='size-'])]:size-icon", F[t ?? "inline-start"], e),
-		...r
-	});
-}
-function L({ className: e, tone: t = "secondary", buttonStyle: i = "ghost", ...a }) {
-	return /* @__PURE__ */ v(r, {
-		tone: t,
-		buttonStyle: i,
-		className: n("input-group-button--component max-h-full shadow-none", e),
-		...a
-	});
-}
-function R(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function z({ children: e, className: t, ...r }) {
-	return /* @__PURE__ */ v(j, {
-		className: n("input-group-text--component gap-space-md [&_svg:not([class*='size-'])]:size-icon", t),
-		...r,
-		children: R(e) ? /* @__PURE__ */ v(i, {
-			tag: "span",
-			size: "inherit",
-			lineHeight: "tight",
-			className: "text-inherit",
-			children: e
-		}) : e
-	});
-}
-function B({ className: e, ...t }) {
-	return /* @__PURE__ */ v(M, {
-		className: n("input-group-input--component box-border h-control max-h-full min-h-0 font-sans text-foreground", l.md, e),
-		...t
-	});
-}
-function V({ className: e, ...t }) {
-	return /* @__PURE__ */ v(N, {
-		className: n("input-group-textarea--component box-border min-h-textarea px-control py-space-md font-sans text-foreground", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/text-inputs/password-input.tsx
-var H = {
-	showPassword: "Show password",
-	hidePassword: "Hide password"
-}, U = m.forwardRef(function({ visible: e, defaultVisible: r = !1, onVisibleChange: i, revealable: a = !0, wrapperClassName: o, visibilityButtonClassName: s, className: c, disabled: l, loading: u, inputStrings: d, strings: p, ...h }, g) {
-	let _ = t(H, p), [b, C] = m.useState(r), w = e !== void 0, T = w ? e : b, E = l || u, D = m.useCallback(() => {
-		let e = !T;
-		w || C(e), i?.(e);
-	}, [
-		w,
-		T,
-		i
-	]);
-	return /* @__PURE__ */ y("div", {
-		className: n("password-input--component", "relative", o),
-		children: [/* @__PURE__ */ v(f, {
-			ref: g,
-			type: T ? "text" : "password",
-			disabled: l,
-			loading: u,
-			className: n(a && "pe-control-actions", c),
-			strings: d,
-			...h
-		}), !!a && /* @__PURE__ */ v("button", {
-			type: "button",
-			className: n("password-input--toggle", "text-muted-foreground/80 hover:text-foreground focus-visible:border-input focus-visible:ring-ring/50 absolute inset-y-0 end-space-xs flex h-full w-control-clear items-center justify-center rounded-e-radius-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", s),
-			"aria-label": T ? _.hidePassword : _.showPassword,
-			"aria-pressed": T,
-			disabled: E,
-			onMouseDown: (e) => e.preventDefault(),
-			onClick: D,
-			children: v(T ? S : x, {
-				className: "size-icon",
-				"aria-hidden": "true"
-			})
-		})]
-	});
-});
-U.displayName = "PasswordInput";
-//#endregion
-//#region src/components/base/text-inputs/slug-field.tsx
-function W(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 G = m.forwardRef(function({ value: e, slugify: t, separator: r = "-", lowercase: i = !0, trim: a = !0, wrapperClassName: o, className: s, ...c }, l) {
-	let u = m.useMemo(() => t?.(e) ?? W(e, {
-		separator: r,
-		lowercase: i,
-		trim: a
-	}), [
-		i,
-		r,
-		t,
-		a,
-		e
-	]);
-	return /* @__PURE__ */ v("div", {
-		className: n("slug-field--component", o),
-		children: /* @__PURE__ */ v(f, {
-			ref: l,
-			...c,
-			type: "text",
-			value: u,
-			readOnly: !0,
-			className: s
-		})
-	});
-});
-G.displayName = "SlugField";
-//#endregion
-export { P as a, B as c, E as d, H as i, z as l, W as n, I as o, U as r, L as s, G as t, V as u };
-
-//# sourceMappingURL=text-inputs-Dh9XGyiS.js.map