themelia-react-ui 1.0.2 → 2.0.1

package/dist/input-SX9V0AL3.js

@@ -1,255 +0,0 @@
-"use client";
-import { s as e } from "./ui-provider-DRPn3qNl.js";
-import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-BvH9PSmq.js";
-import { a as r } from "./typography-BxQgiZyw.js";
-import { t as i } from "./field-state-recipes-DQQpiLWC.js";
-import { t as a } from "./field-affordance-recipes-uKY4MsZ_.js";
-import { t as o } from "./editable-text-recipe-Bkm6wKHp.js";
-import { i as s, l as c, n as ee, o as l, p as u, r as d, s as f, t as p, u as m } from "./form-sizing-QP8aIRaW.js";
-import * as h from "react";
-import { createContext as g, memo as _, useCallback as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { CircleXIcon as te, Loader2Icon as ne } from "lucide-react";
-//#region src/components/base/text-inputs/hooks/use-form-field-state.ts
-function T({ controlledValue: e, defaultValue: t, maxLength: n, showCharacterCount: r, providedId: i, idPrefix: a = "field", hasOnChange: o }) {
-	let s = y(), c = i || `${a}${s}`, [ee, l] = S(t || ""), u = e !== void 0, d = (u ? e : ee) ?? "", f = !(!o || u || t), p = d.length, m = n !== void 0, h = r !== !1 && !!(r || m), g = d !== "", _ = v((e) => m && e.length > n, [m, n]), x = v((e) => !_(e) && (u || l(e), !0), [u, _]), C = v(() => {
-		u || l("");
-	}, [u]);
-	return b(() => ({
-		id: c,
-		value: d,
-		isControlled: u,
-		isReactHookForm: f,
-		characterCount: p,
-		hasCharacterLimit: m,
-		showCount: h,
-		hasValue: g,
-		updateValue: x,
-		clearValue: C,
-		wouldExceedLimit: _
-	}), [
-		c,
-		d,
-		u,
-		f,
-		p,
-		m,
-		h,
-		g,
-		x,
-		C,
-		_
-	]);
-}
-//#endregion
-//#region src/components/base/text-inputs/clear-native-field.ts
-function E(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 D = g(null), O = { clear: "Clear input" }, re = (e, t, n) => {
-	let r = e || "";
-	return t && r && (r = t + r), n && r && (r += n), r;
-};
-function k({ className: g, type: _ = "text", startIcon: y, endIcon: S, startAddon: k, endAddon: A, maxLength: j, showCharacterCount: ie, clearable: ae, onClear: oe, loading: M = !1, returnValueWithAddons: N, invalid: se, size: ce, onChange: P, value: le, defaultValue: ue, id: de, strings: fe, ...F }, I) {
-	let L = x(null), R = h.useContext(D), z = x(null), B = x(null), [V, H] = h.useState(), [U, W] = h.useState(), pe = t(O, fe), { defaultScale: me } = e(), G = u(ce, me), he = v((e) => {
-		typeof I == "function" ? I(e) : I && (I.current = e), L.current = e;
-	}, [I]), { id: ge, value: _e, isReactHookForm: ve, characterCount: ye, hasCharacterLimit: be, showCount: K, hasValue: xe, updateValue: Se, clearValue: q, wouldExceedLimit: Ce } = T({
-		controlledValue: le,
-		defaultValue: ue,
-		maxLength: j,
-		showCharacterCount: ie,
-		providedId: de,
-		idPrefix: "input",
-		hasOnChange: P !== void 0
-	}), we = !!ae, J = M, Te = !!S, Ee = !!A, De = _ === "file", Y = !!se, X = we && xe && !K && !J, Z = J && !K, Q = Te && !X && !K && !J, $ = Ee && !X && !K && !J;
-	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 && W(e);
-			} else W(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);
-		};
-	}, [
-		G,
-		ye,
-		j,
-		k,
-		A,
-		Q,
-		$,
-		X,
-		K,
-		Z,
-		R
-	]);
-	let Oe = b(() => {
-		let e = G === "sm" ? "ps-control-sm" : "ps-control", t = G === "sm" ? "pe-control-sm" : "pe-control";
-		return y && (e = f[G]), k && (e = p[G]), k && U !== void 0 && (e = a.measuredStartPadding[G]), Q && (t = s[G]), $ && (t = d[G]), J && (t = s[G]), X && (t = a.clearPadding[G]), K && (t = ee[G]), R && (t = K ? a.pairedCountPadding[G] : X ? a.pairedClearPadding[G] : $ ? a.pairedAddonPadding[G] : Q || Z ? a.pairedIconPadding[G] : a.clearPadding[G]), V !== void 0 && (t = a.measuredPadding[G]), `${e} ${t}`;
-	}, [
-		y,
-		k,
-		Q,
-		$,
-		X,
-		Z,
-		J,
-		K,
-		R,
-		V,
-		U,
-		G
-	]), ke = v((e) => {
-		let t = e.target.value;
-		if (!Ce(t) && (Se(t), P)) {
-			if (N && t) {
-				let n = re(t, k, A);
-				P({
-					...e,
-					target: {
-						...e.target,
-						value: n
-					},
-					currentTarget: {
-						...e.currentTarget,
-						value: n
-					}
-				});
-			} else P(e);
-		}
-	}, [
-		P,
-		N,
-		k,
-		A,
-		Se,
-		Ce
-	]), Ae = v(() => {
-		if (F.disabled || F.readOnly || M) return;
-		let e = L.current;
-		if (e?.type === "color" || e?.type === "range") {
-			q();
-			let t = {
-				value: "",
-				name: e.name,
-				id: e.id,
-				type: e.type
-			};
-			P?.({
-				target: t,
-				currentTarget: t
-			});
-		} else e && E(e);
-		oe?.(), L.current?.focus();
-	}, [
-		F.disabled,
-		F.readOnly,
-		M,
-		q,
-		P,
-		oe
-	]);
-	return /* @__PURE__ */ w("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__ */ C("input", {
-				ref: he,
-				id: ge,
-				type: _,
-				...!ve && { value: _e },
-				onChange: ke,
-				maxLength: j,
-				"aria-invalid": Y || void 0,
-				className: n("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input box-border flex w-full min-w-0 rounded-inner border", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", m[G], o[G], c[G], "file:inline-flex file:h-control-file file:border file:bg-transparent file:px-control file:font-medium", "file:text-pxs", De ? "cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-inner file:border-input file:bg-background file:text-foreground" : "bg-transparent", i.focus, i.invalid, De ? "read-only:bg-background" : "read-only:bg-muted", Oe, g),
-				...F,
-				disabled: F.disabled || M
-			}),
-			!!y && /* @__PURE__ */ C("div", {
-				className: n("pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center", G === "sm" ? "ps-control-sm" : "ps-control", F.disabled && "opacity-50", Y ? "text-destructive" : "text-muted-foreground/80"),
-				children: /* @__PURE__ */ C(y, {
-					className: l[G],
-					"aria-hidden": "true"
-				})
-			}),
-			!!k && /* @__PURE__ */ C("span", {
-				className: n("pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center", G === "sm" ? "ps-control-sm" : "ps-control", F.disabled && "opacity-50"),
-				children: /* @__PURE__ */ C(r, {
-					ref: B,
-					tag: "span",
-					size: G === "sm" ? "pxs" : "sm",
-					type: Y ? "error" : "secondary",
-					lineHeight: "tight",
-					className: "input--start-addon",
-					children: k
-				})
-			}),
-			(Q || $ || K || Z || X || R) && /* @__PURE__ */ w("div", {
-				ref: z,
-				className: n("input--trailing absolute inset-y-0 flex items-center gap-space-sm whitespace-nowrap", a.clearEnd[G]),
-				children: [
-					Q && S && /* @__PURE__ */ C(S, {
-						className: n("pointer-events-none", l[G], Y ? "text-destructive" : "text-muted-foreground"),
-						"aria-hidden": "true"
-					}),
-					$ && /* @__PURE__ */ C(r, {
-						tag: "span",
-						size: G === "sm" ? "pxs" : "sm",
-						type: Y ? "error" : "secondary",
-						lineHeight: "tight",
-						className: "input--end-addon pointer-events-none",
-						children: A
-					}),
-					K && /* @__PURE__ */ C("div", {
-						role: "status",
-						"aria-live": "polite",
-						className: "pointer-events-none tabular-nums",
-						children: /* @__PURE__ */ w(r, {
-							tag: "span",
-							size: G === "sm" ? "xxs" : "xs",
-							type: Y ? "error" : "secondary",
-							children: [ye, be ? `/${j}` : ""]
-						})
-					}),
-					Z && /* @__PURE__ */ C(ne, {
-						className: n(l[G], "pointer-events-none animate-spin", Y ? "text-destructive" : "text-muted-foreground"),
-						"aria-hidden": "true"
-					}),
-					X && /* @__PURE__ */ C("button", {
-						type: "button",
-						className: n(a.target, a.focus, a.clear),
-						"aria-label": pe.clear,
-						onClick: Ae,
-						disabled: F.disabled || F.readOnly || M,
-						children: /* @__PURE__ */ C(te, {
-							className: a.icon,
-							"aria-hidden": "true"
-						})
-					}),
-					R
-				]
-			})
-		]
-	});
-}
-var A = _(h.forwardRef(k));
-A.displayName = "Input";
-//#endregion
-export { T as a, E as i, O as n, D as r, A as t };
-
-//# sourceMappingURL=input-SX9V0AL3.js.map

package/dist/input-SX9V0AL3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-SX9V0AL3.js","names":["React","useDensityConfig","cn","Text","fieldStateRecipes","fieldAffordanceRecipes","editableTextSizeClasses","formControlEndIconOffsetClasses","formControlPaddingClasses","formControlCountOffsetClasses","formControlIconClasses","resolveFormControlSize","formControlEndAddonOffsetClasses","formControlIconOffsetClasses","formControlAddonOffsetClasses","formControlSizeClasses","React$1","useFormFieldState","reactId","useId","id","providedId","idPrefix","internalValue","setInternalValue","useState","defaultValue","isControlled","controlledValue","value","isReactHookForm","characterCount","hasCharacterLimit","maxLength","showCount","showCharacterCount","hasValue","wouldExceedLimit","useCallback","newValue","updateValue","clearValue","useMemo","clearNativeField","setValue","field","InputTrailingActionContext","createContext","defaultInputStrings","getValueWithAddons","result","startAddon","endAddon","InputImpl","StartIcon","EndIcon","sizeProp","stringsProp","props","inputRef","useRef","trailingAction","trailingRef","leadingRef","trailingWidth","setTrailingWidth","leadingWidth","setLeadingWidth","strings","useStrings","size","defaultScale","setRefs","forwardedRef","node","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","returnValueWithAddons","valueWithAddons","handleClear","nativeField","target","onClear","className","Loader2Icon","CircleXIcon","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/input.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useId } from 'react';\n\nexport interface UseFormFieldStateOptions {\n\t/** Controlled value from parent */\n\tcontrolledValue?: string;\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\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 = controlledValue !== undefined;\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 { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { fieldAffordanceRecipes } from '../../../lib/field-affordance-recipes';\nimport { editableTextSizeClasses } from '../../../lib/editable-text-recipe';\nimport { CircleXIcon, 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\tformControlPaddingClasses,\n\t\tformControlSizeClasses,\n\t\tresolveFormControlSize,\n} from '../forms/form-sizing';\nimport { useFormFieldState } from './hooks';\nimport { clearNativeField } from './clear-native-field';\nimport { InputTrailingActionContext } from './input-trailing-action';\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'> {\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/** Controlled raw string value. */\n\t\tvalue?: string;\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\t{\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\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tid: providedId,\n\t\tstrings: stringsProp,\n\t\t...props\n\t}: InputProps,\n\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\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\tisReactHookForm,\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\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\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, 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\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, 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{...(!isReactHookForm && { value: inputValue })}\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// Base styles\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'border-input box-border flex w-full min-w-0 rounded-inner border',\n\t\t\t\t\t\t\t\t\t\t'transition-[color,box-shadow] outline-none',\n\t\t\t\t\t\t\t\t\t\t'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t\t\t\t\t\tformControlSizeClasses[size],\n\t\t\t\t\t\t\t\t\t\teditableTextSizeClasses[size],\n\t\t\t\t\t\t\t\t\t\tformControlPaddingClasses[size],\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:inline-flex file:h-control-file file:border file:bg-transparent file:px-control 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\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// Focus styles\n\t\t\t\t\t\t\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\t\t\t\t\t\t\t// Validation belongs to the frame, not the editable value\n\t\t\t\t\t\t\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\t\t\t\t\t\t// Read-only styles\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: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/80'\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\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 && <button type=\"button\" className={cn(fieldAffordanceRecipes.target, fieldAffordanceRecipes.focus, fieldAffordanceRecipes.clear)} aria-label={strings.clear} onClick={handleClear} disabled={props.disabled || props.readOnly || loading}>\n\t\t\t\t\t\t\t\t\t<CircleXIcon className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</button>}\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/item-DE4YnuJx.js

@@ -1,258 +0,0 @@
-"use client";
-import { _ as e, l as t, s as n } from "./ui-provider-DRPn3qNl.js";
-import { t as r } from "./utils-BvH9PSmq.js";
-import { t as i } from "./separator-BhtFyo4x.js";
-import { a } from "./typography-BxQgiZyw.js";
-import { n as o } from "./icon-size-B6PVwjbC.js";
-import { t as s } from "./row-recipes-DL8n7t_b.js";
-import { forwardRef as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { mergeProps as f } from "@base-ui/react/merge-props";
-import { useRender as p } from "@base-ui/react/use-render";
-import { cva as m } from "class-variance-authority";
-//#region src/components/ui/item.tsx
-function h({ className: e, ...t }) {
-	return /* @__PURE__ */ u("div", {
-		role: "list",
-		"data-slot": "item-group",
-		className: r("group/item-group flex w-full flex-col", e),
-		...t
-	});
-}
-function g({ className: e, ...t }) {
-	return /* @__PURE__ */ u(i, {
-		"data-slot": "item-separator",
-		orientation: "horizontal",
-		className: r("my-space-md", e),
-		...t
-	});
-}
-var _ = m("group/item flex w-full flex-wrap items-center rounded-inner border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring [a]:transition-colors [a]:hover:bg-muted", {
-	variants: {
-		variant: {
-			default: "border-transparent",
-			outline: "border-border",
-			muted: "border-transparent bg-muted/50"
-		},
-		size: {
-			default: r("gap-space-lg px-row-x", s.comfortable),
-			sm: r("gap-space-lg px-row-x", s.default),
-			xs: r("gap-space-md px-row-x in-data-[slot=dropdown-menu-content]:p-0", s.compact)
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function v({ className: e, variant: t = "default", size: n = "default", render: i, ...a }) {
-	return p({
-		defaultTagName: "div",
-		props: f({ className: r(_({
-			variant: t,
-			size: n,
-			className: e
-		})) }, a),
-		render: i,
-		state: {
-			slot: "item",
-			variant: t,
-			size: n
-		}
-	});
-}
-var y = m("flex shrink-0 items-center justify-center gap-space-md group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "[&_svg:not([class*='size-'])]:size-4",
-		image: "size-10 overflow-hidden rounded-inner group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-inner [&_img]:size-full [&_img]:object-cover"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function b({ className: e, variant: t = "default", ...n }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "item-media",
-		"data-variant": t,
-		className: r(y({
-			variant: t,
-			className: e
-		})),
-		...n
-	});
-}
-function x({ className: e, ...t }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "item-content",
-		className: r("flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none", e),
-		...t
-	});
-}
-function S({ className: e, ...t }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "item-title",
-		className: r("line-clamp-1 flex w-fit items-center gap-space-md text-sm leading-snug font-medium underline-offset-4", e),
-		...t
-	});
-}
-function C({ className: e, ...t }) {
-	return /* @__PURE__ */ u("p", {
-		"data-slot": "item-description",
-		className: r("m-0 line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e),
-		...t
-	});
-}
-function w({ className: e, ...t }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "item-actions",
-		className: r("flex items-center", e),
-		...t
-	});
-}
-function T({ className: e, ...t }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "item-header",
-		className: r("flex basis-full items-center justify-between gap-space-md", e),
-		...t
-	});
-}
-function E({ className: e, ...t }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "item-footer",
-		className: r("flex basis-full items-center justify-between gap-space-md", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/item/item.tsx
-var D = c(function(i, a) {
-	let o = "title" in i, { size: c, density: f = "default", variant: p, padding: m = "none", textGap: h = "dense", render: g, className: _, children: y, media: b, mediaVariant: x, title: S, description: C, trailing: w, actions: T, titleBold: E, descriptionClamp: D, ...O } = i, { defaultVariant: k = "default" } = t(), { defaultScale: N } = n(), P = e(c, N), I = P === "sm" ? "xs" : "sm", R = p ?? k, z = P === "sm" ? "text-pxs" : P === "lg" ? "text-base" : "text-sm", B = m === "default" ? "px-row-x" : "px-0", V = o ? /* @__PURE__ */ d(l, { children: [
-		b == null ? null : /* @__PURE__ */ u(A, {
-			variant: x,
-			children: b
-		}),
-		/* @__PURE__ */ d(j, {
-			textGap: h,
-			className: "basis-48",
-			children: [/* @__PURE__ */ u(F, {
-				bold: E,
-				children: S
-			}), C == null ? null : /* @__PURE__ */ u(L, {
-				clamp: D,
-				children: C
-			})]
-		}),
-		w != null || T != null ? /* @__PURE__ */ d(M, { children: [w, T] }) : null
-	] }) : y;
-	return /* @__PURE__ */ u(v, {
-		ref: a,
-		size: I,
-		variant: R,
-		render: g,
-		className: r("item--component box-border font-sans gap-space-lg rounded-inner", s[f], B, z, _),
-		...O,
-		children: V
-	});
-});
-D.displayName = "Item";
-var O = c(function({ className: e, role: t, ...n }, i) {
-	return /* @__PURE__ */ u(h, {
-		ref: i,
-		role: t,
-		className: r("item-group--component gap-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm", e),
-		...n
-	});
-});
-O.displayName = "ItemGroup";
-var k = c(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ u(g, {
-		ref: n,
-		className: r("item--separator", e),
-		...t
-	});
-});
-k.displayName = "ItemSeparator";
-var A = c(function({ variant: e = "default", className: t, ...n }, i) {
-	let a = e === "image" || e === "avatar" ? "image" : "default", s = e === "icon" ? r(o.md, "group-data-[size=xs]/item:[&_svg:not([class*='size-'])]:size-icon-sm") : void 0;
-	return /* @__PURE__ */ u(b, {
-		ref: i,
-		variant: a,
-		className: r("item--media", "group-has-data-[slot=item-description]/item:translate-y-0", s, e === "avatar" ? "rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full" : void 0, t),
-		...n
-	});
-});
-A.displayName = "ItemMedia";
-var j = c(function({ className: e, textGap: t = "dense", ...n }, i) {
-	return /* @__PURE__ */ u(x, {
-		ref: i,
-		className: r("item--content min-w-0", t === "dense" ? "gap-dense group-data-[size=xs]/item:gap-dense" : "gap-normal group-data-[size=xs]/item:gap-normal", e),
-		...n
-	});
-});
-j.displayName = "ItemContent";
-var M = c(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ u(w, {
-		ref: n,
-		className: r("item--actions max-w-full flex-wrap shrink-0 gap-space-xs", e),
-		...t
-	});
-});
-M.displayName = "ItemActions";
-var N = c(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ u(T, {
-		ref: n,
-		className: r("item--header", e),
-		...t
-	});
-});
-N.displayName = "ItemHeader";
-var P = c(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ u(E, {
-		ref: n,
-		className: r("item--footer", e),
-		...t
-	});
-});
-P.displayName = "ItemFooter";
-var F = c(function({ bold: e = !0, className: t, children: n, ...i }, o) {
-	let s = typeof n == "string" || typeof n == "number" || typeof n == "bigint";
-	return /* @__PURE__ */ u(S, {
-		ref: o,
-		className: r("item--title min-w-0 max-w-full overflow-hidden m-0 text-inherit [&>p]:m-0 [&>p]:text-left", t),
-		...i,
-		children: s ? /* @__PURE__ */ u(a, {
-			tag: "span",
-			size: "inherit",
-			weight: e ? "semibold" : "regular",
-			lineHeight: "tight",
-			className: "text-inherit",
-			children: n
-		}) : n
-	});
-});
-F.displayName = "ItemTitle";
-var I = {
-	1: "line-clamp-1",
-	2: "line-clamp-2",
-	3: "line-clamp-3",
-	4: "line-clamp-4",
-	none: "line-clamp-none"
-}, L = c(function({ clamp: e = 2, className: t, children: n, ...i }, o) {
-	let s = typeof n == "string" || typeof n == "number" || typeof n == "bigint";
-	return /* @__PURE__ */ u(C, {
-		ref: o,
-		className: r("item--description", "m-0", !s && "text-xs text-muted-foreground leading-tight", I[e], t),
-		...i,
-		children: s ? /* @__PURE__ */ u(a, {
-			tag: "span",
-			size: "xs",
-			type: "secondary",
-			lineHeight: "tight",
-			children: n
-		}) : n
-	});
-});
-L.displayName = "ItemDescription";
-//#endregion
-export { P as a, A as c, L as i, k as l, M as n, O as o, j as r, N as s, D as t, F as u };
-
-//# sourceMappingURL=item-DE4YnuJx.js.map

package/dist/item-DE4YnuJx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-DE4YnuJx.js","names":["ItemGroup","ItemSeparator","Item","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter","_Fragment","BaseItem","BaseItemGroup","BaseItemSeparator","BaseItemMedia","BaseItemContent","BaseItemActions","BaseItemHeader","BaseItemFooter","BaseItemTitle","BaseItemDescription","resolveComponentScale","useItemConfig","useDensityConfig","cn","Separator","ICON_DESCENDANT_SIZE_CLASSNAMES","rowBlockPaddingClasses","Fragment$1","ItemGroup$1","props","className","ItemSeparator$1","itemVariants","cva","Item$1","useRender","mergeProps","itemMediaVariants","ItemMedia$1","variant","ItemContent$1","ItemTitle$1","ItemDescription$1","ItemActions$1","ItemHeader$1","ItemFooter$1","Item","forwardRef","convenienceMode","itemProps","resolvedSize","size","defaultScale","primitiveSize","resolvedVariant","defaultVariant","textSizeClass","paddingClass","padding","resolvedChildren","media","ItemMedia","mediaVariant","ItemContent","ItemTitle","titleBold","title","description","ItemDescription","descriptionClamp","trailing","actions","ItemActions","children","density","ItemGroup","ItemSeparator","baseVariant","iconClass","textGap","ItemHeader","ItemFooter","isSimpleText","Text","bold","CLAMP_CLASS","clamp"],"sources":["../src/components/ui/item.tsx","../src/components/base/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { rowBlockPaddingClasses } from \"../../lib/row-recipes\"\nimport { Separator } from \"./separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-space-md\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-inner border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: cn(\"gap-space-lg px-row-x\", rowBlockPaddingClasses.comfortable),\n        sm: cn(\"gap-space-lg px-row-x\", rowBlockPaddingClasses.default),\n        xs: cn(\"gap-space-md px-row-x in-data-[slot=dropdown-menu-content]:p-0\", rowBlockPaddingClasses.compact),\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-space-md group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-inner group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-inner [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-space-md text-sm leading-snug font-medium underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"m-0 line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-space-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-space-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n","/**\n * Item — base wrapper around the shadcn `Item` primitive.\n *\n * Why this wrapper exists (rules 1, 8, 12, 17):\n *   - Resolves `size` and `variant` against `<UIProvider>` (`useItemConfig()`),\n *     so consumers set library-wide density once.\n *   - Routes `ItemTitle` / `ItemDescription` text through our `<Text>` typography\n *     so a title is always `weight=\"semibold\"` and secondary copy follows the\n *     shared control/display tokens — no rogue `<div className=\"text-sm font-medium\">`\n *     blobs at call sites.\n *   - Re-exports every compound part untouched, so `<Item>` keeps working as a\n *     drop-in replacement for hand-rolled \"icon-left + text-stack + actions\" rows.\n *\n * Layer rule: import from `@/components/base/item`, never from `@/components/ui/item`.\n */\nimport { forwardRef, type ComponentRef } from 'react';\n\nimport {\n\tItem as BaseItem,\n\tItemActions as BaseItemActions,\n\tItemContent as BaseItemContent,\n\tItemDescription as BaseItemDescription,\n\tItemFooter as BaseItemFooter,\n\tItemGroup as BaseItemGroup,\n\tItemHeader as BaseItemHeader,\n\tItemMedia as BaseItemMedia,\n\tItemSeparator as BaseItemSeparator,\n\tItemTitle as BaseItemTitle,\n} from '../../ui/item';\nimport { ICON_DESCENDANT_SIZE_CLASSNAMES } from '../display/icon-size';\nimport { Text } from '../../typography';\nimport { useDensityConfig, useItemConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\n\nimport type {\n\tItemActionsProps,\n\tItemContentProps,\n\tItemDescriptionProps,\n\tItemFooterProps,\n\tItemGroupProps,\n\tItemHeaderProps,\n\tItemMediaProps,\n\tItemProps,\n\tItemTitleProps,\n} from './item.types';\n\nconst Item = forwardRef<ComponentRef<typeof BaseItem>, ItemProps>(function Item(\n\titemProps,\n\tref,\n) {\n\tconst convenienceMode = 'title' in itemProps;\n\tconst {\n\t\tsize,\n\t\tdensity = 'default',\n\t\tvariant,\n\t\tpadding = 'none',\n\t\ttextGap = 'dense',\n\t\trender,\n\t\tclassName,\n\t\tchildren,\n\t\tmedia,\n\t\tmediaVariant,\n\t\ttitle,\n\t\tdescription,\n\t\ttrailing,\n\t\tactions,\n\t\ttitleBold,\n\t\tdescriptionClamp,\n\t\t...props\n\t} = itemProps;\n\tconst { defaultVariant = 'default' } = useItemConfig();\n\tconst { defaultScale } = useDensityConfig();\n\tconst resolvedSize = resolveComponentScale(size, defaultScale);\n\tconst primitiveSize = resolvedSize === 'sm' ? 'xs' : 'sm';\n\tconst resolvedVariant = variant ?? defaultVariant;\n\tconst textSizeClass = resolvedSize === 'sm' ? 'text-pxs' : resolvedSize === 'lg' ? 'text-base' : 'text-sm';\n\tconst paddingClass = padding === 'default' ? 'px-row-x' : 'px-0';\n\tconst resolvedChildren = convenienceMode ? (\n\t\t<>\n\t\t\t{media != null ? <ItemMedia variant={mediaVariant}>{media}</ItemMedia> : null}\n\t\t\t<ItemContent textGap={textGap} className=\"basis-48\">\n\t\t\t\t<ItemTitle bold={titleBold}>{title}</ItemTitle>\n\t\t\t\t{description != null ? (\n\t\t\t\t\t<ItemDescription clamp={descriptionClamp}>{description}</ItemDescription>\n\t\t\t\t) : null}\n\t\t\t</ItemContent>\n\t\t\t{trailing != null || actions != null ? (\n\t\t\t\t<ItemActions>\n\t\t\t\t\t{trailing}\n\t\t\t\t\t{actions}\n\t\t\t\t</ItemActions>\n\t\t\t) : null}\n\t\t</>\n\t) : children;\n\treturn (\n\t\t<BaseItem\n\t\t\tref={ref}\n\t\t\tsize={primitiveSize}\n\t\t\tvariant={resolvedVariant}\n\t\t\trender={render}\n\t\t\tclassName={cn(\n\t\t\t\t'item--component box-border font-sans gap-space-lg rounded-inner',\n\t\t\t\trowBlockPaddingClasses[density],\n\t\t\t\tpaddingClass,\n\t\t\t\ttextSizeClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{resolvedChildren}\n\t\t</BaseItem>\n\t);\n});\nItem.displayName = 'Item';\n\nconst ItemGroup = forwardRef<ComponentRef<typeof BaseItemGroup>, ItemGroupProps>(function ItemGroup(\n\t{ className, role, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemGroup\n\t\t\tref={ref}\n\t\t\trole={role}\n\t\t\t// Flatten the primitive's size-aware gaps (sm→gap-2.5, xs→gap-2) to a\n\t\t\t// single tight gap-1.5; call sites can still override via className.\n\t\t\tclassName={cn('item-group--component gap-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemGroup.displayName = 'ItemGroup';\n\nconst ItemSeparator = forwardRef<\n\tComponentRef<typeof BaseItemSeparator>,\n\tParameters<typeof BaseItemSeparator>[0]\n>(function ItemSeparator({ className, ...props }, ref) {\n\treturn <BaseItemSeparator ref={ref} className={cn('item--separator', className)} {...props} />;\n});\nItemSeparator.displayName = 'ItemSeparator';\n\nconst ItemMedia = forwardRef<ComponentRef<typeof BaseItemMedia>, ItemMediaProps>(function ItemMedia(\n\t{ variant = 'default', className, ...props },\n\tref,\n) {\n\tconst baseVariant = variant === 'image' || variant === 'avatar' ? 'image' : 'default';\n\tconst iconClass =\n\t\tvariant === 'icon'\n\t\t\t? cn(\n\t\t\t\t\tICON_DESCENDANT_SIZE_CLASSNAMES.md,\n\t\t\t\t\t\"group-data-[size=xs]/item:[&_svg:not([class*='size-'])]:size-icon-sm\",\n\t\t\t\t)\n\t\t\t: undefined;\n\tconst avatarClass =\n\t\tvariant === 'avatar'\n\t\t\t? 'rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full'\n\t\t\t: undefined;\n\treturn (\n\t\t<BaseItemMedia\n\t\t\tref={ref}\n\t\t\tvariant={baseVariant}\n\t\t\tclassName={cn(\n\t\t\t\t'item--media',\n\t\t\t\t'group-has-data-[slot=item-description]/item:translate-y-0',\n\t\t\t\ticonClass,\n\t\t\t\tavatarClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemMedia.displayName = 'ItemMedia';\n\nconst ItemContent = forwardRef<ComponentRef<typeof BaseItemContent>, ItemContentProps>(function ItemContent(\n\t{ className, textGap = 'dense', ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemContent\n\t\t\tref={ref}\n\t\t\tclassName={cn('item--content min-w-0', textGap === 'dense' ? 'gap-dense group-data-[size=xs]/item:gap-dense' : 'gap-normal group-data-[size=xs]/item:gap-normal', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemContent.displayName = 'ItemContent';\n\nconst ItemActions = forwardRef<ComponentRef<typeof BaseItemActions>, ItemActionsProps>(function ItemActions(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemActions ref={ref} className={cn('item--actions max-w-full flex-wrap shrink-0 gap-space-xs', className)} {...props} />;\n});\nItemActions.displayName = 'ItemActions';\n\nconst ItemHeader = forwardRef<ComponentRef<typeof BaseItemHeader>, ItemHeaderProps>(function ItemHeader(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemHeader ref={ref} className={cn('item--header', className)} {...props} />;\n});\nItemHeader.displayName = 'ItemHeader';\n\nconst ItemFooter = forwardRef<ComponentRef<typeof BaseItemFooter>, ItemFooterProps>(function ItemFooter(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemFooter ref={ref} className={cn('item--footer', className)} {...props} />;\n});\nItemFooter.displayName = 'ItemFooter';\n\nconst ItemTitle = forwardRef<ComponentRef<typeof BaseItemTitle>, ItemTitleProps>(function ItemTitle(\n\t{ bold = true, className, children, ...props },\n\tref,\n) {\n\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\treturn (\n\t\t<BaseItemTitle\n\t\t\tref={ref}\n\t\t\tclassName={cn('item--title min-w-0 max-w-full overflow-hidden m-0 text-inherit [&>p]:m-0 [&>p]:text-left', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight={bold ? 'semibold' : 'regular'} lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</BaseItemTitle>\n\t);\n});\nItemTitle.displayName = 'ItemTitle';\n\nconst CLAMP_CLASS: Record<NonNullable<ItemDescriptionProps['clamp']>, string> = {\n\t1: 'line-clamp-1',\n\t2: 'line-clamp-2',\n\t3: 'line-clamp-3',\n\t4: 'line-clamp-4',\n\tnone: 'line-clamp-none',\n};\n\nconst ItemDescription = forwardRef<ComponentRef<typeof BaseItemDescription>, ItemDescriptionProps>(\n\tfunction ItemDescription({ clamp = 2, className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<BaseItemDescription\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'item--description',\n\t\t\t\t\t'm-0',\n\t\t\t\t\t!isSimpleText && 'text-xs text-muted-foreground leading-tight',\n\t\t\t\t\tCLAMP_CLASS[clamp],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</BaseItemDescription>\n\t\t);\n\t},\n);\nItemDescription.displayName = 'ItemDescription';\n\nexport {\n\tItem,\n\tItemGroup,\n\tItemSeparator,\n\tItemMedia,\n\tItemContent,\n\tItemTitle,\n\tItemDescription,\n\tItemActions,\n\tItemHeader,\n\tItemFooter,\n};\n"],"mappings":"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"}