themelia-react-ui 2.0.6 → 3.0.0

package/dist/{input-7KAc7XQL.js.map → input-DfJyrjoR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-7KAc7XQL.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-radius 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 leading-none\">\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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"}
+{"version":3,"file":"input-DfJyrjoR.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-radius 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 leading-none\">\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/{interaction-recipes-4wZ2tvfb.js → interaction-recipes-DmuS1ase.js}

@@ -1,4 +1,4 @@
-import { i as e } from "./surface-recipes-C8mNycaY.js";
+import { a as e } from "./surface-recipes-DV6rrOFq.js";
 //#region src/lib/interaction-recipes.ts
 var t = {
 	nativeButtonReset: "box-border m-0 border-0 bg-transparent p-0 font-sans",
@@ -22,4 +22,4 @@ var t = {
 //#endregion
 export { t };
 
-//# sourceMappingURL=interaction-recipes-4wZ2tvfb.js.map
+//# sourceMappingURL=interaction-recipes-DmuS1ase.js.map

package/dist/{interaction-recipes-4wZ2tvfb.js.map → interaction-recipes-DmuS1ase.js.map}

@@ -1 +1 @@
-{"version":3,"file":"interaction-recipes-4wZ2tvfb.js","names":["neutralFillRecipes","interactionRecipes"],"sources":["../src/lib/interaction-recipes.ts"],"sourcesContent":["import { neutralFillRecipes } from './surface-recipes';\n\n/**\n * Interaction fills, one recipe per element shape. The theme documents --accent as\n * the hover and selected-row fill and --muted as a passive region, so every\n * clickable row, toggle, table and segmented track agrees on what hover, selection\n * and the current location look like. Design lint rejects other interaction fills.\n */\nexport const interactionRecipes = {\n\t/**\n\t * A native `<button>` with its browser chrome removed: the package ships no\n\t * preflight, so every button that draws its own shape starts from this.\n\t */\n\tnativeButtonReset: 'box-border m-0 border-0 bg-transparent p-0 font-sans',\n\t/** Clickable rows (navigation, lists, trees, results, disclosure triggers) and ghost actions. */\n\trowHover: 'hover:bg-accent hover:text-accent-foreground',\n\t/** A selected or keyboard-highlighted row: the hover fill held. */\n\trowSelected: 'bg-accent text-accent-foreground',\n\t/** The current location: the selected fill plus medium weight, so a hover never reads as current. */\n\trowCurrent: 'bg-accent text-accent-foreground font-medium',\n\t/** Toggles show their pressed state by fill alone, so hover is the lighter muted fill. */\n\ttoggleHover: 'hover:bg-muted hover:text-foreground',\n\ttogglePressed: 'bg-accent text-accent-foreground',\n\t/** The toggle hover on a Button, whose complete hover selector would otherwise show the pressed fill. */\n\ttoggleHoverButton: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:text-foreground',\n\t/** Wide tabular rows stay quieter: stripe, hover and selection step up one tint at a time. */\n\ttableHead: neutralFillRecipes.band,\n\ttableStripe: neutralFillRecipes.wash,\n\ttableRowHover: 'hover:bg-muted/50',\n\ttableRowSelected: 'data-[state=selected]:bg-muted',\n\t/** Media and choice tiles: hover strengthens the resting edge to the control boundary; selection draws primary. */\n\ttileHover: 'hover:border-input',\n\t/** Segments on a muted track: the active one is lifted, the others change colour only. */\n\tsegmentActive: 'bg-card text-foreground shadow-sm',\n\tsegmentInactive: 'text-muted-foreground hover:text-foreground',\n\t/** The same inactive segment rendered by a ghost Button: its complete hover and press selectors are cleared too. */\n\tsegmentInactiveButton: 'text-muted-foreground hover:text-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-transparent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-transparent',\n\t/** The active segment rendered by a ghost Button stays lifted under hover and press instead of taking the Button's fill. */\n\tsegmentActiveButton: 'bg-card text-foreground shadow-sm hover:text-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-card [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-card',\n\t/** A solid Button marking the current location holds its fill: no hover or press filter. */\n\tcurrentButtonHold: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-100 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-100',\n} as const;\n"],"mappings":";;AAQA,IAAaC,IAAqB;CAKjC,mBAAmB;CAEnB,UAAU;CAEV,aAAa;CAEb,YAAY;CAEZ,aAAa;CACb,eAAe;CAEf,mBAAmB;CAEnB,WAAWD,EAAmB;CAC9B,aAAaA,EAAmB;CAChC,eAAe;CACf,kBAAkB;CAElB,WAAW;CAEX,eAAe;CACf,iBAAiB;CAEjB,uBAAuB;CAEvB,qBAAqB;CAErB,mBAAmB;AACpB"}
+{"version":3,"file":"interaction-recipes-DmuS1ase.js","names":["neutralFillRecipes","interactionRecipes"],"sources":["../src/lib/interaction-recipes.ts"],"sourcesContent":["import { neutralFillRecipes } from './surface-recipes';\n\n/**\n * Interaction fills, one recipe per element shape. The theme documents --accent as\n * the hover and selected-row fill and --muted as a passive region, so every\n * clickable row, toggle, table and segmented track agrees on what hover, selection\n * and the current location look like. Design lint rejects other interaction fills.\n */\nexport const interactionRecipes = {\n\t/**\n\t * A native `<button>` with its browser chrome removed: the package ships no\n\t * preflight, so every button that draws its own shape starts from this.\n\t */\n\tnativeButtonReset: 'box-border m-0 border-0 bg-transparent p-0 font-sans',\n\t/** Clickable rows (navigation, lists, trees, results, disclosure triggers) and ghost actions. */\n\trowHover: 'hover:bg-accent hover:text-accent-foreground',\n\t/** A selected or keyboard-highlighted row: the hover fill held. */\n\trowSelected: 'bg-accent text-accent-foreground',\n\t/** The current location: the selected fill plus medium weight, so a hover never reads as current. */\n\trowCurrent: 'bg-accent text-accent-foreground font-medium',\n\t/** Toggles show their pressed state by fill alone, so hover is the lighter muted fill. */\n\ttoggleHover: 'hover:bg-muted hover:text-foreground',\n\ttogglePressed: 'bg-accent text-accent-foreground',\n\t/** The toggle hover on a Button, whose complete hover selector would otherwise show the pressed fill. */\n\ttoggleHoverButton: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:text-foreground',\n\t/** Wide tabular rows stay quieter: stripe, hover and selection step up one tint at a time. */\n\ttableHead: neutralFillRecipes.band,\n\ttableStripe: neutralFillRecipes.wash,\n\ttableRowHover: 'hover:bg-muted/50',\n\ttableRowSelected: 'data-[state=selected]:bg-muted',\n\t/** Media and choice tiles: hover strengthens the resting edge to the control boundary; selection draws primary. */\n\ttileHover: 'hover:border-input',\n\t/** Segments on a muted track: the active one is lifted, the others change colour only. */\n\tsegmentActive: 'bg-card text-foreground shadow-sm',\n\tsegmentInactive: 'text-muted-foreground hover:text-foreground',\n\t/** The same inactive segment rendered by a ghost Button: its complete hover and press selectors are cleared too. */\n\tsegmentInactiveButton: 'text-muted-foreground hover:text-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-transparent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-transparent',\n\t/** The active segment rendered by a ghost Button stays lifted under hover and press instead of taking the Button's fill. */\n\tsegmentActiveButton: 'bg-card text-foreground shadow-sm hover:text-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-card [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-card',\n\t/** A solid Button marking the current location holds its fill: no hover or press filter. */\n\tcurrentButtonHold: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-100 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-100',\n} as const;\n"],"mappings":";;AAQA,IAAaC,IAAqB;CAKjC,mBAAmB;CAEnB,UAAU;CAEV,aAAa;CAEb,YAAY;CAEZ,aAAa;CACb,eAAe;CAEf,mBAAmB;CAEnB,WAAWD,EAAmB;CAC9B,aAAaA,EAAmB;CAChC,eAAe;CACf,kBAAkB;CAElB,WAAW;CAEX,eAAe;CACf,iBAAiB;CAEjB,uBAAuB;CAEvB,qBAAqB;CAErB,mBAAmB;AACpB"}

package/dist/item-GJ9mvCcg.js

@@ -0,0 +1,279 @@
+"use client";
+import { C as e, f as t, m as n } from "./ui-provider-Bu1S-o96.js";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { c as i, l as a } from "./typography-C0dELqYV.js";
+import { t as o } from "./text.styles-B64My8RZ.js";
+import { t as s } from "./focus-recipes-DSkiUvUp.js";
+import { t as c } from "./separator-KGsNXt2J.js";
+import { n as l } from "./icon-size-B6PVwjbC.js";
+import { a as u } from "./surface-recipes-DV6rrOFq.js";
+import { t as d } from "./row-recipes-DL8n7t_b.js";
+import { t as f } from "./composition.recipes-COdiFhxB.js";
+import { t as p } from "./interaction-recipes-DmuS1ase.js";
+import * as m from "react";
+import { forwardRef as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { cva as y } from "class-variance-authority";
+import { useRender as b } from "@base-ui/react/use-render";
+import { mergeProps as x } from "@base-ui/react/merge-props";
+//#region src/components/ui/item.tsx
+function S({ className: e, ...t }) {
+	return /* @__PURE__ */ _("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: r("group/item-group flex w-full flex-col", e),
+		...t
+	});
+}
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ _(c, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: r("my-space-md", e),
+		...t
+	});
+}
+var w = y(`group/item flex w-full flex-wrap items-center rounded-radius border text-sm transition-colors outline-none ${s.frame} [a]:transition-colors [a]:hover:bg-accent [a]:hover:text-accent-foreground`, {
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: `border-transparent ${u.band}`
+		},
+		size: {
+			default: r("gap-space-lg px-row-x", d.comfortable),
+			sm: r("gap-space-lg px-row-x", d.default),
+			xs: r("gap-space-md px-row-x in-data-[slot=dropdown-menu-content]:p-0", d.compact)
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), T = m.createContext(!1);
+function E(e) {
+	return m.useContext(T) ? "span" : e;
+}
+function D({ className: e, variant: t = "default", size: n = "default", render: i, ...a }) {
+	let o = m.isValidElement(i) && i.type === "button", s = b({
+		defaultTagName: "div",
+		props: x({ className: r(o && p.nativeButtonReset, o && "text-start", w({
+			variant: t,
+			size: n,
+			className: e
+		})) }, a),
+		render: i,
+		state: {
+			slot: "item",
+			variant: t,
+			size: n
+		}
+	});
+	return /* @__PURE__ */ _(T.Provider, {
+		value: i !== void 0,
+		children: s
+	});
+}
+var O = y("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-icon",
+		image: "size-10 overflow-hidden rounded-radius group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-radius [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function k({ className: e, variant: t = "default", ...n }) {
+	return b({
+		defaultTagName: E("div"),
+		props: x({ className: r(O({
+			variant: t,
+			className: e
+		})) }, n),
+		state: {
+			slot: "item-media",
+			variant: t
+		}
+	});
+}
+function A({ className: e, ...t }) {
+	return b({
+		defaultTagName: E("div"),
+		props: x({ className: r("flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none", e) }, t),
+		state: { slot: "item-content" }
+	});
+}
+function j({ className: e, ...t }) {
+	return b({
+		defaultTagName: E("div"),
+		props: x({ className: r("line-clamp-1 flex w-fit items-center gap-space-md text-sm leading-snug font-medium underline-offset-4", e) }, t),
+		state: { slot: "item-title" }
+	});
+}
+function M({ className: e, ...t }) {
+	return b({
+		defaultTagName: E("p"),
+		props: x({ className: r("m-0 line-clamp-2 text-start text-sm font-normal text-muted-foreground", e) }, t),
+		state: { slot: "item-description" }
+	});
+}
+function N({ className: e, ...t }) {
+	return b({
+		defaultTagName: E("div"),
+		props: x({ className: r("flex items-center", e) }, t),
+		state: { slot: "item-actions" }
+	});
+}
+function P({ className: e, ...t }) {
+	return b({
+		defaultTagName: E("div"),
+		props: x({ className: r("flex basis-full items-center justify-between gap-space-md", e) }, t),
+		state: { slot: "item-header" }
+	});
+}
+function F({ className: e, ...t }) {
+	return b({
+		defaultTagName: E("div"),
+		props: x({ className: r("flex basis-full items-center justify-between gap-space-md", e) }, t),
+		state: { slot: "item-footer" }
+	});
+}
+//#endregion
+//#region src/components/base/item/item.tsx
+var I = h(function(i, a) {
+	let o = "title" in i, { size: c, density: l = "default", variant: u, padding: f = "none", textGap: m = "dense", render: h, className: y, children: b, media: x, mediaVariant: S, title: C, description: w, trailing: T, actions: E, titleBold: O, descriptionClamp: k, ...A } = i, { defaultVariant: j = "default" } = n(), { defaultScale: M } = t(), N = e(c, M), P = N === "sm" ? "xs" : "sm", F = u ?? j, I = N === "sm" ? "text-pxs" : N === "lg" ? "text-base" : "text-sm", L = f === "default" ? "px-row-x" : f === "bleed" ? r("-mx-row-x w-auto px-row-x", p.rowHover) : "px-0", R = F === "default" && f === "none" ? "in-data-[slot=item-group]:first:pt-0 in-data-[slot=item-group]:last:pb-0" : void 0, H = F === "default" ? `border-0 ${s.edge}` : void 0, U = o ? /* @__PURE__ */ v(g, { children: [
+		x == null ? null : /* @__PURE__ */ _(z, {
+			variant: S,
+			children: x
+		}),
+		/* @__PURE__ */ v(B, {
+			textGap: m,
+			className: "basis-48",
+			children: [/* @__PURE__ */ _(W, {
+				bold: O,
+				children: C
+			}), w == null ? null : /* @__PURE__ */ _(K, {
+				clamp: k,
+				children: w
+			})]
+		}),
+		T != null || E != null ? /* @__PURE__ */ v(V, { children: [T, E] }) : null
+	] }) : b;
+	return /* @__PURE__ */ _(D, {
+		ref: a,
+		size: P,
+		variant: F,
+		render: h,
+		className: r("item--component box-border font-sans gap-space-lg rounded-radius", h !== void 0 && "text-inherit no-underline", d[l], L, R, H, I, y),
+		...A,
+		children: U
+	});
+});
+I.displayName = "Item";
+var L = h(function({ className: e, role: t, ...n }, i) {
+	return /* @__PURE__ */ _(S, {
+		ref: i,
+		role: t,
+		className: r("item-group--component gap-space-sm has-[>[data-slot=item][data-variant=default]]:not-has-[>[data-slot=item]:not([data-variant=default])]:gap-0", e),
+		...n
+	});
+});
+L.displayName = "ItemGroup";
+var R = h(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ _(C, {
+		ref: n,
+		className: r("item--separator", e),
+		...t
+	});
+});
+R.displayName = "ItemSeparator";
+var z = h(function({ variant: e = "default", className: t, ...n }, i) {
+	let a = e === "image" || e === "avatar" ? "image" : "default", o = e === "icon" ? r(l.md, "group-data-[size=xs]/item:[&_svg:not([class*='size-'])]:size-icon-sm") : void 0;
+	return /* @__PURE__ */ _(k, {
+		ref: i,
+		variant: a,
+		className: r("item--media", "group-has-data-[slot=item-description]/item:translate-y-0", o, e === "avatar" ? "rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full" : void 0, t),
+		...n
+	});
+});
+z.displayName = "ItemMedia";
+var B = h(function({ className: e, textGap: t = "dense", ...n }, i) {
+	return /* @__PURE__ */ _(A, {
+		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
+	});
+});
+B.displayName = "ItemContent";
+var V = h(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ _(N, {
+		ref: n,
+		className: r("item--actions max-w-full flex-wrap shrink-0", f.compactActions, e),
+		...t
+	});
+});
+V.displayName = "ItemActions";
+var H = h(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ _(P, {
+		ref: n,
+		className: r("item--header", e),
+		...t
+	});
+});
+H.displayName = "ItemHeader";
+var U = h(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ _(F, {
+		ref: n,
+		className: r("item--footer", e),
+		...t
+	});
+});
+U.displayName = "ItemFooter";
+var W = h(function({ bold: e = !0, className: t, children: n, ...s }, c) {
+	let l = typeof n == "string" || typeof n == "number" || typeof n == "bigint";
+	return /* @__PURE__ */ _(j, {
+		ref: c,
+		className: r("item--title min-w-0 max-w-full overflow-hidden m-0 text-inherit [&>p]:m-0 [&>p]:text-start", t),
+		...s,
+		children: l ? /* @__PURE__ */ _(i, {
+			...o.primary,
+			tag: "span",
+			size: "inherit",
+			weight: e ? "semibold" : "regular",
+			lineHeight: "tight",
+			className: "min-w-0 overflow-hidden text-ellipsis text-inherit",
+			children: n
+		}) : /* @__PURE__ */ _(a.Provider, {
+			value: !0,
+			children: n
+		})
+	});
+});
+W.displayName = "ItemTitle";
+var G = {
+	1: "line-clamp-1",
+	2: "line-clamp-2",
+	3: "line-clamp-3",
+	4: "line-clamp-4",
+	none: "line-clamp-none"
+}, K = h(function({ clamp: e = 2, className: t, children: n, ...s }, c) {
+	let l = typeof n == "string" || typeof n == "number" || typeof n == "bigint";
+	return /* @__PURE__ */ _(M, {
+		ref: c,
+		className: r("item--description", "m-0", !l && "text-xs text-muted-foreground leading-tight", G[e], !l && "[&_a]:w-fit [&_a]:max-w-full [&_a]:rounded-radius-xs [&_a]:outline-none [&_a]:box-decoration-clone [&_a]:transition-colors motion-reduce:[&_a]:transition-none [&_a]:text-inherit [&_a]:underline [&_a]:decoration-current [&_a]:underline-offset-[0.2em] [&_a:hover]:decoration-transparent [&_a:focus-visible]:outline-solid [&_a:focus-visible]:outline-1 [&_a:focus-visible]:outline-offset-0 [&_a:focus-visible]:outline-ring [&_a:focus-visible]:ring-3 [&_a:focus-visible]:ring-ring/50", t),
+		...s,
+		children: l ? /* @__PURE__ */ _(i, {
+			...o.supporting,
+			tag: "span",
+			lineHeight: "tight",
+			children: n
+		}) : /* @__PURE__ */ _(a.Provider, {
+			value: !0,
+			children: n
+		})
+	});
+});
+K.displayName = "ItemDescription";
+//#endregion
+export { U as a, z as c, K as i, R as l, V as n, L as o, B as r, H as s, I as t, W as u };
+
+//# sourceMappingURL=item-GJ9mvCcg.js.map

package/dist/item-GJ9mvCcg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-GJ9mvCcg.js","names":["ItemGroup","ItemSeparator","React","Item","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter","_Fragment","BaseItem","BaseItemGroup","BaseItemSeparator","BaseItemMedia","BaseItemContent","BaseItemActions","BaseItemHeader","BaseItemFooter","BaseItemTitle","BaseItemDescription","resolveComponentScale","useDensityConfig","useItemConfig","cn","Text","RunningTextContext","copyRoleProps","focusRecipes","Separator","ICON_DESCENDANT_SIZE_CLASSNAMES","neutralFillRecipes","rowBlockPaddingClasses","compositionClasses","interactionRecipes","React$1","Fragment$1","ItemGroup$1","props","className","ItemSeparator$1","itemVariants","cva","ItemPhrasingContext","usePartTagName","tagName","Item$1","nativeButton","render","element","useRender","mergeProps","itemMediaVariants","ItemMedia$1","ItemContent$1","ItemTitle$1","ItemDescription$1","ItemActions$1","ItemHeader$1","ItemFooter$1","Item","forwardRef","convenienceMode","itemProps","resolvedSize","size","defaultScale","primitiveSize","resolvedVariant","variant","defaultVariant","textSizeClass","paddingClass","padding","flushEdgeClass","borderClass","resolvedChildren","media","ItemMedia","mediaVariant","ItemContent","ItemTitle","titleBold","title","description","ItemDescription","descriptionClamp","trailing","actions","ItemActions","children","density","ItemGroup","ItemSeparator","baseVariant","iconClass","textGap","ItemHeader","ItemFooter","isSimpleText","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 } from \"class-variance-authority\"\nimport type { StrictVariantProps } from \"../../lib/variant-props\"\n\nimport { cn } from \"../../lib/utils\"\nimport { rowBlockPaddingClasses } from \"../../lib/row-recipes\"\nimport { Separator } from \"./separator\"\nimport { focusRecipes } from \"../../lib/focus-recipes\"\nimport { interactionRecipes } from \"../../lib/interaction-recipes\"\nimport { neutralFillRecipes } from \"../../lib/surface-recipes\"\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-radius border text-sm transition-colors outline-none ${focusRecipes.frame} [a]:transition-colors [a]:hover:bg-accent [a]:hover:text-accent-foreground`,\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: `border-transparent ${neutralFillRecipes.band}`,\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\n// An Item rendered as a button or link may hold phrasing content only, so its\n// parts render as spans there. Their classes set their display, so the layout\n// is the same either way.\nconst ItemPhrasingContext = React.createContext(false)\n\nfunction usePartTagName(tagName: \"div\" | \"p\") {\n  return React.useContext(ItemPhrasingContext) ? \"span\" : tagName\n}\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & StrictVariantProps<typeof itemVariants>) {\n  const nativeButton = React.isValidElement(render) && render.type === \"button\"\n  const element = useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          nativeButton && interactionRecipes.nativeButtonReset,\n          nativeButton && \"text-start\",\n          itemVariants({ variant, size, className }),\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n\n  return (\n    <ItemPhrasingContext.Provider value={render !== undefined}>\n      {element}\n    </ItemPhrasingContext.Provider>\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-icon\",\n        image:\n          \"size-10 overflow-hidden rounded-radius group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-radius [&_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\"> & StrictVariantProps<typeof itemMediaVariants>) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemMediaVariants({ variant, className })),\n      },\n      props\n    ),\n    state: { slot: \"item-media\", variant },\n  })\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-content\" },\n  })\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\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      },\n      props\n    ),\n    state: { slot: \"item-title\" },\n  })\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"p\"),\n    props: mergeProps<\"p\">(\n      {\n        className: cn(\n          \"m-0 line-clamp-2 text-start text-sm font-normal text-muted-foreground\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-description\" },\n  })\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"flex items-center\", className),\n      },\n      props\n    ),\n    state: { slot: \"item-actions\" },\n  })\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex basis-full items-center justify-between gap-space-md\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-header\" },\n  })\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex basis-full items-center justify-between gap-space-md\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-footer\" },\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 { RunningTextContext } from '../../typography/running-text';\nimport { descendantInlineLinkClassName } from '../../typography/text-link';\nimport { useDensityConfig, useItemConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport {compositionClasses} from '../structure/composition.recipes';\nimport {copyRoleProps} from '../../typography/text.styles';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-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' : padding === 'bleed' ? cn('-mx-row-x w-auto px-row-x', interactionRecipes.rowHover) : 'px-0';\n\t// A plain flush row draws no box, so in a group its outer edges sit on the group's\n\t// edges and the parent's gap or surface padding owns the space around the list.\n\tconst flushEdgeClass = resolvedVariant === 'default' && padding === 'none'\n\t\t? 'in-data-[slot=item-group]:first:pt-0 in-data-[slot=item-group]:last:pb-0'\n\t\t: undefined;\n\t// The default variant draws no box; a transparent 1px border only nudged its text off the shared edge.\n\t// Without a border, an interactive row draws its focus edge inset instead.\n\tconst borderClass = resolvedVariant === 'default' ? `border-0 ${focusRecipes.edge}` : undefined;\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-radius',\n\t\t\t\trender !== undefined && 'text-inherit no-underline',\n\t\t\t\trowBlockPaddingClasses[density],\n\t\t\t\tpaddingClass,\n\t\t\t\tflushEdgeClass,\n\t\t\t\tborderClass,\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// Boxed rows (outline/muted) keep a small gap between boxes, including when a\n\t\t\t// plain row sits beside them. A group of plain rows only touches, so their own\n\t\t\t// density padding is the only space between them.\n\t\t\tclassName={cn('item-group--component gap-space-sm has-[>[data-slot=item][data-variant=default]]:not-has-[>[data-slot=item]:not([data-variant=default])]:gap-0', 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', compositionClasses.compactActions, 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-start', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText ? (\n\t\t\t\t// The title is a flex row, where text-overflow has no effect: the text itself\n\t\t\t\t// shrinks and ends in an ellipsis instead of clipping a long token mid-glyph.\n\t\t\t\t<Text {...copyRoleProps.primary} tag=\"span\" size=\"inherit\" weight={bold ? 'semibold' : 'regular'} lineHeight=\"tight\" className=\"min-w-0 overflow-hidden text-ellipsis text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>}\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\t// Links in supporting copy share TextLink's underline and focus.\n\t\t\t\t\t!isSimpleText && descendantInlineLinkClassName,\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 {...copyRoleProps.supporting} tag=\"span\" lineHeight=\"tight\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>}\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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"}

package/dist/layout/app-shell.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../app-shell-EHuuRDGy.js";
+import { i as e, n as t, r as n, t as r } from "../app-shell-CPN30Nb1.js";
 export { r as AppLayout, n as SidebarInsetLayout, t as StackedLayout, e as TopbarSidebarLayout };

package/dist/layout/auth.js

@@ -1,3 +1,3 @@
 "use client";
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../auth-B0girIk_.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../auth-g_oUTDDC.js";
 export { e as AuthCard, c as AuthFooterLinks, p as AuthForm, s as AuthFormRow, h as AuthMethodSwitch, t as AuthShell, m as AuthSocialProviderButton, n as AuthSocialProviders, d as AuthSplitPanel, g as defaultAuthFooterLinksStrings, r as defaultAuthMethodSwitchStrings, i as defaultAuthShellStrings, f as defaultAuthSocialProvidersStrings, l as isAuthBrandConfig, o as useAuthLinks, u as useAuthMethodSwitch, a as useAuthShell };

package/dist/layout/containers.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../containers-CSdc32h9.js";
+import { i as e, n as t, r as n, t as r } from "../containers-BdfLTP4w.js";
 export { e as Container, n as PageViewport, t as Section, r as TwoColumnLayout };

package/dist/layout/header.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../header-ZIIsRKxP.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../header-Cq3G0ZRP.js";
 export { u as Header, n as HeaderBreadcrumbs, e as HeaderGlobalSearchTrigger, l as HeaderNotifications, o as HeaderSearch, r as HeaderToolButton, s as HeaderToolPopover, a as HeaderUserMenu, c as defaultHeaderNotificationsStrings, t as defaultHeaderSearchStrings, i as defaultHeaderUserMenuStrings };

package/dist/layout/hooks.js

@@ -1,3 +1,3 @@
 "use client";
-import { f as e, n as t, t as n } from "../hooks-BitHSh-Y.js";
+import { m as e, n as t, t as n } from "../hooks-DHfeSMAO.js";
 export { t as useActivePath, n as useCommandShortcut, e as useLayoutLinkRenderer };

package/dist/layout/navigation.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-BgtPJAhi.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-C0Be5C3i.js";
 export { r as BreadcrumbProgress, e as CategoryNav, i as SectionNav, o as SideNav, a as defaultBreadcrumbProgressStrings, t as defaultSectionNavStrings, n as defaultSideNavStrings };

package/dist/layout/page.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "../page-BoQ1VaFJ.js";
-export { r as Page, i as PageActions, t as PageHeader, n as defaultPageActionsStrings, e as defaultPageStrings };
+import { i as e, n as t, r as n, t as r } from "../page-D4pQhgSq.js";
+export { r as Page, t as PageHeader, n as defaultPageHeaderStrings, e as defaultPageStrings };

package/dist/layout/settings.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, r as t, t as n } from "../settings-DZPHgpx4.js";
-export { n as AsideNavShell, e as SettingsShell, t as defaultAsideNavShellStrings };
+import { n as e, t } from "../settings-D5j_RJvT.js";
+export { t as AsideNavShell, e as defaultAsideNavShellStrings };

package/dist/layout/sidebar.js

@@ -1,4 +1,4 @@
 "use client";
-import { c as e, d as t, i as n, o as r, r as i, s as a, u as o } from "../hooks-BitHSh-Y.js";
-import { a as s, c, d as l, f as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b } from "../sidebar-C8BnDwTH.js";
-export { s as AppSidebar, p as LayoutSidebar, u as LayoutSidebarProvider, n as NavBadge, f as SidebarGroupedNavigation, i as SidebarIcon, c as SidebarLogo, _ as SidebarNavigation, v as SidebarNavigationFooter, d as SidebarNavigationRail, y as SidebarNavigationUser, h as SidebarWorkspaceDropdown, b as defaultSidebarNavigationStrings, m as defaultSidebarNavigationUserStrings, l as defaultSidebarWorkspaceDropdownStrings, r as getNavKey, a as getNavLabel, e as isPathMatch, o as resolveNavBadge, t as toPath, g as useLayoutSidebar };
+import { c as e, f as t, i as n, l as r, p as i, r as a, u as o } from "../hooks-DHfeSMAO.js";
+import { a as s, c, d as l, f as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x } from "../sidebar-D5VO2W8S.js";
+export { g as AppSidebar, d as LayoutSidebar, _ as LayoutSidebarProvider, n as NavBadge, x as SidebarGroupedNavigation, a as SidebarIcon, p as SidebarLogo, v as SidebarNavigation, c as SidebarNavigationFooter, f as SidebarNavigationRail, b as SidebarNavigationUser, y as SidebarWorkspaceDropdown, s as defaultSidebarNavigationRailStrings, l as defaultSidebarNavigationStrings, h as defaultSidebarNavigationUserStrings, u as defaultSidebarWorkspaceDropdownStrings, e as getNavKey, r as getNavLabel, o as isPathMatch, t as resolveNavBadge, i as toPath, m as useLayoutSidebar };