themelia-react-ui 2.0.3 → 2.0.4

package/dist/{icon-badge-DYKIwvOV.js → icon-badge-COWbCCWu.js}

@@ -1,6 +1,6 @@
 "use client";
-import { s as e, v as t } from "./ui-provider-C_U0Xma4.js";
-import { t as n } from "./utils-BRhFDwuU.js";
+import { s as e, v as t } from "./ui-provider-CQCuCBcy.js";
+import { t as n } from "./utils-CF3c95Io.js";
 import { n as r } from "./icon-size-B6PVwjbC.js";
 import { i } from "./tone-recipes-BPsRAvhu.js";
 import { createElement as a } from "react";
@@ -52,4 +52,4 @@ u.displayName = "IconBadge";
 //#endregion
 export { u as t };
 
-//# sourceMappingURL=icon-badge-DYKIwvOV.js.map
+//# sourceMappingURL=icon-badge-COWbCCWu.js.map

package/dist/{icon-badge-DYKIwvOV.js.map → icon-badge-COWbCCWu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-badge-DYKIwvOV.js","names":["useDensityConfig","resolveComponentScale","cn","ICON_DESCENDANT_SIZE_CLASSNAMES","SIZE_MAP","TONE_TINT","toneRecipes","TONE_SOLID","IconBadge","Icon","sizeProp","ariaHidden","ariaLabel","ariaLabelledBy","props","size","defaultScale","sizes","tones","solid","tone","hasAccessibleName","role","shape","bordered","className","createElement","children"],"sources":["../src/components/base/display/icon-badge/icon-badge.tsx"],"sourcesContent":["/**\n * IconBadge — circular or square icon container with a tinted background.\n * Workhorse for \"row leading icon\" and \"feature illustration\" patterns —\n * coupon checks, conversation initials, search-result tones, AI-bot avatars.\n *\n * Tones reuse the shadcn semantic tokens, with the foreground colour picked\n * to read against its tone's shared tint (`toneRecipes`, contrast-tested).\n * For a fully-saturated mark (primary fill, inverse foreground), use\n * `tone=\"primary\"` and pass `solid`.\n *\n * Warning takes `--warning-accent` rather than `--warning-foreground`: the\n * latter is the colour for text on a SOLID warning fill and stays near-black\n * in both themes, so on a 20% tint it vanished in dark (1.87 contrast). Amber\n * is intrinsically light, so — as with `--primary-accent` — the tone needs a\n * separate foreground token that darkens in light and brightens in dark.\n */\nimport type { ComponentProps, ElementType, ReactNode } from 'react';\nimport { createElement } from 'react';\n\nimport { useDensityConfig, type ComponentScale } from '../../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../../lib/ui-provider/scale';\nimport { cn } from '../../../../lib/utils';\nimport type { SemanticTone } from '../../../../lib/component-vocabulary';\nimport { toneRecipes } from '../../../../lib/tone-recipes';\nimport { ICON_DESCENDANT_SIZE_CLASSNAMES } from '../icon-size';\n\nexport type IconBadgeSize = ComponentScale;\nexport type IconBadgeShape = 'circle' | 'square';\nexport type IconBadgeTone = SemanticTone;\n\nexport interface IconBadgeProps extends Omit<ComponentProps<'span'>, 'children'> {\n\t/** Leading glyph. */\n\ticon?: ElementType;\n\tchildren?: ReactNode;\n\t/** Size preset. */\n\tsize?: IconBadgeSize;\n\tshape?: IconBadgeShape;\n\t/** Semantic tone driving the entry's colour. */\n\ttone?: IconBadgeTone;\n\t/** When true, fills the badge with the tone color and inverts the icon. */\n\tsolid?: boolean;\n\t/**\n\t * When true, renders a hairline `border-border/60` around the badge.\n\t * Useful for compact \"secret list\" / \"key list\" rows where the icon\n\t * needs a subtle outline against the surrounding card surface\n\t * (see `blocks/admin/api-key-list`).\n\t */\n\tbordered?: boolean;\n}\n\nconst SIZE_MAP: Record<IconBadgeSize, { box: string; icon: string }> = {\n\tsm: { box: 'size-avatar-sm', icon: 'size-icon-sm' },\n\tmd: { box: 'size-avatar', icon: 'size-icon' },\n\tlg: { box: 'size-avatar-lg', icon: 'size-icon-lg' },\n};\n\nconst TONE_TINT: Record<IconBadgeTone, string> = {\n\tneutral: 'bg-muted text-muted-foreground',\n\tprimary: `${toneRecipes.primary.tint} ${toneRecipes.primary.ink}`,\n\tsecondary: 'bg-foreground/8 text-muted-foreground',\n\tsuccess: `${toneRecipes.success.tint} ${toneRecipes.success.ink}`,\n\twarning: `${toneRecipes.warning.tint} ${toneRecipes.warning.ink}`,\n\tdestructive: `${toneRecipes.destructive.tint} ${toneRecipes.destructive.ink}`,\n\tinfo: `${toneRecipes.info.tint} ${toneRecipes.info.ink}`,\n};\n\nconst TONE_SOLID: Record<IconBadgeTone, string> = {\n\tneutral: 'bg-foreground text-background',\n\tprimary: 'bg-primary text-primary-foreground',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\twarning: 'bg-warning text-warning-foreground',\n\tdestructive: 'bg-destructive text-destructive-foreground',\n\tinfo: 'bg-info text-info-foreground',\n};\n\nexport function IconBadge({\n\ticon: Icon,\n\tchildren,\n\tsize: sizeProp,\n\tshape = 'circle',\n\ttone = 'primary',\n\tsolid = false,\n\tbordered = false,\n\tclassName,\n\trole,\n\t'aria-hidden': ariaHidden,\n\t'aria-label': ariaLabel,\n\t'aria-labelledby': ariaLabelledBy,\n\t...props\n}: IconBadgeProps) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst sizes = SIZE_MAP[size];\n\tconst tones = solid ? TONE_SOLID[tone] : TONE_TINT[tone];\n\tconst hasAccessibleName = Boolean(ariaLabel || ariaLabelledBy);\n\n\treturn (\n\t\t<span\n\t\t\trole={role ?? (hasAccessibleName ? 'img' : undefined)}\n\t\t\taria-hidden={ariaHidden ?? (hasAccessibleName ? undefined : true)}\n\t\t\taria-label={ariaLabel}\n\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\tclassName={cn('icon-badge--component', \n\t\t\t\t'box-border inline-flex shrink-0 items-center justify-center',\n\t\t\t\tshape === 'circle' ? 'rounded-full' : 'rounded-radius',\n\t\t\t\tsizes.box,\n\t\t\t\t// A glyph passed as children takes the size's icon role, like `icon`,\n\t\t\t\t// unless it brings its own size class.\n\t\t\t\tICON_DESCENDANT_SIZE_CLASSNAMES[size],\n\t\t\t\ttones,\n\t\t\t\tbordered && 'border border-border/60',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{Icon ? createElement(Icon, { className: sizes.icon }) : children}\n\t\t</span>\n\t);\n}\n\nIconBadge.displayName = 'IconBadge';\n"],"mappings":";;;;;;;;AAkDA,IAAMI,IAAiE;CACtE,IAAI;EAAE,KAAK;EAAkB,MAAM;CAAe;CAClD,IAAI;EAAE,KAAK;EAAe,MAAM;CAAY;CAC5C,IAAI;EAAE,KAAK;EAAkB,MAAM;CAAe;AACnD,GAEMC,IAA2C;CAChD,SAAS;CACT,SAAS,GAAGC,EAAY,QAAQ,KAAK,GAAGA,EAAY,QAAQ;CAC5D,WAAW;CACX,SAAS,GAAGA,EAAY,QAAQ,KAAK,GAAGA,EAAY,QAAQ;CAC5D,SAAS,GAAGA,EAAY,QAAQ,KAAK,GAAGA,EAAY,QAAQ;CAC5D,aAAa,GAAGA,EAAY,YAAY,KAAK,GAAGA,EAAY,YAAY;CACxE,MAAM,GAAGA,EAAY,KAAK,KAAK,GAAGA,EAAY,KAAK;AACpD,GAEMC,IAA4C;CACjD,SAAS;CACT,SAAS;CACT,WAAW;CACX,SAAS;CACT,SAAS;CACT,aAAa;CACb,MAAM;AACP;AAEA,SAAgBC,EAAU,EACzB,MAAMC,GACN,aACA,MAAMC,GACN,WAAQ,UACR,UAAO,WACP,WAAQ,IACR,cAAW,IACX,cACA,SACA,eAAeC,GACf,cAAcC,GACd,mBAAmBC,GACnB,GAAGC,KACe;CAClB,IAAM,EAAE,oBAAiBd,EAAiB,GACpCe,IAAOd,EAAsBS,GAAUM,CAAY,GACnDC,IAAQb,EAASW,IACjBG,IAAQC,IAAQZ,EAAWa,KAAQf,EAAUe,IAC7CC,IAAoB,GAAQT,KAAaC;CAE/C,OACC,kBAAC,QAAD;EACC,MAAMS,MAASD,IAAoB,QAAQ,KAAA;EAC3C,eAAaV,MAAe,MAAoB,KAAA;EAChD,cAAYC;EACZ,mBAAiBC;EACjB,WAAWX,EAAG,yBACb,+DACAqB,MAAU,WAAW,iBAAiB,kBACtCN,EAAM,KAGNd,EAAgCY,IAChCG,GACAM,KAAY,2BACZC,CACD;EACA,GAAIX;EAEH,UAAAL,IAAOiB,EAAcjB,GAAM,EAAE,WAAWQ,EAAM,KAAK,CAAC,IAAIU;CACpD,CAAA;AAER;AAEA,EAAU,cAAc"}
+{"version":3,"file":"icon-badge-COWbCCWu.js","names":["useDensityConfig","resolveComponentScale","cn","ICON_DESCENDANT_SIZE_CLASSNAMES","SIZE_MAP","TONE_TINT","toneRecipes","TONE_SOLID","IconBadge","Icon","sizeProp","ariaHidden","ariaLabel","ariaLabelledBy","props","size","defaultScale","sizes","tones","solid","tone","hasAccessibleName","role","shape","bordered","className","createElement","children"],"sources":["../src/components/base/display/icon-badge/icon-badge.tsx"],"sourcesContent":["/**\n * IconBadge — circular or square icon container with a tinted background.\n * Workhorse for \"row leading icon\" and \"feature illustration\" patterns —\n * coupon checks, conversation initials, search-result tones, AI-bot avatars.\n *\n * Tones reuse the shadcn semantic tokens, with the foreground colour picked\n * to read against its tone's shared tint (`toneRecipes`, contrast-tested).\n * For a fully-saturated mark (primary fill, inverse foreground), use\n * `tone=\"primary\"` and pass `solid`.\n *\n * Warning takes `--warning-accent` rather than `--warning-foreground`: the\n * latter is the colour for text on a SOLID warning fill and stays near-black\n * in both themes, so on a 20% tint it vanished in dark (1.87 contrast). Amber\n * is intrinsically light, so — as with `--primary-accent` — the tone needs a\n * separate foreground token that darkens in light and brightens in dark.\n */\nimport type { ComponentProps, ElementType, ReactNode } from 'react';\nimport { createElement } from 'react';\n\nimport { useDensityConfig, type ComponentScale } from '../../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../../lib/ui-provider/scale';\nimport { cn } from '../../../../lib/utils';\nimport type { SemanticTone } from '../../../../lib/component-vocabulary';\nimport { toneRecipes } from '../../../../lib/tone-recipes';\nimport { ICON_DESCENDANT_SIZE_CLASSNAMES } from '../icon-size';\n\nexport type IconBadgeSize = ComponentScale;\nexport type IconBadgeShape = 'circle' | 'square';\nexport type IconBadgeTone = SemanticTone;\n\nexport interface IconBadgeProps extends Omit<ComponentProps<'span'>, 'children'> {\n\t/** Leading glyph. */\n\ticon?: ElementType;\n\tchildren?: ReactNode;\n\t/** Size preset. */\n\tsize?: IconBadgeSize;\n\tshape?: IconBadgeShape;\n\t/** Semantic tone driving the entry's colour. */\n\ttone?: IconBadgeTone;\n\t/** When true, fills the badge with the tone color and inverts the icon. */\n\tsolid?: boolean;\n\t/**\n\t * When true, renders a hairline `border-border/60` around the badge.\n\t * Useful for compact \"secret list\" / \"key list\" rows where the icon\n\t * needs a subtle outline against the surrounding card surface\n\t * (see `blocks/admin/api-key-list`).\n\t */\n\tbordered?: boolean;\n}\n\nconst SIZE_MAP: Record<IconBadgeSize, { box: string; icon: string }> = {\n\tsm: { box: 'size-avatar-sm', icon: 'size-icon-sm' },\n\tmd: { box: 'size-avatar', icon: 'size-icon' },\n\tlg: { box: 'size-avatar-lg', icon: 'size-icon-lg' },\n};\n\nconst TONE_TINT: Record<IconBadgeTone, string> = {\n\tneutral: 'bg-muted text-muted-foreground',\n\tprimary: `${toneRecipes.primary.tint} ${toneRecipes.primary.ink}`,\n\tsecondary: 'bg-foreground/8 text-muted-foreground',\n\tsuccess: `${toneRecipes.success.tint} ${toneRecipes.success.ink}`,\n\twarning: `${toneRecipes.warning.tint} ${toneRecipes.warning.ink}`,\n\tdestructive: `${toneRecipes.destructive.tint} ${toneRecipes.destructive.ink}`,\n\tinfo: `${toneRecipes.info.tint} ${toneRecipes.info.ink}`,\n};\n\nconst TONE_SOLID: Record<IconBadgeTone, string> = {\n\tneutral: 'bg-foreground text-background',\n\tprimary: 'bg-primary text-primary-foreground',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\twarning: 'bg-warning text-warning-foreground',\n\tdestructive: 'bg-destructive text-destructive-foreground',\n\tinfo: 'bg-info text-info-foreground',\n};\n\nexport function IconBadge({\n\ticon: Icon,\n\tchildren,\n\tsize: sizeProp,\n\tshape = 'circle',\n\ttone = 'primary',\n\tsolid = false,\n\tbordered = false,\n\tclassName,\n\trole,\n\t'aria-hidden': ariaHidden,\n\t'aria-label': ariaLabel,\n\t'aria-labelledby': ariaLabelledBy,\n\t...props\n}: IconBadgeProps) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst sizes = SIZE_MAP[size];\n\tconst tones = solid ? TONE_SOLID[tone] : TONE_TINT[tone];\n\tconst hasAccessibleName = Boolean(ariaLabel || ariaLabelledBy);\n\n\treturn (\n\t\t<span\n\t\t\trole={role ?? (hasAccessibleName ? 'img' : undefined)}\n\t\t\taria-hidden={ariaHidden ?? (hasAccessibleName ? undefined : true)}\n\t\t\taria-label={ariaLabel}\n\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\tclassName={cn('icon-badge--component', \n\t\t\t\t'box-border inline-flex shrink-0 items-center justify-center',\n\t\t\t\tshape === 'circle' ? 'rounded-full' : 'rounded-radius',\n\t\t\t\tsizes.box,\n\t\t\t\t// A glyph passed as children takes the size's icon role, like `icon`,\n\t\t\t\t// unless it brings its own size class.\n\t\t\t\tICON_DESCENDANT_SIZE_CLASSNAMES[size],\n\t\t\t\ttones,\n\t\t\t\tbordered && 'border border-border/60',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{Icon ? createElement(Icon, { className: sizes.icon }) : children}\n\t\t</span>\n\t);\n}\n\nIconBadge.displayName = 'IconBadge';\n"],"mappings":";;;;;;;;AAkDA,IAAMI,IAAiE;CACtE,IAAI;EAAE,KAAK;EAAkB,MAAM;CAAe;CAClD,IAAI;EAAE,KAAK;EAAe,MAAM;CAAY;CAC5C,IAAI;EAAE,KAAK;EAAkB,MAAM;CAAe;AACnD,GAEMC,IAA2C;CAChD,SAAS;CACT,SAAS,GAAGC,EAAY,QAAQ,KAAK,GAAGA,EAAY,QAAQ;CAC5D,WAAW;CACX,SAAS,GAAGA,EAAY,QAAQ,KAAK,GAAGA,EAAY,QAAQ;CAC5D,SAAS,GAAGA,EAAY,QAAQ,KAAK,GAAGA,EAAY,QAAQ;CAC5D,aAAa,GAAGA,EAAY,YAAY,KAAK,GAAGA,EAAY,YAAY;CACxE,MAAM,GAAGA,EAAY,KAAK,KAAK,GAAGA,EAAY,KAAK;AACpD,GAEMC,IAA4C;CACjD,SAAS;CACT,SAAS;CACT,WAAW;CACX,SAAS;CACT,SAAS;CACT,aAAa;CACb,MAAM;AACP;AAEA,SAAgBC,EAAU,EACzB,MAAMC,GACN,aACA,MAAMC,GACN,WAAQ,UACR,UAAO,WACP,WAAQ,IACR,cAAW,IACX,cACA,SACA,eAAeC,GACf,cAAcC,GACd,mBAAmBC,GACnB,GAAGC,KACe;CAClB,IAAM,EAAE,oBAAiBd,EAAiB,GACpCe,IAAOd,EAAsBS,GAAUM,CAAY,GACnDC,IAAQb,EAASW,IACjBG,IAAQC,IAAQZ,EAAWa,KAAQf,EAAUe,IAC7CC,IAAoB,GAAQT,KAAaC;CAE/C,OACC,kBAAC,QAAD;EACC,MAAMS,MAASD,IAAoB,QAAQ,KAAA;EAC3C,eAAaV,MAAe,MAAoB,KAAA;EAChD,cAAYC;EACZ,mBAAiBC;EACjB,WAAWX,EAAG,yBACb,+DACAqB,MAAU,WAAW,iBAAiB,kBACtCN,EAAM,KAGNd,EAAgCY,IAChCG,GACAM,KAAY,2BACZC,CACD;EACA,GAAIX;EAEH,UAAAL,IAAOiB,EAAcjB,GAAM,EAAE,WAAWQ,EAAM,KAAK,CAAC,IAAIU;CACpD,CAAA;AAER;AAEA,EAAU,cAAc"}

package/dist/index.js

@@ -1,7 +1,7 @@
-import { _ as e, a as t, c as n, d as r, f as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g, y as _ } from "./ui-provider-C_U0Xma4.js";
+import { _ as e, a as t, c as n, d as r, f as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g, y as _ } from "./ui-provider-CQCuCBcy.js";
 import { CARD_SURFACES as v, COMPONENT_SCALES as y, DISCLOSURE_SURFACES as b, SEMANTIC_TONES as x } from "./component-vocabulary.js";
 import { t as S } from "./theme-scope-BJ6eE2xt.js";
 import { ACTION_BUTTON_STYLES as C } from "./action-presentation.js";
 import { interpolateString as w, mergeStrings as T, useStrings as E } from "./lib/strings.js";
-import { t as D } from "./utils-BRhFDwuU.js";
+import { t as D } from "./utils-CF3c95Io.js";
 export { C as ACTION_BUTTON_STYLES, v as CARD_SURFACES, y as COMPONENT_SCALES, _ as DEFAULT_UI_CONFIG, b as DISCLOSURE_SURFACES, m as DirectionProvider, x as SEMANTIC_TONES, S as ThemeScope, a as UIProvider, D as cn, w as interpolateString, e as isComponentScale, T as mergeStrings, g as resolveComponentScale, l as useBadgeConfig, f as useButtonConfig, o as useCardConfig, t as useCommentsConfig, u as useDatesConfig, p as useDensityConfig, n as useFormattingConfig, s as useItemConfig, h as useMoneyConfig, r as useOverlayConfig, i as useSpinnerConfig, E as useStrings, d as useToastConfig, c as useTypographyConfig };

package/dist/input-Cdw4k0fb.js

@@ -0,0 +1,289 @@
+"use client";
+import { s as e } from "./ui-provider-CQCuCBcy.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-CF3c95Io.js";
+import { t as r } from "./affordance-geometry.generated-B8yGOr8-.js";
+import { c as i } from "./typography-CSyJrh28.js";
+import { n as a, t as o } from "./field-affordance-recipes-DjwGx8eM.js";
+import { c as s, f as c, i as l, n as u, r as d, s as f, t as p, y as m } from "./form-sizing-NXgjkmBG.js";
+import * as h from "react";
+import { createContext as g, forwardRef as _, memo as v, useCallback as y, useId as b, useLayoutEffect as x, useMemo as ee, useRef as S, useState as C } from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Loader2Icon as E } from "lucide-react";
+//#region src/components/base/text-inputs/hooks/use-form-field-state.ts
+function D({ controlledValue: e, hasControlledValue: t, nativeRef: n, defaultValue: r, maxLength: i, showCharacterCount: a, providedId: o, idPrefix: s = "field", hasOnChange: c }) {
+	let l = b(), u = o || `${s}${l}`, [d, f] = C(r || ""), p = t ?? e !== void 0;
+	x(() => {
+		let e = n?.current;
+		if (p || !e) return;
+		let t = () => f(e.value);
+		t();
+		let r = Object.getOwnPropertyDescriptor(e, "value"), i = r ?? Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e), "value");
+		if (!i?.get || !i.set || r?.configurable === !1) return;
+		let { get: a, set: o } = i, s = function(e) {
+			o.call(this, e), t();
+		};
+		Object.defineProperty(e, "value", {
+			configurable: !0,
+			enumerable: i.enumerable,
+			get: a,
+			set: s
+		});
+		let c = e.form, l = () => queueMicrotask(t);
+		return c?.addEventListener("reset", l), () => {
+			c?.removeEventListener("reset", l), Object.getOwnPropertyDescriptor(e, "value")?.set === s && (r ? Object.defineProperty(e, "value", r) : Reflect.deleteProperty(e, "value"));
+		};
+	}, [p, n]);
+	let m = (p ? e : d) ?? "", h = !(!c || p || r), g = m.length, _ = i !== void 0, v = a !== !1 && !!(a || _), S = m !== "", w = y((e) => _ && e.length > i, [_, i]), T = y((e) => !w(e) && (p || f(e), !0), [p, w]), E = y(() => {
+		p || f("");
+	}, [p]);
+	return ee(() => ({
+		id: u,
+		value: m,
+		isControlled: p,
+		isReactHookForm: h,
+		characterCount: g,
+		hasCharacterLimit: _,
+		showCount: v,
+		hasValue: S,
+		updateValue: T,
+		clearValue: E,
+		wouldExceedLimit: w
+	}), [
+		u,
+		m,
+		p,
+		h,
+		g,
+		_,
+		v,
+		S,
+		T,
+		E,
+		w
+	]);
+}
+//#endregion
+//#region src/components/base/text-inputs/clear-native-field.ts
+function te(e) {
+	let t = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e), "value")?.set;
+	e.type === "file" ? e.value = "" : t?.call(e, ""), e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}
+//#endregion
+//#region src/components/base/text-inputs/input-trailing-action.ts
+var ne = g(null), O = _(function({ className: e, type: t = "button", ...r }, i) {
+	return /* @__PURE__ */ w("button", {
+		ref: i,
+		type: t,
+		className: n(a.target, a.focus, a.clear, e),
+		...r,
+		children: /* @__PURE__ */ w(o, {
+			className: a.icon,
+			"aria-hidden": "true"
+		})
+	});
+});
+O.displayName = "FieldClearButton";
+//#endregion
+//#region src/components/base/text-inputs/input.tsx
+var k = { clear: "Clear input" }, re = (e, t, n) => {
+	let r = e || "";
+	return t && r && (r = t + r), n && r && (r += n), r;
+};
+function A(o, g) {
+	let { className: _, type: v = "text", startIcon: b, endIcon: x, startAddon: C, endAddon: A, maxLength: j, showCharacterCount: ie, clearable: ae, onClear: oe, loading: M = !1, returnValueWithAddons: se, invalid: ce, size: le, onChange: N, onValueChange: P, value: ue, defaultValue: F, id: de, strings: fe, ...I } = o, L = S(null), R = h.useContext(ne), z = S(null), B = S(null), [V, H] = h.useState(), [U, pe] = h.useState(), me = t(k, fe), { defaultScale: he } = e(), W = m(le, he), ge = y((e) => {
+		typeof g == "function" ? g(e) : g && (g.current = e), L.current = e;
+	}, [g]), { id: _e, value: ve, isControlled: ye, characterCount: be, hasCharacterLimit: xe, showCount: G, hasValue: Se, updateValue: Ce, clearValue: K, wouldExceedLimit: we } = D({
+		controlledValue: ue,
+		hasControlledValue: "value" in o,
+		nativeRef: L,
+		defaultValue: F,
+		maxLength: j,
+		showCharacterCount: ie,
+		providedId: de,
+		idPrefix: "input",
+		hasOnChange: N !== void 0
+	}), Te = !!ae, q = M, Ee = !!x, De = !!A, J = v === "file", Y = !!ce, X = Te && Se && !G && !q, Z = q && !G, Q = Ee && !X && !G && !q, $ = De && !X && !G && !q;
+	h.useLayoutEffect(() => {
+		let e = z.current, t = B.current, n = () => {
+			if (e) {
+				let t = e.getBoundingClientRect().width;
+				t > 0 && H(t);
+			} else H(void 0);
+			if (t) {
+				let e = t.getBoundingClientRect().width;
+				e > 0 && pe(e);
+			} else pe(void 0);
+		};
+		if (n(), !e && !t) return;
+		let r = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(n);
+		return e && r?.observe(e), t && r?.observe(t), window.addEventListener("resize", n), () => {
+			r?.disconnect(), window.removeEventListener("resize", n);
+		};
+	}, [
+		W,
+		be,
+		j,
+		C,
+		A,
+		Q,
+		$,
+		X,
+		G,
+		Z,
+		R
+	]);
+	let Oe = ee(() => {
+		let e = W === "sm" ? "ps-control-sm" : "ps-control", t = W === "sm" ? "pe-control-sm" : "pe-control";
+		return b && (e = s[W]), C && (e = p[W]), C && U !== void 0 && (e = a.measuredStartPadding[W]), Q && (t = l[W]), $ && (t = d[W]), q && (t = l[W]), X && (t = a.clearPadding[W]), G && (t = u[W]), R && (t = G ? a.pairedCountPadding[W] : X ? a.pairedClearPadding[W] : $ ? a.pairedAddonPadding[W] : Q || Z ? a.pairedIconPadding[W] : a.clearPadding[W]), V !== void 0 && (t = a.measuredPadding[W]), `${e} ${t}`;
+	}, [
+		b,
+		C,
+		Q,
+		$,
+		X,
+		Z,
+		q,
+		G,
+		R,
+		V,
+		U,
+		W
+	]), ke = y((e) => {
+		let t = e.target.value;
+		if (!we(t) && (Ce(t), P?.(t), N)) {
+			if (se && t) {
+				let n = re(t, C, A), r = {
+					...e,
+					target: {
+						...e.target,
+						value: n
+					},
+					currentTarget: {
+						...e.currentTarget,
+						value: n
+					}
+				};
+				N(r);
+			} else N(e);
+		}
+	}, [
+		N,
+		P,
+		se,
+		C,
+		A,
+		Ce,
+		we
+	]), Ae = y(() => {
+		if (I.disabled || I.readOnly || M) return;
+		let e = L.current;
+		if (e?.type === "color" || e?.type === "range") {
+			K(), P?.("");
+			let t = {
+				value: "",
+				name: e.name,
+				id: e.id,
+				type: e.type
+			};
+			N?.({
+				target: t,
+				currentTarget: t
+			});
+		} else e && te(e);
+		oe?.(), L.current?.focus();
+	}, [
+		I.disabled,
+		I.readOnly,
+		M,
+		K,
+		N,
+		P,
+		oe
+	]);
+	return /* @__PURE__ */ T("div", {
+		className: n("input--component", "relative h-fit w-full min-w-0"),
+		style: V === void 0 && U === void 0 ? void 0 : {
+			"--field-trailing-width": V === void 0 ? void 0 : `${V}px`,
+			"--field-leading-width": U === void 0 ? void 0 : `${U}px`
+		},
+		children: [
+			/* @__PURE__ */ w("input", {
+				ref: ge,
+				id: _e,
+				type: v,
+				...!J && (ye ? { value: ve } : { defaultValue: F }),
+				onChange: ke,
+				maxLength: j,
+				"aria-invalid": Y || void 0,
+				className: n("flex w-full min-w-0", c(W), "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "file:box-border file:inline-flex file:h-control-file file:border file:bg-transparent file:px-control file:py-0 file:font-medium", "file:text-pxs", J && r.fileField.minHeight, J && r.fileField.blockPadding[W], r.fileField.buttonMinHeight, J ? "cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-inner file:border-input file:bg-background file:text-foreground" : "bg-transparent", J ? "read-only:bg-background" : "[&:read-only:not(:disabled)]:bg-muted", Oe, _),
+				...I,
+				disabled: I.disabled || M
+			}),
+			!!b && /* @__PURE__ */ w("div", {
+				className: n("pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center", W === "sm" ? "ps-control-sm" : "ps-control", I.disabled && "opacity-50", Y ? "text-destructive" : "text-muted-foreground"),
+				children: /* @__PURE__ */ w(b, {
+					className: f[W],
+					"aria-hidden": "true"
+				})
+			}),
+			!!C && /* @__PURE__ */ w("span", {
+				className: n("pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center", W === "sm" ? "ps-control-sm" : "ps-control", I.disabled && "opacity-50"),
+				children: /* @__PURE__ */ w(i, {
+					ref: B,
+					tag: "span",
+					size: W === "sm" ? "pxs" : "sm",
+					type: Y ? "error" : "secondary",
+					lineHeight: "tight",
+					className: "input--start-addon",
+					children: C
+				})
+			}),
+			(Q || $ || G || Z || X || R) && /* @__PURE__ */ T("div", {
+				ref: z,
+				className: n("input--trailing absolute inset-y-0 flex items-center gap-space-sm whitespace-nowrap", a.clearEnd[W], I.disabled && "opacity-50"),
+				children: [
+					Q && x && /* @__PURE__ */ w(x, {
+						className: n("pointer-events-none", f[W], Y ? "text-destructive" : "text-muted-foreground"),
+						"aria-hidden": "true"
+					}),
+					$ && /* @__PURE__ */ w(i, {
+						tag: "span",
+						size: W === "sm" ? "pxs" : "sm",
+						type: Y ? "error" : "secondary",
+						lineHeight: "tight",
+						className: "input--end-addon pointer-events-none",
+						children: A
+					}),
+					G && /* @__PURE__ */ w("div", {
+						role: "status",
+						"aria-live": "polite",
+						className: "pointer-events-none tabular-nums",
+						children: /* @__PURE__ */ T(i, {
+							tag: "span",
+							size: W === "sm" ? "xxs" : "xs",
+							type: Y ? "error" : "secondary",
+							children: [be, xe ? `/${j}` : ""]
+						})
+					}),
+					Z && /* @__PURE__ */ w(E, {
+						className: n(f[W], "pointer-events-none animate-spin", Y ? "text-destructive" : "text-muted-foreground"),
+						"aria-hidden": "true"
+					}),
+					X && /* @__PURE__ */ w(O, {
+						"aria-label": me.clear,
+						onClick: Ae,
+						disabled: I.disabled || I.readOnly || M
+					}),
+					R
+				]
+			})
+		]
+	});
+}
+var j = v(h.forwardRef(A));
+j.displayName = "Input";
+//#endregion
+export { te as a, ne as i, k as n, D as o, O as r, j as t };
+
+//# sourceMappingURL=input-Cdw4k0fb.js.map

package/dist/input-Cdw4k0fb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-Cdw4k0fb.js","names":["React","useDensityConfig","cn","affordanceGeometry","Text","fieldAffordanceRecipes","FieldClearGlyph","formControlIconOffsetClasses","formFieldFrameClasses","formControlEndIconOffsetClasses","formControlCountOffsetClasses","formControlEndAddonOffsetClasses","formControlIconClasses","formControlAddonOffsetClasses","resolveFormControlSize","React$1","useFormFieldState","reactId","useId","id","providedId","idPrefix","internalValue","setInternalValue","useState","defaultValue","isControlled","hasControlledValue","controlledValue","node","nativeRef","sync","own","descriptor","observedSet","set","next","form","onReset","value","isReactHookForm","characterCount","hasCharacterLimit","maxLength","showCount","showCharacterCount","hasValue","wouldExceedLimit","useCallback","newValue","updateValue","clearValue","useMemo","clearNativeField","setValue","field","InputTrailingActionContext","createContext","FieldClearButton","forwardRef","props","className","defaultInputStrings","getValueWithAddons","result","startAddon","endAddon","InputImpl","StartIcon","EndIcon","sizeProp","stringsProp","allProps","inputRef","useRef","trailingAction","trailingRef","leadingRef","trailingWidth","setTrailingWidth","leadingWidth","setLeadingWidth","strings","useStrings","size","defaultScale","setRefs","forwardedRef","inputValue","onChange","isClearable","clearable","isShowingLoading","loading","hasEndIcon","hasEndAddon","isFileInput","type","hasError","invalid","showClearButton","showLoadingSpinner","showEndIcon","showEndAddon","track","leading","measure","width","observer","inputPaddingClasses","paddingStart","paddingEnd","handleInputChange","onValueChange","returnValueWithAddons","valueWithAddons","modifiedEvent","handleClear","nativeField","target","onClear","Loader2Icon","Input","memo"],"sources":["../src/components/base/text-inputs/hooks/use-form-field-state.ts","../src/components/base/text-inputs/clear-native-field.ts","../src/components/base/text-inputs/input-trailing-action.ts","../src/components/base/text-inputs/field-clear-button.tsx","../src/components/base/text-inputs/input.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useId, useLayoutEffect, type RefObject } from 'react';\n\nexport interface UseFormFieldStateOptions {\n\t/** Controlled value from parent */\n\tcontrolledValue?: string | null;\n\t/** Presence of the value prop, including an explicitly empty value. */\n\thasControlledValue?: boolean;\n\t/** Native field whose value may be assigned by registration or reset. */\n\tnativeRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n\t/** Default value for uncontrolled mode */\n\tdefaultValue?: string;\n\t/** Maximum character length */\n\tmaxLength?: number;\n\t/** Whether to show character count */\n\tshowCharacterCount?: boolean;\n\t/** Provided ID or auto-generate */\n\tprovidedId?: string;\n\t/** Prefix for auto-generated ID */\n\tidPrefix?: string;\n\t/** Whether onChange is provided (for react-hook-form detection) */\n\thasOnChange?: boolean;\n}\n\nexport interface UseFormFieldStateReturn {\n\t/** Generated or provided ID */\n\tid: string;\n\t/** Current value (controlled or internal) */\n\tvalue: string;\n\t/** Whether component is in controlled mode */\n\tisControlled: boolean;\n\t/** Whether using react-hook-form (has onChange but no controlled value) */\n\tisReactHookForm: boolean;\n\t/** Current character count */\n\tcharacterCount: number;\n\t/** Whether a character limit is set */\n\thasCharacterLimit: boolean;\n\t/** Whether to show character count UI */\n\tshowCount: boolean;\n\t/** Whether the field has a value */\n\thasValue: boolean;\n\t/** Update value - returns false if blocked by character limit */\n\tupdateValue: (newValue: string) => boolean;\n\t/** Clear the value */\n\tclearValue: () => void;\n\t/** Check if a new value would exceed the character limit */\n\twouldExceedLimit: (newValue: string) => boolean;\n}\n\n/**\n * Shared hook for managing form field state including:\n * - Controlled vs uncontrolled value handling\n * - Character counting and limits\n * - React Hook Form compatibility detection\n * - ID generation\n */\nexport function useFormFieldState({\n\tcontrolledValue,\n\thasControlledValue,\n\tnativeRef,\n\tdefaultValue,\n\tmaxLength,\n\tshowCharacterCount,\n\tprovidedId,\n\tidPrefix = 'field',\n\thasOnChange,\n}: UseFormFieldStateOptions): UseFormFieldStateReturn {\n\t// Generate stable ID using React 18's useId (SSR-safe)\n\tconst reactId = useId();\n\tconst id = providedId || `${idPrefix}${reactId}`;\n\n\t// Internal state for uncontrolled mode\n\tconst [internalValue, setInternalValue] = useState(defaultValue || '');\n\n\t// Determine control mode\n\tconst isControlled = hasControlledValue ?? controlledValue !== undefined;\n\n\tuseLayoutEffect(() => {\n\t\tconst node = nativeRef?.current;\n\t\tif (isControlled || !node) return;\n\t\tconst sync = () => setInternalValue(node.value);\n\t\tsync();\n\t\t// Registration adapters write defaults/reset values through the native\n\t\t// property without dispatching input. Preserve React's value tracker while\n\t\t// observing those writes so count/clear state follows the actual field.\n\t\tconst own = Object.getOwnPropertyDescriptor(node, 'value');\n\t\tconst descriptor = own ?? Object.getOwnPropertyDescriptor(Object.getPrototypeOf(node), 'value');\n\t\tif (!descriptor?.get || !descriptor.set || own?.configurable === false) return;\n\t\tconst { get, set } = descriptor;\n\t\tconst observedSet = function(this: HTMLInputElement | HTMLTextAreaElement, next: string) {\n\t\t\tset.call(this, next);\n\t\t\tsync();\n\t\t};\n\t\tObject.defineProperty(node, 'value', { configurable: true, enumerable: descriptor.enumerable, get, set: observedSet });\n\t\tconst form = node.form;\n\t\tconst onReset = () => queueMicrotask(sync);\n\t\tform?.addEventListener('reset', onReset);\n\t\treturn () => {\n\t\t\tform?.removeEventListener('reset', onReset);\n\t\t\tif (Object.getOwnPropertyDescriptor(node, 'value')?.set === observedSet) {\n\t\t\t\tif (own) Object.defineProperty(node, 'value', own);\n\t\t\t\telse Reflect.deleteProperty(node, 'value');\n\t\t\t}\n\t\t};\n\t}, [isControlled, nativeRef]);\n\n\t// Normalize value (handle null from backend)\n\tconst rawValue = isControlled ? controlledValue : internalValue;\n\tconst value = rawValue ?? '';\n\n\t// React Hook Form detection: has onChange but no controlled value or defaultValue\n\tconst isReactHookForm = Boolean(hasOnChange && !isControlled && !defaultValue);\n\n\t// Character counting\n\tconst characterCount = value.length;\n\tconst hasCharacterLimit = maxLength !== undefined;\n\tconst showCount = showCharacterCount === false ? false : Boolean(showCharacterCount || hasCharacterLimit);\n\tconst hasValue = value !== '';\n\n\t// Check if value would exceed limit\n\tconst wouldExceedLimit = useCallback(\n\t\t(newValue: string) => {\n\t\t\treturn hasCharacterLimit && newValue.length > maxLength;\n\t\t},\n\t\t[hasCharacterLimit, maxLength]\n\t);\n\n\t// Update value (respects character limit, updates internal state if uncontrolled)\n\tconst updateValue = useCallback(\n\t\t(newValue: string): boolean => {\n\t\t\tif (wouldExceedLimit(newValue)) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalValue(newValue);\n\t\t\t}\n\t\t\treturn true;\n\t\t},\n\t\t[isControlled, wouldExceedLimit]\n\t);\n\n\t// Clear value\n\tconst clearValue = useCallback(() => {\n\t\tif (!isControlled) {\n\t\t\tsetInternalValue('');\n\t\t}\n\t}, [isControlled]);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\tid,\n\t\t\tvalue,\n\t\t\tisControlled,\n\t\t\tisReactHookForm,\n\t\t\tcharacterCount,\n\t\t\thasCharacterLimit,\n\t\t\tshowCount,\n\t\t\thasValue,\n\t\t\tupdateValue,\n\t\t\tclearValue,\n\t\t\twouldExceedLimit,\n\t\t}),\n\t\t[\n\t\t\tid,\n\t\t\tvalue,\n\t\t\tisControlled,\n\t\t\tisReactHookForm,\n\t\t\tcharacterCount,\n\t\t\thasCharacterLimit,\n\t\t\tshowCount,\n\t\t\thasValue,\n\t\t\tupdateValue,\n\t\t\tclearValue,\n\t\t\twouldExceedLimit,\n\t\t]\n\t);\n}\n","/** Route inline clearing through the field's existing native change handler. */\nexport function clearNativeField(field: HTMLInputElement | HTMLTextAreaElement) {\n\t// Bypass React's value tracker so it observes the change and restores any\n\t// controlled value that the consumer declines or replaces synchronously.\n\tconst setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\tif (field.type === 'file') field.value = '';\n\telse setValue?.call(field, '');\n\tfield.dispatchEvent(new Event('change', { bubbles: true }));\n}\n","import { createContext, type ReactNode } from 'react';\n\n/** Private composition seam: the Input owner lays out PasswordInput's action. */\nexport const InputTrailingActionContext = createContext<ReactNode>(null);\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { FieldClearGlyph, fieldAffordanceRecipes } from '../../../lib/field-affordance-recipes';\nimport { cn } from '../../../lib/utils';\n\n/**\n * The inline clear action shared by Input, Textarea and Cascader: a native button\n * drawing the shared clear target, focus edge and glyph. Its owner places it and\n * supplies the accessible name, handler and disabled state.\n */\nexport const FieldClearButton = forwardRef<HTMLButtonElement, ComponentPropsWithoutRef<'button'>>(function FieldClearButton(\n\t{ className, type = 'button', ...props },\n\tref,\n) {\n\treturn (\n\t\t<button\n\t\t\tref={ref}\n\t\t\ttype={type}\n\t\t\tclassName={cn(fieldAffordanceRecipes.target, fieldAffordanceRecipes.focus, fieldAffordanceRecipes.clear, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<FieldClearGlyph className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t</button>\n\t);\n});\nFieldClearButton.displayName = 'FieldClearButton';\n","import { fieldAffordanceRecipes } from '../../../lib/field-affordance-recipes';\nimport { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { Loader2Icon, type LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useMemo, memo } from 'react';\nimport { Text } from '../../typography';\nimport { useDensityConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport {\n\t\tformControlAddonOffsetClasses,\n\t\tformControlCountOffsetClasses,\n\t\tformControlEndAddonOffsetClasses,\n\t\tformControlEndIconOffsetClasses,\n\t\tformControlIconClasses,\n\t\tformControlIconOffsetClasses,\n\t\tformFieldFrameClasses,\n\t\tresolveFormControlSize,\n} from '../forms/form-sizing';\nimport { useFormFieldState } from './hooks';\nimport { clearNativeField } from './clear-native-field';\nimport { InputTrailingActionContext } from './input-trailing-action';\nimport { FieldClearButton } from './field-clear-button';\n\nexport interface InputStrings {\n\t/** Accessible label for the clear action. */\n\t\tclear: string;\n}\n\nexport const defaultInputStrings: InputStrings = {\n\t\tclear: 'Clear input',\n};\n\n/**\n * Helper function to get value with prefix/suffix\n */\nconst getValueWithAddons = (value: string, startAddon?: string, endAddon?: string): string => {\n\t\tlet result = value || '';\n\t\tif (startAddon && result) result = startAddon + result;\n\t\tif (endAddon && result) result = result + endAddon;\n\t\treturn result;\n};\n\nexport interface InputProps extends Omit<React.ComponentProps<'input'>, 'onChange' | 'size' | 'value'> {\n\t/** Decorative or semantic icon rendered before the value. */\n\t\tstartIcon?: LucideIcon;\n\t/** Decorative or semantic icon rendered after the value. */\n\t\tendIcon?: LucideIcon;\n\n\t/** Visual text prefix rendered inside the input frame. */\n\t\tstartAddon?: string;\n\t/** Visual text suffix rendered inside the input frame. */\n\t\tendAddon?: string;\n\n\t/** Maximum accepted character count. */\n\t\tmaxLength?: number;\n\t/** Shows the current and maximum character count. */\n\t\tshowCharacterCount?: boolean;\n\n\t/** Shows an inline clear action when the input has a value. */\n\t\tclearable?: boolean;\n\t/** Called after the inline clear action resets the value. */\n\t\tonClear?: () => void;\n\n\t/** Replaces the trailing affordance with a loading indicator. */\n\t\tloading?: boolean;\n\n\t/** Includes visual add-on text in the value exposed by `onChange`. */\n\t\treturnValueWithAddons?: boolean;\n\n\t/** Applies invalid control styling. Validation copy remains owned by FormField. */\n\t\tinvalid?: boolean;\n\n\t/** Control-height preset. Falls back to `UIProvider.density.defaultScale`. */\n\t\tsize?: FormControlSize;\n\n\t/** Native-style value callback for the controlled raw string. */\n\t\tonChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\t\t/** Raw string callback, emitted alongside the native change event. */\n\t\tonValueChange?: (value: string) => void;\n\t/** Controlled raw string value. */\n\t\tvalue?: string | null;\n\t/** Initial raw string value for uncontrolled usage. */\n\t\tdefaultValue?: string;\n\n\t/** Accessible copy overrides for input-owned actions. */\n\t\tstrings?: StringsProp<InputStrings>;\n}\n\nfunction InputImpl(\n\tallProps: InputProps,\n\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n\tconst {\n\t\tclassName,\n\t\ttype = 'text',\n\t\tstartIcon: StartIcon,\n\t\tendIcon: EndIcon,\n\t\tstartAddon,\n\t\tendAddon,\n\t\tmaxLength,\n\t\tshowCharacterCount,\n\t\tclearable,\n\t\tonClear,\n\t\tloading = false,\n\t\treturnValueWithAddons,\n\t\tinvalid,\n\t\tsize: sizeProp,\n\t\tonChange,\n\t\tonValueChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tid: providedId,\n\t\tstrings: stringsProp,\n\t\t...props\n\t} = allProps;\n\t\tconst inputRef = useRef<HTMLInputElement>(null);\n\t\tconst trailingAction = React.useContext(InputTrailingActionContext);\n\t\tconst trailingRef = useRef<HTMLDivElement>(null);\n\t\tconst leadingRef = useRef<HTMLElement>(null);\n\t\tconst [trailingWidth, setTrailingWidth] = React.useState<number>();\n\t\tconst [leadingWidth, setLeadingWidth] = React.useState<number>();\n\t\tconst strings = useStrings(defaultInputStrings, stringsProp);\n\t\tconst { defaultScale } = useDensityConfig();\n\t\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\n\t\t// Memoize ref callback to avoid recreation on every render\n\t\tconst setRefs = useCallback(\n\t\t\t\t(node: HTMLInputElement | null) => {\n\t\t\t\t\t\tif (typeof forwardedRef === 'function') {\n\t\t\t\t\t\t\t\tforwardedRef(node);\n\t\t\t\t\t\t} else if (forwardedRef) {\n\t\t\t\t\t\t\t\tforwardedRef.current = node;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinputRef.current = node;\n\t\t\t\t},\n\t\t\t\t[forwardedRef]\n\t\t);\n\n\t\t// Use shared form field state hook\n\t\tconst {\n\t\t\t\tid,\n\t\t\t\tvalue: inputValue,\n\t\t\t\tisControlled,\n\t\t\t\tcharacterCount,\n\t\t\t\thasCharacterLimit,\n\t\t\t\tshowCount,\n\t\t\t\thasValue,\n\t\t\t\tupdateValue,\n\t\t\t\tclearValue,\n\t\t\t\twouldExceedLimit,\n\t\t} = useFormFieldState({\n\t\t\t\tcontrolledValue,\n\t\t\t\thasControlledValue: 'value' in allProps,\n\t\t\t\tnativeRef: inputRef,\n\t\t\t\tdefaultValue,\n\t\t\t\tmaxLength,\n\t\t\t\tshowCharacterCount,\n\t\t\t\tprovidedId,\n\t\t\t\tidPrefix: 'input',\n\t\t\t\thasOnChange: onChange !== undefined,\n\t\t});\n\n\t\t// Derive display states (simple booleans, no need for useMemo)\n\t\tconst isClearable = !!clearable;\n\t\tconst isShowingLoading = loading;\n\t\tconst hasEndIcon = !!EndIcon;\n\t\tconst hasEndAddon = !!endAddon;\n\t\tconst isFileInput = type === 'file';\n\t\tconst hasError = !!invalid;\n\t\tconst showClearButton = isClearable && hasValue && !showCount && !isShowingLoading;\n\t\tconst showLoadingSpinner = isShowingLoading && !showCount;\n\t\tconst showEndIcon = hasEndIcon && !showClearButton && !showCount && !isShowingLoading;\n\t\tconst showEndAddon = hasEndAddon && !showClearButton && !showCount && !isShowingLoading;\n\n\t\tReact.useLayoutEffect(() => {\n\t\t\tconst track = trailingRef.current;\n\t\t\tconst leading = leadingRef.current;\n\t\t\tconst measure = () => {\n\t\t\t\t// Hidden/SSR surfaces retain the generated fallback until measurable.\n\t\t\t\tif (track) {\n\t\t\t\t\tconst width = track.getBoundingClientRect().width;\n\t\t\t\t\tif (width > 0) setTrailingWidth(width);\n\t\t\t\t} else setTrailingWidth(undefined);\n\t\t\t\tif (leading) {\n\t\t\t\t\tconst width = leading.getBoundingClientRect().width;\n\t\t\t\t\tif (width > 0) setLeadingWidth(width);\n\t\t\t\t} else setLeadingWidth(undefined);\n\t\t\t};\n\t\t\tmeasure();\n\t\t\tif (!track && !leading) return;\n\t\t\tconst observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n\t\t\tif (track) observer?.observe(track);\n\t\t\tif (leading) observer?.observe(leading);\n\t\t\twindow.addEventListener('resize', measure);\n\t\t\treturn () => { observer?.disconnect(); window.removeEventListener('resize', measure); };\n\t\t}, [size, characterCount, maxLength, startAddon, endAddon, showEndIcon, showEndAddon, showClearButton, showCount, showLoadingSpinner, trailingAction]);\n\n\t\t// Generated fallbacks cover SSR; measured text keeps translated add-ons\n\t\t// clear of the editable value. Consumer padding classes remain last.\n\t\tconst inputPaddingClasses = useMemo(() => {\n\t\t\t\tlet paddingStart = size === 'sm' ? 'ps-control-sm' : 'ps-control';\n\t\t\t\tlet paddingEnd = size === 'sm' ? 'pe-control-sm' : 'pe-control';\n\n\t\t\t\tif (StartIcon) paddingStart = formControlIconOffsetClasses[size];\n\t\t\t\tif (startAddon) paddingStart = formControlAddonOffsetClasses[size];\n\t\t\t\tif (startAddon && leadingWidth !== undefined) paddingStart = fieldAffordanceRecipes.measuredStartPadding[size];\n\n\t\t\t\tif (showEndIcon) paddingEnd = formControlEndIconOffsetClasses[size];\n\t\t\t\tif (showEndAddon) paddingEnd = formControlEndAddonOffsetClasses[size];\n\t\t\t\tif (isShowingLoading) paddingEnd = formControlEndIconOffsetClasses[size];\n\t\t\t\tif (showClearButton) paddingEnd = fieldAffordanceRecipes.clearPadding[size];\n\t\t\t\tif (showCount) paddingEnd = formControlCountOffsetClasses[size];\n\t\t\t\tif (trailingAction) {\n\t\t\t\t\tpaddingEnd = showCount ? fieldAffordanceRecipes.pairedCountPadding[size]\n\t\t\t\t\t\t: showClearButton ? fieldAffordanceRecipes.pairedClearPadding[size]\n\t\t\t\t\t\t: showEndAddon ? fieldAffordanceRecipes.pairedAddonPadding[size]\n\t\t\t\t\t\t: showEndIcon || showLoadingSpinner ? fieldAffordanceRecipes.pairedIconPadding[size]\n\t\t\t\t\t\t: fieldAffordanceRecipes.clearPadding[size];\n\t\t\t\t}\n\n\t\t\t\tif (trailingWidth !== undefined) paddingEnd = fieldAffordanceRecipes.measuredPadding[size];\n\n\t\t\t\treturn `${paddingStart} ${paddingEnd}`;\n\t\t}, [StartIcon, startAddon, showEndIcon, showEndAddon, showClearButton, showLoadingSpinner, isShowingLoading, showCount, trailingAction, trailingWidth, leadingWidth, size]);\n\n\t\tconst handleInputChange = useCallback(\n\t\t\t\t(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tconst newValue = e.target.value;\n\n\t\t\t\t\t\t// Check character limit\n\t\t\t\t\t\tif (wouldExceedLimit(newValue)) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Update internal state if uncontrolled\n\t\t\t\t\t\tupdateValue(newValue);\n\t\t\t\t\t\tonValueChange?.(newValue);\n\n\t\t\t\t\t\t// Call external onChange with modified event if addons are requested\n\t\t\t\t\t\tif (onChange) {\n\t\t\t\t\t\t\t\tif (returnValueWithAddons && newValue) {\n\t\t\t\t\t\t\t\t\t\tconst valueWithAddons = getValueWithAddons(newValue, startAddon, endAddon);\n\t\t\t\t\t\t\t\t\t\tconst modifiedEvent = {\n\t\t\t\t\t\t\t\t\t\t\t\t...e,\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: { ...e.target, value: valueWithAddons },\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentTarget: { ...e.currentTarget, value: valueWithAddons },\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tonChange(modifiedEvent as React.ChangeEvent<HTMLInputElement>);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tonChange(e);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t[onChange, onValueChange, returnValueWithAddons, startAddon, endAddon, updateValue, wouldExceedLimit]\n\t\t);\n\n\t\tconst handleClear = useCallback(() => {\n\t\t\t\tif (props.disabled || props.readOnly || loading) return;\n\n\t\t\t\tconst nativeField = inputRef.current;\n\t\t\t\tif (nativeField?.type === 'color' || nativeField?.type === 'range') {\n\t\t\t\t\t\t// These native types cannot represent ''. Retain the existing empty\n\t\t\t\t\t\t// proposal while the browser owns the rendered value's sanitization.\n\t\t\t\t\t\tclearValue();\n\t\t\t\t\t\tonValueChange?.('');\n\t\t\t\t\t\tconst target = { value: '', name: nativeField.name, id: nativeField.id, type: nativeField.type };\n\t\t\t\t\t\tonChange?.({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n\t\t\t\t} else if (nativeField) {\n\t\t\t\t\t\tclearNativeField(nativeField);\n\t\t\t\t}\n\n\t\t\t\t// Execute optional onClear callback\n\t\t\t\tonClear?.();\n\n\t\t\t\t// Focus the input after clearing\n\t\t\t\tinputRef.current?.focus();\n\t\t}, [props.disabled, props.readOnly, loading, clearValue, onChange, onValueChange, onClear]);\n\n\n\n\t\treturn (\n\t\t\t\t<div className={cn('input--component', 'relative h-fit w-full min-w-0')} style={trailingWidth === undefined && leadingWidth === undefined ? undefined : {\n\t\t\t\t\t'--field-trailing-width': trailingWidth === undefined ? undefined : `${trailingWidth}px`,\n\t\t\t\t\t'--field-leading-width': leadingWidth === undefined ? undefined : `${leadingWidth}px`,\n\t\t\t\t} as React.CSSProperties}>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tref={setRefs}\n\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\t\t{...(!isFileInput && (isControlled ? { value: inputValue } : { defaultValue }))}\n\t\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\t\t\t\taria-invalid={hasError || undefined}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t// The shared field frame, which input-shaped triggers draw too\n\t\t\t\t\t\t\t\t\t\t'flex w-full min-w-0',\n\t\t\t\t\t\t\t\t\t\tformFieldFrameClasses(size),\n\t\t\t\t\t\t\t\t\t\t'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n\t\t\t\t\t\t\t\t\t\t// File input styles\n\t\t\t\t\t\t\t\t\t\t'file:box-border file:inline-flex file:h-control-file file:border file:bg-transparent file:px-control file:py-0 file:font-medium',\n\t\t\t\t\t\t\t\t\t\t'file:text-pxs',\n\t\t\t\t\t\t\t\t\t\tisFileInput && affordanceGeometry.fileField.minHeight,\n\t\t\t\t\t\t\t\t\t\tisFileInput && affordanceGeometry.fileField.blockPadding[size],\n\t\t\t\t\t\t\t\t\t\taffordanceGeometry.fileField.buttonMinHeight,\n\t\t\t\t\t\t\t\t\t\tisFileInput\n\t\t\t\t\t\t\t\t\t\t\t\t? 'cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-inner file:border-input file:bg-background file:text-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent',\n\t\t\t\t\t\t\t\t\t\t// Read-only fill. A disabled input also matches :read-only, and\n\t\t\t\t\t\t\t\t\t\t// disabled fields dim on a transparent fill like every trigger.\n\t\t\t\t\t\t\t\t\t\tisFileInput\n\t\t\t\t\t\t\t\t\t\t\t\t? 'read-only:bg-background'\n\t\t\t\t\t\t\t\t\t\t\t\t: '[&:read-only:not(:disabled)]:bg-muted',\n\t\t\t\t\t\t\t\t\t\t// Dynamic padding\n\t\t\t\t\t\t\t\t\t\tinputPaddingClasses,\n\t\t\t\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\tdisabled={props.disabled || loading}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Start Icon */}\n\t\t\t\t\t\t{!!StartIcon && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center',\n\t\t\t\t\t\t\t\t\t\t\t\tsize === 'sm' ? 'ps-control-sm' : 'ps-control',\n\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled && 'opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\thasError ? 'text-destructive' : 'text-muted-foreground'\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<StartIcon className={formControlIconClasses[size]} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* Start Add-on */}\n\t\t\t\t\t\t{!!startAddon && (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center',\n\t\t\t\t\t\t\t\t\t\t\t\tsize === 'sm' ? 'ps-control-sm' : 'ps-control',\n\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled && 'opacity-50',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tref={leadingRef}\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tsize={size === 'sm' ? 'pxs' : 'sm'}\n\t\t\t\t\t\ttype={hasError ? 'error' : 'secondary'}\n\t\t\t\t\t\tlineHeight=\"tight\"\n\t\t\t\t\t\tclassName=\"input--start-addon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{startAddon}\n\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{(showEndIcon || showEndAddon || showCount || showLoadingSpinner || showClearButton || trailingAction) && (\n\t\t\t\t\t\t\t<div ref={trailingRef} className={cn('input--trailing absolute inset-y-0 flex items-center gap-space-sm whitespace-nowrap', fieldAffordanceRecipes.clearEnd[size],\n\t\t\t\t\t\t\t\tprops.disabled && 'opacity-50')}>\n\t\t\t\t\t\t\t\t{showEndIcon && EndIcon && <EndIcon className={cn('pointer-events-none', formControlIconClasses[size], hasError ? 'text-destructive' : 'text-muted-foreground')} aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t{showEndAddon && <Text tag=\"span\" size={size === 'sm' ? 'pxs' : 'sm'} type={hasError ? 'error' : 'secondary'} lineHeight=\"tight\" className=\"input--end-addon pointer-events-none\">{endAddon}</Text>}\n\t\t\t\t\t\t\t\t{showCount && <div role=\"status\" aria-live=\"polite\" className=\"pointer-events-none tabular-nums\">\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size={size === 'sm' ? 'xxs' : 'xs'} type={hasError ? 'error' : 'secondary'}>{characterCount}{hasCharacterLimit ? `/${maxLength}` : ''}</Text>\n\t\t\t\t\t\t\t\t</div>}\n\t\t\t\t\t\t\t\t{showLoadingSpinner && <Loader2Icon className={cn(formControlIconClasses[size], 'pointer-events-none animate-spin', hasError ? 'text-destructive' : 'text-muted-foreground')} aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t{showClearButton && <FieldClearButton aria-label={strings.clear} onClick={handleClear} disabled={props.disabled || props.readOnly || loading} />}\n\t\t\t\t\t\t\t\t{trailingAction}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t);\n}\n\n// forwardRef + memo (needed for callers that require refs, e.g. segmented inputs)\nconst Input = memo(React.forwardRef<HTMLInputElement, InputProps>(InputImpl));\nInput.displayName = 'Input';\n\nexport { Input };\n"],"mappings":"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"}

package/dist/{input-CZw8iU99.js → input-DOPL5_QE.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-BRhFDwuU.js";
-import { t } from "./affordance-geometry.generated-tF36bREk.js";
+import { t as e } from "./utils-CF3c95Io.js";
+import { t } from "./affordance-geometry.generated-B8yGOr8-.js";
 import { t as n } from "./field-state-recipes-BVA2CWHo.js";
 import { t as r } from "./editable-text-recipe-Cn61kEcv.js";
 import "react";
@@ -18,4 +18,4 @@ function o({ className: o, type: s, ...c }) {
 //#endregion
 export { o as t };
 
-//# sourceMappingURL=input-CZw8iU99.js.map
+//# sourceMappingURL=input-DOPL5_QE.js.map

package/dist/{input-CZw8iU99.js.map → input-DOPL5_QE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-CZw8iU99.js","names":["Input","InputPrimitive","cn","fieldStateRecipes","editableTextSizeClasses","Input$1","props","Input","affordanceGeometry","type","className"],"sources":["../src/components/ui/input.tsx"],"sourcesContent":["import { fieldStateRecipes } from '../../lib/field-state-recipes';\nimport { editableTextSizeClasses } from '../../lib/editable-text-recipe';\nimport { affordanceGeometry } from '../../lib/affordance-geometry.generated';\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"box-border font-sans border-input h-control rounded-inner border bg-transparent px-control shadow-none transition-[color,box-shadow] file:box-border file:h-control-file file:py-0 file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        affordanceGeometry.controlTextMinHeight,\n        affordanceGeometry.controlBlockPadding.md,\n        type === 'file' && affordanceGeometry.rawFileField.minHeight,\n        type === 'file' && affordanceGeometry.rawFileField.blockPadding.md,\n        affordanceGeometry.rawFileField.buttonMinHeight,\n        editableTextSizeClasses.md,\n        fieldStateRecipes.focus,\n        fieldStateRecipes.invalid,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;;;;AAQA,SAASA,EAAM,EAAE,cAAW,SAAM,GAAGM,KAAwC;CAC3E,OACE,kBAACL,GAAD;EACQ;EACN,aAAU;EACV,WAAWC,EACT,uaACAM,EAAmB,sBACnBA,EAAmB,oBAAoB,IACvCC,MAAS,UAAUD,EAAmB,aAAa,WACnDC,MAAS,UAAUD,EAAmB,aAAa,aAAa,IAChEA,EAAmB,aAAa,iBAChCJ,EAAwB,IACxBD,EAAkB,OAClBA,EAAkB,SAClBO,CACF;EACA,GAAIJ;CACL,CAAA;AAEL"}
+{"version":3,"file":"input-DOPL5_QE.js","names":["Input","InputPrimitive","cn","fieldStateRecipes","editableTextSizeClasses","Input$1","props","Input","affordanceGeometry","type","className"],"sources":["../src/components/ui/input.tsx"],"sourcesContent":["import { fieldStateRecipes } from '../../lib/field-state-recipes';\nimport { editableTextSizeClasses } from '../../lib/editable-text-recipe';\nimport { affordanceGeometry } from '../../lib/affordance-geometry.generated';\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"box-border font-sans border-input h-control rounded-inner border bg-transparent px-control shadow-none transition-[color,box-shadow] file:box-border file:h-control-file file:py-0 file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        affordanceGeometry.controlTextMinHeight,\n        affordanceGeometry.controlBlockPadding.md,\n        type === 'file' && affordanceGeometry.rawFileField.minHeight,\n        type === 'file' && affordanceGeometry.rawFileField.blockPadding.md,\n        affordanceGeometry.rawFileField.buttonMinHeight,\n        editableTextSizeClasses.md,\n        fieldStateRecipes.focus,\n        fieldStateRecipes.invalid,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;;;;AAQA,SAASA,EAAM,EAAE,cAAW,SAAM,GAAGM,KAAwC;CAC3E,OACE,kBAACL,GAAD;EACQ;EACN,aAAU;EACV,WAAWC,EACT,uaACAM,EAAmB,sBACnBA,EAAmB,oBAAoB,IACvCC,MAAS,UAAUD,EAAmB,aAAa,WACnDC,MAAS,UAAUD,EAAmB,aAAa,aAAa,IAChEA,EAAmB,aAAa,iBAChCJ,EAAwB,IACxBD,EAAkB,OAClBA,EAAkB,SAClBO,CACF;EACA,GAAIJ;CACL,CAAA;AAEL"}