admin-ui-starter-kit 0.1.2 → 0.1.4

package/dist/_shared/spinner-XcfVYbbp.js

@@ -0,0 +1,67 @@
+import { d as e } from "./ui-provider-CQJ1glwN.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-qsEg5GdP.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/base/spinner/spinner.tsx
+var o = r(function({ label: r, className: o = "", variant: u, style: d }, f) {
+	let { defaultVariant: p } = e(), m = u ?? p ?? "default";
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		className: t("spinner--component", "flex items-center justify-center p-8"),
+		style: d,
+		children: /* @__PURE__ */ a("div", {
+			className: "flex flex-col items-center justify-center gap-2 text-center",
+			children: [
+				m === "default" && /* @__PURE__ */ i(s, { className: o }),
+				m === "shimmer" && /* @__PURE__ */ i(c, { className: o }),
+				m === "progress" && /* @__PURE__ */ i(l, { className: o }),
+				!!r && /* @__PURE__ */ i(n, {
+					type: "secondary",
+					children: r
+				})
+			]
+		})
+	});
+});
+o.displayName = "Spinner";
+function s({ className: e = "" }) {
+	return /* @__PURE__ */ a("svg", {
+		className: t("h-10 w-10 text-primary", e),
+		fill: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ i("path", {
+			d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+			opacity: ".25"
+		}), /* @__PURE__ */ i("path", {
+			d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
+			children: /* @__PURE__ */ i("animateTransform", {
+				attributeName: "transform",
+				type: "rotate",
+				dur: "0.75s",
+				values: "0 12 12;360 12 12",
+				repeatCount: "indefinite"
+			})
+		})]
+	});
+}
+function c({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]", "animate-[shimmer_1.5s_ease-in-out_infinite]", e),
+		"aria-hidden": "true"
+	});
+}
+function l({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-1 w-32 overflow-hidden rounded bg-muted", e),
+		role: "progressbar",
+		"aria-busy": "true",
+		children: /* @__PURE__ */ i("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary" })
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=spinner-XcfVYbbp.js.map

package/dist/_shared/spinner-XcfVYbbp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-XcfVYbbp.js","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spin (the legacy shape)\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAU,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAAS,GAAa,YAC/C,GACC;CACD,IAAM,EAAE,sBAAmB,EAAiB,GACtC,IAA0B,KAAe,KAAkB;CAEjE,OACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,sBAAsB,sCAAsC;EAAU;YAClG,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,MAAY,aAAa,kBAAC,GAAD,EAA2B,aAAY,CAAA;IAChE,MAAY,aAAa,kBAAC,GAAD,EAA2B,aAAY,CAAA;IAChE,MAAY,cAAc,kBAAC,GAAD,EAA4B,aAAY,CAAA;IAClE,CAAC,CAAC,KAAS,kBAAC,GAAD;KAAM,MAAK;eAAa;IAAY,CAAA;GAC5C;;CACD,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAAS,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,0BAA0B,CAAS;EACjD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;YALb,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GACD,kBAAC,QAAD;GAAM,GAAE;aACP,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;GACZ,CAAA;EACI,CAAA,CACF;;AAEP;AAEA,SAAS,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAW,EACV,6GACA,+CACA,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAAS,EAAgB,EAAE,eAAY,MAA8B;CACpE,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,6CAA6C,CAAS;EACpE,MAAK;EACL,aAAU;YAEV,kBAAC,OAAD,EAAK,WAAU,qFAAsF,CAAA;CACjG,CAAA;AAEP"}

package/dist/_shared/switch-BBP3u1z5.js

@@ -0,0 +1,55 @@
+import { cn as e } from "../lib/utils.js";
+import { forwardRef as t, useCallback as n, useId as r, useMemo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Switch as o } from "@base-ui/react/switch";
+//#region src/components/ui/switch.tsx
+function s({ className: t, size: n = "default", ...r }) {
+	return /* @__PURE__ */ a(o.Root, {
+		"data-slot": "switch",
+		"data-size": n,
+		className: e("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", t),
+		...r,
+		children: /* @__PURE__ */ a(o.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform"
+		})
+	});
+}
+//#endregion
+//#region src/components/base/forms/fields/switch.tsx
+var c = t(function({ onCheckedChange: t, invalid: o, className: c, ...l }, u) {
+	let d = r(), f = i(() => l.name ? String(l.name) : l.id ? String(l.id) : `switch-${d}`, [
+		d,
+		l.id,
+		l.name
+	]), p = l.id ?? f, m = n((e) => {
+		t?.({ target: {
+			name: f,
+			value: e
+		} });
+	}, [f, t]);
+	return /* @__PURE__ */ a(s, {
+		ref: u,
+		...l,
+		onCheckedChange: m,
+		id: p,
+		name: f,
+		"aria-invalid": o || void 0,
+		className: e("switch--component", o && "data-[state=unchecked]:border-destructive", c)
+	});
+});
+c.displayName = "Switch";
+var l = t(function({ onCheckedChange: t, invalid: n, className: r, ...i }, o) {
+	return /* @__PURE__ */ a(s, {
+		ref: o,
+		...i,
+		onCheckedChange: (e) => t?.(e),
+		"aria-invalid": n || void 0,
+		className: e(n && "data-[state=unchecked]:border-destructive", r)
+	});
+});
+l.displayName = "ToggleSwitch";
+//#endregion
+export { l as n, s as r, c as t };
+
+//# sourceMappingURL=switch-BBP3u1z5.js.map

package/dist/_shared/switch-BBP3u1z5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-BBP3u1z5.js","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n *  - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n *    plugs into form-field bindings and synthetic onChange handlers.\n *  - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useId, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n    target: {\n        name: string;\n        value: boolean;\n    };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n    /** Event-style change handler for form compatibility. */\n    onCheckedChange?: (event: ImitationEvent) => void;\n    /** Error state for styling (passed from FormField). */\n    invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n    { onCheckedChange, invalid, className, ...rest },\n    ref,\n) {\n    const generatedId = useId();\n    const name = useMemo(() => {\n        if (rest.name) return String(rest.name);\n        if (rest.id) return String(rest.id);\n        return `switch-${generatedId}`;\n    }, [generatedId, rest.id, rest.name]);\n\n    const resolvedId = rest.id ?? name;\n\n    const handleChange = useCallback(\n        (checked: boolean) => {\n            onCheckedChange?.({\n                target: { name, value: checked },\n            });\n        },\n        [name, onCheckedChange]\n    );\n\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...rest}\n            onCheckedChange={handleChange}\n            id={resolvedId}\n            name={name}\n            aria-invalid={invalid || undefined}\n            className={cn('switch--component', \n                invalid && 'data-[state=unchecked]:border-destructive',\n                className\n            )}\n        />\n    );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n    onCheckedChange?: (checked: boolean) => void;\n    invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n    { onCheckedChange, invalid, className, ...props },\n    ref,\n) {\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...props}\n            onCheckedChange={(checked) => onCheckedChange?.(checked)}\n            aria-invalid={invalid || undefined}\n            className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n        />\n    );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":";;;;;AAIA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,2hBACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CACmB,CAAA;AAE1B;;;ACMA,IAAa,IAAS,EAAuC,SACzD,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAO,QACL,EAAK,OAAa,OAAO,EAAK,IAAI,IAClC,EAAK,KAAW,OAAO,EAAK,EAAE,IAC3B,UAAU,KAClB;EAAC;EAAa,EAAK;EAAI,EAAK;CAAI,CAAC,GAE9B,IAAa,EAAK,MAAM,GAExB,IAAe,GAChB,MAAqB;EAClB,IAAkB,EACd,QAAQ;GAAE;GAAM,OAAO;EAAQ,EACnC,CAAC;CACL,GACA,CAAC,GAAM,CAAe,CAC1B;CAEA,OACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,iBAAiB;EACjB,IAAI;EACE;EACN,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,qBACV,KAAW,6CACX,CACJ;CACH,CAAA;AAET,CAAC;AAED,EAAO,cAAc;AAOrB,IAAa,IAAe,EAA6C,SACrE,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;CACE,OACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,kBAAkB,MAAY,IAAkB,CAAO;EACvD,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,KAAW,6CAA6C,CAAS;CAClF,CAAA;AAET,CAAC;AAED,EAAa,cAAc"}

package/dist/_shared/switch-zFZhhOEP.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("@base-ui/react/switch");function i({className:t,size:i=`default`,...a}){return(0,n.jsx)(r.Switch.Root,{"data-slot":`switch`,"data-size":i,className:e.cn(`data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50`,t),...a,children:(0,n.jsx)(r.Switch.Thumb,{"data-slot":`switch-thumb`,className:`bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform`})})}var a=(0,t.forwardRef)(function({onCheckedChange:r,invalid:a,className:o,...s},c){let l=(0,t.useId)(),u=(0,t.useMemo)(()=>s.name?String(s.name):s.id?String(s.id):`switch-${l}`,[l,s.id,s.name]),d=s.id??u,f=(0,t.useCallback)(e=>{r?.({target:{name:u,value:e}})},[u,r]);return(0,n.jsx)(i,{ref:c,...s,onCheckedChange:f,id:d,name:u,"aria-invalid":a||void 0,className:e.cn(`switch--component`,a&&`data-[state=unchecked]:border-destructive`,o)})});a.displayName=`Switch`;var o=(0,t.forwardRef)(function({onCheckedChange:t,invalid:r,className:a,...o},s){return(0,n.jsx)(i,{ref:s,...o,onCheckedChange:e=>t?.(e),"aria-invalid":r||void 0,className:e.cn(r&&`data-[state=unchecked]:border-destructive`,a)})});o.displayName=`ToggleSwitch`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=switch-zFZhhOEP.cjs.map

package/dist/_shared/switch-zFZhhOEP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-zFZhhOEP.cjs","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n *  - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n *    plugs into form-field bindings and synthetic onChange handlers.\n *  - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useId, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n    target: {\n        name: string;\n        value: boolean;\n    };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n    /** Event-style change handler for form compatibility. */\n    onCheckedChange?: (event: ImitationEvent) => void;\n    /** Error state for styling (passed from FormField). */\n    invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n    { onCheckedChange, invalid, className, ...rest },\n    ref,\n) {\n    const generatedId = useId();\n    const name = useMemo(() => {\n        if (rest.name) return String(rest.name);\n        if (rest.id) return String(rest.id);\n        return `switch-${generatedId}`;\n    }, [generatedId, rest.id, rest.name]);\n\n    const resolvedId = rest.id ?? name;\n\n    const handleChange = useCallback(\n        (checked: boolean) => {\n            onCheckedChange?.({\n                target: { name, value: checked },\n            });\n        },\n        [name, onCheckedChange]\n    );\n\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...rest}\n            onCheckedChange={handleChange}\n            id={resolvedId}\n            name={name}\n            aria-invalid={invalid || undefined}\n            className={cn('switch--component', \n                invalid && 'data-[state=unchecked]:border-destructive',\n                className\n            )}\n        />\n    );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n    onCheckedChange?: (checked: boolean) => void;\n    invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n    { onCheckedChange, invalid, className, ...props },\n    ref,\n) {\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...props}\n            onCheckedChange={(checked) => onCheckedChange?.(checked)}\n            aria-invalid={invalid || undefined}\n            className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n        />\n    );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":"6HAIA,SAAS,EAAO,CACd,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,KAAjB,CACE,YAAU,SACV,YAAW,EACX,UAAW,EAAA,GACT,0hBACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,+ZACX,CAAA,CACmB,CAAA,CAE1B,CCMA,IAAa,GAAA,EAAA,EAAA,YAAgD,SACzD,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,IAAM,GAAA,EAAA,EAAA,OAAoB,EACpB,GAAA,EAAA,EAAA,aACE,EAAK,KAAa,OAAO,EAAK,IAAI,EAClC,EAAK,GAAW,OAAO,EAAK,EAAE,EAC3B,UAAU,IAClB,CAAC,EAAa,EAAK,GAAI,EAAK,IAAI,CAAC,EAE9B,EAAa,EAAK,IAAM,EAExB,GAAA,EAAA,EAAA,aACD,GAAqB,CAClB,IAAkB,CACd,OAAQ,CAAE,OAAM,MAAO,CAAQ,CACnC,CAAC,CACL,EACA,CAAC,EAAM,CAAe,CAC1B,EAEA,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAiB,EACjB,GAAI,EACE,OACN,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,oBACV,GAAW,4CACX,CACJ,CACH,CAAA,CAET,CAAC,EAED,EAAO,YAAc,SAOrB,IAAa,GAAA,EAAA,EAAA,YAA4D,SACrE,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAkB,GAAY,IAAkB,CAAO,EACvD,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,GAAW,4CAA6C,CAAS,CAClF,CAAA,CAET,CAAC,EAED,EAAa,YAAc"}

package/dist/_shared/text-DzKt9cyb.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui-provider-RIYE7O_V.cjs"),t=require("../lib/utils.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`};function a(e){return e?e.replace(/[&<>"']/g,e=>i[e]??e):``}var o={inherit:`[font-size:inherit]`,xxs:`text-xxs`,sm:`text-sm`,xs:`text-xs`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},s={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground/50`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},c={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},l={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},u={center:`text-center`,right:`text-right`,left:`text-left`};function d({content:i,type:d=`main`,size:f,align:p=`left`,lineHeight:m=`normal`,weight:h=`regular`,className:g=``,children:_,asHTML:v=!1,tag:y=`p`,...b}){let{defaultTextSize:x}=e.m(),S=f??x??`sm`,C=t.cn(s[d],o[S],u[p],c[m],l[h],g),w=(0,n.useMemo)(()=>typeof i==`string`&&i.length>0?i:typeof _==`string`||typeof _==`number`?String(_):``,[_,i]);return v?(0,n.createElement)(y,{className:C,"data-typography":`text`,dangerouslySetInnerHTML:{__html:a(w)},...b}):i&&i.length>0?(0,r.jsx)(y,{className:C,"data-typography":`text`,...b,children:i}):_==null?null:(0,r.jsx)(y,{className:C,"data-typography":`text`,...b,children:_})}d.displayName=`Text`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=text-DzKt9cyb.cjs.map

package/dist/_shared/text-DzKt9cyb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-DzKt9cyb.cjs","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.tsx"],"sourcesContent":["const ESCAPE: Record<string, string> = {\n\t'&': '&amp;',\n\t'<': '&lt;',\n\t'>': '&gt;',\n\t'\"': '&quot;',\n\t\"'\": '&#39;',\n};\n\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\treturn input.replace(/[&<>\"']/g, (ch) => ESCAPE[ch] ?? ch);\n}\n\nexport default sanitizeHtml;\n","/**\n * Text — design-system text primitive. Use `size` (xxs–xl), `type` (main / inverse /\n * secondary / discrete / error / success / primary), `weight`, `align`, `lineHeight`, `tag`\n * (p / div / span). Supports `content` and `asHTML` (sanitised). Carries `data-typography=\"text\"`\n * so the global `--base-font-scale` knob applies cleanly.\n */\nimport { createElement, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { useTypographyConfig, type TextSize } from '@/lib/ui-provider';\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n    inherit: '[font-size:inherit]',\n    xxs: 'text-xxs',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n    inverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n\tcontent?: string;\n\ttype?: keyof typeof types;\n\tsize?: TextSize;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tinvert?: boolean;\n\tweight?: keyof typeof weights;\n\tchildren?: ReactNode;\n\ttag?: 'div' | 'p' | 'span';\n\tasHTML?: boolean;\n}\n\nexport function Text({\n\tcontent,\n\ttype = 'main',\n\tsize: sizeProp,\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tchildren,\n\tasHTML = false,\n\ttag: Tag = 'p',\n\t...props\n}: TextProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tclassName,\n\t);\n\n\tconst htmlSource = useMemo(() => {\n\t\tif (typeof content === 'string' && content.length > 0) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif (typeof children === 'string' || typeof children === 'number') {\n\t\t\treturn String(children);\n\t\t}\n\n\t\treturn '';\n\t}, [children, content]);\n\n\tif (asHTML) {\n\t\tconst sanitized = sanitizeHtml(htmlSource);\n\t\treturn createElement(Tag, {\n\t\t\tclassName: textClassnames,\n\t\t\t'data-typography': 'text',\n\t\t\tdangerouslySetInnerHTML: { __html: sanitized },\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (content && content.length > 0) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{content}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\tif (children !== undefined && children !== null) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{children}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":"kIAAA,IAAM,EAAiC,CACtC,IAAK,QACL,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,OACN,EAEA,SAAgB,EAAa,EAAuB,CAEnD,OADK,EACE,EAAM,QAAQ,WAAa,GAAO,EAAO,IAAO,CAAE,EADtC,EAEpB,CCEA,IAAM,EAAQ,CACV,QAAS,sBACT,IAAK,WACR,GAAI,UACJ,GAAI,UACJ,KAAM,YACN,GAAI,UACJ,GAAI,SACL,EAEM,EAAQ,CACb,KAAM,kBACH,QAAS,kBACZ,UAAW,wBACX,SAAU,2BACV,MAAO,mBACP,QAAS,eACT,QAAS,cACV,EAEM,EAAc,CACnB,OAAQ,iBACR,QAAS,kBACT,MAAO,gBACP,MAAO,gBACP,KAAM,eACN,KAAM,cACP,EAEM,EAAU,CACf,QAAS,cACT,OAAQ,cACR,SAAU,gBACV,KAAM,WACP,EAEM,EAAY,CAAE,OAAQ,cAAe,MAAO,aAAc,KAAM,WAAY,EAelF,SAAgB,EAAK,CACpB,UACA,OAAO,OACP,KAAM,EACN,QAAQ,OACR,aAAa,SACb,SAAS,UACT,YAAY,GACZ,WACA,SAAS,GACT,IAAK,EAAM,IACX,GAAG,GACU,CACb,GAAM,CAAE,mBAAoB,EAAA,EAAoB,EAC1C,EAAO,GAAY,GAAmB,KACtC,EAAiB,EAAA,GACtB,EAAM,GACN,EAAM,GACN,EAAU,GACV,EAAY,GACZ,EAAQ,GACR,CACD,EAEM,GAAA,EAAA,EAAA,aACD,OAAO,GAAY,UAAY,EAAQ,OAAS,EAC5C,EAGJ,OAAO,GAAa,UAAY,OAAO,GAAa,SAChD,OAAO,CAAQ,EAGhB,GACL,CAAC,EAAU,CAAO,CAAC,EA4BtB,OA1BI,GAEH,EAAA,EAAA,eAAqB,EAAK,CACzB,UAAW,EACX,kBAAmB,OACnB,wBAAyB,CAAE,OAJV,EAAa,CAIK,CAAU,EAC7C,GAAG,CACJ,CAAC,EAGE,GAAW,EAAQ,OAAS,GAE9B,EAAA,EAAA,KAAC,EAAD,CAAK,UAAW,EAAgB,kBAAgB,OAAO,GAAI,WACzD,CACG,CAAA,EAIH,GAAuC,KAQpC,MANL,EAAA,EAAA,KAAC,EAAD,CAAK,UAAW,EAAgB,kBAAgB,OAAO,GAAI,EACzD,UACG,CAAA,CAKR,CAEA,EAAK,YAAc"}

package/dist/_shared/text-qsEg5GdP.js

@@ -0,0 +1,74 @@
+import { m as e } from "./ui-provider-CQJ1glwN.js";
+import { cn as t } from "../lib/utils.js";
+import { createElement as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/sanitize-html.ts
+var a = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function o(e) {
+	return e ? e.replace(/[&<>"']/g, (e) => a[e] ?? e) : "";
+}
+//#endregion
+//#region src/components/typography/text.tsx
+var s = {
+	inherit: "[font-size:inherit]",
+	xxs: "text-xxs",
+	sm: "text-sm",
+	xs: "text-xs",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl"
+}, c = {
+	main: "text-foreground",
+	inverse: "text-background",
+	secondary: "text-muted-foreground",
+	discrete: "text-muted-foreground/50",
+	error: "text-destructive",
+	success: "text-success",
+	primary: "text-primary"
+}, l = {
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose",
+	tight: "leading-tight",
+	snug: "leading-snug",
+	none: "leading-none"
+}, u = {
+	regular: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, d = {
+	center: "text-center",
+	right: "text-right",
+	left: "text-left"
+};
+function f({ content: a, type: f = "main", size: p, align: m = "left", lineHeight: h = "normal", weight: g = "regular", className: _ = "", children: v, asHTML: y = !1, tag: b = "p", ...x }) {
+	let { defaultTextSize: S } = e(), C = p ?? S ?? "sm", w = t(c[f], s[C], d[m], l[h], u[g], _), T = r(() => typeof a == "string" && a.length > 0 ? a : typeof v == "string" || typeof v == "number" ? String(v) : "", [v, a]);
+	return y ? n(b, {
+		className: w,
+		"data-typography": "text",
+		dangerouslySetInnerHTML: { __html: o(T) },
+		...x
+	}) : a && a.length > 0 ? /* @__PURE__ */ i(b, {
+		className: w,
+		"data-typography": "text",
+		...x,
+		children: a
+	}) : v == null ? null : /* @__PURE__ */ i(b, {
+		className: w,
+		"data-typography": "text",
+		...x,
+		children: v
+	});
+}
+f.displayName = "Text";
+//#endregion
+export { o as n, f as t };
+
+//# sourceMappingURL=text-qsEg5GdP.js.map

package/dist/_shared/text-qsEg5GdP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-qsEg5GdP.js","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.tsx"],"sourcesContent":["const ESCAPE: Record<string, string> = {\n\t'&': '&amp;',\n\t'<': '&lt;',\n\t'>': '&gt;',\n\t'\"': '&quot;',\n\t\"'\": '&#39;',\n};\n\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\treturn input.replace(/[&<>\"']/g, (ch) => ESCAPE[ch] ?? ch);\n}\n\nexport default sanitizeHtml;\n","/**\n * Text — design-system text primitive. Use `size` (xxs–xl), `type` (main / inverse /\n * secondary / discrete / error / success / primary), `weight`, `align`, `lineHeight`, `tag`\n * (p / div / span). Supports `content` and `asHTML` (sanitised). Carries `data-typography=\"text\"`\n * so the global `--base-font-scale` knob applies cleanly.\n */\nimport { createElement, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { useTypographyConfig, type TextSize } from '@/lib/ui-provider';\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n    inherit: '[font-size:inherit]',\n    xxs: 'text-xxs',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n    inverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n\tcontent?: string;\n\ttype?: keyof typeof types;\n\tsize?: TextSize;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tinvert?: boolean;\n\tweight?: keyof typeof weights;\n\tchildren?: ReactNode;\n\ttag?: 'div' | 'p' | 'span';\n\tasHTML?: boolean;\n}\n\nexport function Text({\n\tcontent,\n\ttype = 'main',\n\tsize: sizeProp,\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tchildren,\n\tasHTML = false,\n\ttag: Tag = 'p',\n\t...props\n}: TextProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tclassName,\n\t);\n\n\tconst htmlSource = useMemo(() => {\n\t\tif (typeof content === 'string' && content.length > 0) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif (typeof children === 'string' || typeof children === 'number') {\n\t\t\treturn String(children);\n\t\t}\n\n\t\treturn '';\n\t}, [children, content]);\n\n\tif (asHTML) {\n\t\tconst sanitized = sanitizeHtml(htmlSource);\n\t\treturn createElement(Tag, {\n\t\t\tclassName: textClassnames,\n\t\t\t'data-typography': 'text',\n\t\t\tdangerouslySetInnerHTML: { __html: sanitized },\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (content && content.length > 0) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{content}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\tif (children !== undefined && children !== null) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{children}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;AAAA,IAAM,IAAiC;CACtC,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAK;CACL,KAAK;AACN;AAEA,SAAgB,EAAa,GAAuB;CAEnD,OADK,IACE,EAAM,QAAQ,aAAa,MAAO,EAAO,MAAO,CAAE,IADtC;AAEpB;;;ACEA,IAAM,IAAQ;CACV,SAAS;CACT,KAAK;CACR,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;AACL,GAEM,IAAQ;CACb,MAAM;CACH,SAAS;CACZ,WAAW;CACX,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;AACV,GAEM,IAAc;CACnB,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;AACP,GAEM,IAAU;CACf,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;AACP,GAEM,IAAY;CAAE,QAAQ;CAAe,OAAO;CAAc,MAAM;AAAY;AAelF,SAAgB,EAAK,EACpB,YACA,UAAO,QACP,MAAM,GACN,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,eAAY,IACZ,aACA,YAAS,IACT,KAAK,IAAM,KACX,GAAG,KACU;CACb,IAAM,EAAE,uBAAoB,EAAoB,GAC1C,IAAO,KAAY,KAAmB,MACtC,IAAiB,EACtB,EAAM,IACN,EAAM,IACN,EAAU,IACV,EAAY,IACZ,EAAQ,IACR,CACD,GAEM,IAAa,QACd,OAAO,KAAY,YAAY,EAAQ,SAAS,IAC5C,IAGJ,OAAO,KAAa,YAAY,OAAO,KAAa,WAChD,OAAO,CAAQ,IAGhB,IACL,CAAC,GAAU,CAAO,CAAC;CA4BtB,OA1BI,IAEI,EAAc,GAAK;EACzB,WAAW;EACX,mBAAmB;EACnB,yBAAyB,EAAE,QAJV,EAAa,CAIK,EAAU;EAC7C,GAAG;CACJ,CAAC,IAGE,KAAW,EAAQ,SAAS,IAE9B,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;YACzD;CACG,CAAA,IAIH,KAAuC,OAQpC,OANL,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;EACzD;CACG,CAAA;AAKR;AAEA,EAAK,cAAc"}

package/dist/_shared/textarea-BAKapsLQ.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-RIYE7O_V.cjs"),r=require("../lib/utils.cjs"),i=require("./text-DzKt9cyb.cjs"),a=require("./input-Cw2uICc1.cjs"),o=require("./form-sizing-aVwVuF-w.cjs");let s=require("react");s=e.t(s,1);let c=require("react/jsx-runtime"),l=require("lucide-react");var u={clear:`Clear textarea`},d=s.forwardRef(({className:e,maxLength:d,showCharacterCount:f,clearable:p,onClear:m,isLoading:h,invalid:g,size:_,autoResize:v=!1,minRows:y=2,maxRows:b,onChange:x,value:S,defaultValue:C,id:w,strings:T,...E},D)=>{let O=(0,s.useRef)(null),k=t.useStrings(u,T),{defaultControlSize:A}=n.s(),j=o.i(_,A),{id:M,value:N,isReactHookForm:P,characterCount:F,hasCharacterLimit:I,showCount:L,hasValue:R,updateValue:z,clearValue:B,wouldExceedLimit:V}=a.n({controlledValue:S,defaultValue:C,maxLength:d,showCharacterCount:f,providedId:w,idPrefix:`textarea`,hasOnChange:x!==void 0}),H=!!g,U=(0,s.useRef)(0),W=(0,s.useCallback)(()=>{if(!v||!O.current)return;let e=O.current;U.current===0&&(U.current=parseInt(getComputedStyle(e).lineHeight)||20),e.style.height=`auto`;let t=U.current,n=t*y,r=b?t*b:1/0,i=Math.min(Math.max(e.scrollHeight,n),r);e.style.height=`${i}px`},[v,b,y]);(0,s.useEffect)(()=>{W()},[N,v,W]);let G=(0,s.useCallback)(e=>{let t=e.target.value;V(t)||(z(t),x?.(e),v&&setTimeout(W,0))},[x,z,V,v,W]),K=(0,s.useCallback)(()=>{B(),x?.({target:{value:``},currentTarget:{value:``}}),m?.(),O.current?.focus(),v&&setTimeout(W,0)},[B,x,m,v,W]),q=p&&R&&!h;return(0,c.jsxs)(`div`,{className:r.cn(`textarea--component`,`relative w-full`),children:[(0,c.jsx)(`textarea`,{ref:e=>{typeof D==`function`?D(e):D&&(D.current=e),O.current=e},id:M,...!P&&{value:N},onChange:G,maxLength:d,"aria-invalid":H||void 0,disabled:E.disabled||h,rows:y,style:{resize:v?`none`:E.style?.resize,overflow:v&&b?`auto`:`visible`,...E.style},className:r.cn(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-md border bg-transparent px-3 py-2`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,o.r[j],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,q&&`pr-10`,L&&`pr-16`,e),...E}),!!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3 text-xs tabular-nums`,E.disabled&&`opacity-50`,H?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,c.jsxs)(i.t,{tag:`span`,size:`xs`,type:H?`error`:`secondary`,children:[F,I?`/${d}`:``]})}),!!h&&!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3`,H?`text-destructive`:`text-muted-foreground/80`),children:(0,c.jsx)(l.Loader2Icon,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!q&&!L&&(0,c.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":k.clear,onClick:K,disabled:h,children:(0,c.jsx)(l.CircleXIcon,{size:14,"aria-hidden":`true`})})]})});d.displayName=`Textarea`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=textarea-BAKapsLQ.cjs.map

package/dist/_shared/textarea-BAKapsLQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-BAKapsLQ.cjs","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-10',\n                    showCount && 'pr-16',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={14} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/textarea-Bfv1KxBm.js

@@ -0,0 +1,119 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-CQJ1glwN.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./text-qsEg5GdP.js";
+import { n as i } from "./input-DJo8d1Rr.js";
+import { i as a, r as o } from "./form-sizing-D74IS9KG.js";
+import * as s from "react";
+import { useCallback as c, useEffect as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CircleXIcon as p, Loader2Icon as m } from "lucide-react";
+//#region src/components/base/forms/fields/textarea.tsx
+var h = { clear: "Clear textarea" }, g = s.forwardRef(({ className: s, maxLength: g, showCharacterCount: _, clearable: v, onClear: y, isLoading: b, invalid: x, size: S, autoResize: C = !1, minRows: w = 2, maxRows: T, onChange: E, value: D, defaultValue: O, id: k, strings: A, ...j }, M) => {
+	let N = u(null), P = e(h, A), { defaultControlSize: F } = t(), I = a(S, F), { id: L, value: R, isReactHookForm: z, characterCount: B, hasCharacterLimit: V, showCount: H, hasValue: U, updateValue: W, clearValue: G, wouldExceedLimit: K } = i({
+		controlledValue: D,
+		defaultValue: O,
+		maxLength: g,
+		showCharacterCount: _,
+		providedId: k,
+		idPrefix: "textarea",
+		hasOnChange: E !== void 0
+	}), q = !!x, J = u(0), Y = c(() => {
+		if (!C || !N.current) return;
+		let e = N.current;
+		J.current === 0 && (J.current = parseInt(getComputedStyle(e).lineHeight) || 20), e.style.height = "auto";
+		let t = J.current, n = t * w, r = T ? t * T : Infinity, i = Math.min(Math.max(e.scrollHeight, n), r);
+		e.style.height = `${i}px`;
+	}, [
+		C,
+		T,
+		w
+	]);
+	l(() => {
+		Y();
+	}, [
+		R,
+		C,
+		Y
+	]);
+	let X = c((e) => {
+		let t = e.target.value;
+		K(t) || (W(t), E?.(e), C && setTimeout(Y, 0));
+	}, [
+		E,
+		W,
+		K,
+		C,
+		Y
+	]), Z = c(() => {
+		G(), E?.({
+			target: { value: "" },
+			currentTarget: { value: "" }
+		}), y?.(), N.current?.focus(), C && setTimeout(Y, 0);
+	}, [
+		G,
+		E,
+		y,
+		C,
+		Y
+	]), Q = v && U && !b;
+	return /* @__PURE__ */ f("div", {
+		className: n("textarea--component", "relative w-full"),
+		children: [
+			/* @__PURE__ */ d("textarea", {
+				ref: (e) => {
+					typeof M == "function" ? M(e) : M && (M.current = e), N.current = e;
+				},
+				id: L,
+				...!z && { value: R },
+				onChange: X,
+				maxLength: g,
+				"aria-invalid": q || void 0,
+				disabled: j.disabled || b,
+				rows: w,
+				style: {
+					resize: C ? "none" : j.style?.resize,
+					overflow: C && T ? "auto" : "visible",
+					...j.style
+				},
+				className: n("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input flex w-full rounded-md border bg-transparent px-3 py-2", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", o[I], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", Q && "pr-10", H && "pr-16", s),
+				...j
+			}),
+			!!H && /* @__PURE__ */ d("div", {
+				className: n("pointer-events-none absolute top-2 right-3 text-xs tabular-nums", j.disabled && "opacity-50", q ? "text-destructive" : "text-muted-foreground"),
+				"aria-live": "polite",
+				role: "status",
+				children: /* @__PURE__ */ f(r, {
+					tag: "span",
+					size: "xs",
+					type: q ? "error" : "secondary",
+					children: [B, V ? `/${g}` : ""]
+				})
+			}),
+			!!b && !H && /* @__PURE__ */ d("div", {
+				className: n("pointer-events-none absolute top-2 right-3", q ? "text-destructive" : "text-muted-foreground/80"),
+				children: /* @__PURE__ */ d(m, {
+					size: 16,
+					className: "animate-spin",
+					"aria-hidden": "true"
+				})
+			}),
+			!!Q && !H && /* @__PURE__ */ d("button", {
+				type: "button",
+				className: "text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+				"aria-label": P.clear,
+				onClick: Z,
+				disabled: b,
+				children: /* @__PURE__ */ d(p, {
+					size: 14,
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+});
+g.displayName = "Textarea";
+//#endregion
+export { g as t };
+
+//# sourceMappingURL=textarea-Bfv1KxBm.js.map

package/dist/_shared/textarea-Bfv1KxBm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-Bfv1KxBm.js","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-10',\n                    showCount && 'pr-16',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={14} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/tooltip-CLr_sPX8.js

@@ -0,0 +1,49 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./slot-C5EJicOc.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Tooltip as i } from "@base-ui/react/tooltip";
+//#region src/components/ui/tooltip.tsx
+function a({ delay: e = 0, delayDuration: t, ...r }) {
+	return /* @__PURE__ */ n(i.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: t ?? e,
+		...r
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(i.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function s({ asChild: e = !1, render: r, children: a, ...o }) {
+	let s = e ? /* @__PURE__ */ n(t, {}) : void 0, c = typeof r == "function" ? ((e, t) => {
+		let { nativeButton: n, ...i } = e;
+		return r(i, t);
+	}) : r;
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render: s ?? c,
+		...o,
+		children: a
+	});
+}
+function c({ className: t, side: a = "top", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, children: l, ...u }) {
+	return /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Positioner, {
+		align: s,
+		alignOffset: c,
+		side: a,
+		sideOffset: o,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ r(i.Popup, {
+			"data-slot": "tooltip-content",
+			className: e("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)", t),
+			...u,
+			children: [l, /* @__PURE__ */ n(i.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+}
+//#endregion
+export { s as i, c as n, a as r, o as t };
+
+//# sourceMappingURL=tooltip-CLr_sPX8.js.map

package/dist/_shared/tooltip-CLr_sPX8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-CLr_sPX8.js","names":[],"sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  delayDuration,\n  ...props\n}: TooltipPrimitive.Provider.Props & { delayDuration?: number }) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delayDuration ?? delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  asChild = false,\n  render,\n  children,\n  ...props\n}: TooltipPrimitive.Trigger.Props & { asChild?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: TooltipPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      render={slotRender ?? safeRender}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";;;;;AAKA,SAAS,EAAgB,EACvB,WAAQ,GACR,kBACA,GAAG,KAC4D;CAC/D,OACE,kBAAC,EAAiB,UAAlB;EACE,aAAU;EACV,OAAO,KAAiB;EACxB,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EAAE,GAAG,KAAsC;CAC1D,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA,EACxC,CAAA;AAErB;AAEA,SAAS,EAAe,EACtB,aAAU,IACV,WACA,aACA,GAAG,KACsD;CACzD,IAAM,IAAa,IAAU,kBAAC,GAAD,CAAO,CAAA,IAAI,KAAA,GAClC,IAAuD,OAAO,KAAW,eACzE,GAAa,MAAU;EACzB,IAAM,EAAE,cAAc,GAAe,GAAG,MAAS;EAEjD,OAAO,EAAO,GAA4B,CAAK;CACjD,KACE;CAEJ,OACE,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACV,QAAQ,KAAc;EACtB,GAAI;EAEH;CACuB,CAAA;AAE9B;AAEA,SAAS,EAAe,EACtB,cACA,UAAO,OACP,gBAAa,GACb,WAAQ,UACR,iBAAc,GACd,aACA,GAAG,KAKA;CACH,OACE,kBAAC,EAAiB,QAAlB,EAAA,UACE,kBAAC,EAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,kBAAC,EAAiB,OAAlB;GACE,aAAU;GACV,WAAW,EACT,0lBACA,CACF;GACA,GAAI;aANN,CAQG,GACD,kBAAC,EAAiB,OAAlB,EAAwB,WAAU,6hBAA8hB,CAAA,CAC1iB;;CACG,CAAA,EACN,CAAA;AAE7B"}

package/dist/_shared/tooltip-mvxZV_Lu.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs"),t=require("./slot-D-Rwlrz2.cjs");let n=require("react/jsx-runtime"),r=require("@base-ui/react/tooltip");function i({delay:e=0,delayDuration:t,...i}){return(0,n.jsx)(r.Tooltip.Provider,{"data-slot":`tooltip-provider`,delay:t??e,...i})}function a({...e}){return(0,n.jsx)(i,{children:(0,n.jsx)(r.Tooltip.Root,{"data-slot":`tooltip`,...e})})}function o({asChild:e=!1,render:i,children:a,...o}){let s=e?(0,n.jsx)(t.t,{}):void 0,c=typeof i==`function`?((e,t)=>{let{nativeButton:n,...r}=e;return i(r,t)}):i;return(0,n.jsx)(r.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,render:s??c,...o,children:a})}function s({className:t,side:i=`top`,sideOffset:a=4,align:o=`center`,alignOffset:s=0,children:c,...l}){return(0,n.jsx)(r.Tooltip.Portal,{children:(0,n.jsx)(r.Tooltip.Positioner,{align:o,alignOffset:s,side:i,sideOffset:a,className:`isolate z-50`,children:(0,n.jsxs)(r.Tooltip.Popup,{"data-slot":`tooltip-content`,className:e.cn(`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)`,t),...l,children:[c,(0,n.jsx)(r.Tooltip.Arrow,{className:`size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5`})]})})})}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=tooltip-mvxZV_Lu.cjs.map

package/dist/_shared/tooltip-mvxZV_Lu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-mvxZV_Lu.cjs","names":[],"sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  delayDuration,\n  ...props\n}: TooltipPrimitive.Provider.Props & { delayDuration?: number }) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delayDuration ?? delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  asChild = false,\n  render,\n  children,\n  ...props\n}: TooltipPrimitive.Trigger.Props & { asChild?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: TooltipPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      render={slotRender ?? safeRender}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":"4IAKA,SAAS,EAAgB,CACvB,QAAQ,EACR,gBACA,GAAG,GAC4D,CAC/D,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,SAAlB,CACE,YAAU,mBACV,MAAO,GAAiB,EACxB,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAQ,CAAE,GAAG,GAAsC,CAC1D,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CACxC,CAAA,CAErB,CAEA,SAAS,EAAe,CACtB,UAAU,GACV,SACA,WACA,GAAG,GACsD,CACzD,IAAM,EAAa,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAO,CAAA,EAAI,IAAA,GAClC,EAAuD,OAAO,GAAW,aACzE,EAAa,IAAU,CACzB,GAAM,CAAE,aAAc,EAAe,GAAG,GAAS,EAEjD,OAAO,EAAO,EAA4B,CAAK,CACjD,GACE,EAEJ,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,OAAQ,GAAc,EACtB,GAAI,EAEH,UACuB,CAAA,CAE9B,CAEA,SAAS,EAAe,CACtB,YACA,OAAO,MACP,aAAa,EACb,QAAQ,SACR,cAAc,EACd,WACA,GAAG,GAKA,CACH,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,yBAEV,EAAA,EAAA,MAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,kBACV,UAAW,EAAA,GACT,ylBACA,CACF,EACA,GAAI,WANN,CAQG,GACD,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CAAwB,UAAU,4hBAA8hB,CAAA,CAC1iB,GACG,CAAA,CACN,CAAA,CAE7B"}