themelia-react-ui 1.0.2 → 2.0.0

package/dist/value-inputs-CjfzGMsN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-inputs-CjfzGMsN.js","names":["React","record","baseui.Select","baseui.SelectTrigger","baseui.SelectValue","React","React","SliderPrimitive","React","useTypographyConfig","useDensityConfig","cn","TextButton","Text","textSizes","Stack","sliderTrackThickness","collectionRowClasses","collectionRecipes","CollectionLabel","Badge","fieldStateRecipes","selectToggleRecipes","fieldAffordanceRecipes","editableTextSizeClasses","formControlHorizontalPaddingClasses","formFieldTriggerClasses","resolveFormControlSize","formControlSizeClasses","Input","DatePicker","Popover","PopoverContent","SelectValue","SelectPopupGroup","SelectPopupItem","SelectTrigger","Select","SelectPopupContent","React$1","defaultTagsInputStrings","current","max","tag","TagsInput","ariaDescribedBy","stringsProp","placeholderStrings","useStrings","placeholder","strings","inputValue","setInputValue","useState","open","setOpen","selectedIndex","setSelectedIndex","inputRef","useRef","listId","popupOpen","disabled","recommendations","maxTags","value","getDisplayValue","useCallback","field","candidate","createTagFromString","input","normalizedRecommendations","useMemo","rec","filteredRecommendations","search","caseSensitive","existingValues","displayVal","v","label","val","allowDuplicates","displayValue","sortTags","aStr","a","bStr","b","addTag","actualTag","trimmedDisplayVal","minLength","maxLength","existingDisplayVal","validate","newValue","onValueChange","removeTag","i","index","handleInputChange","handleKeyDown","prev","handlePaste","delimiter","t","handleBlur","addOnBlur","clearAll","defaultRenderTag","tagKey","onRemove","X","resolvedInvalid","invalid","className","next","details","recommendationKey","isPicked","idx","defaultTextSize","Check","renderTag","showClearAll","showMaxTags","defaultPhoneInputStrings","COUNTRY_PREFIX_MAP","DEFAULT_COUNTRY_PREFIXES","normalizePrefixInput","normalizePrefixes","inputs","p","normalizePhone","normalized","selectedPrefix","resolvePrefixToDialCode","prefix","normalizedPrefixes","PhoneInputImpl","controlledPrefix","sizeProp","props","size","defaultScale","basePrefixes","prefixes","resolvedDefaultPrefix","defaultPrefix","internalPrefix","setInternalPrefix","selectedIso","setSelectedIso","initial","option","isPrefixControlled","known","currentPrefixOption","handlePrefixChange","newPrefix","item","onPrefixChange","handleChange","onChange","raw","event","stripped","national","normalizeOnBlur","nextValue","onBlur","disablePrefixSelector","staticPrefix","forwardedRef","prefixWidth","prefixPlaceholder","prefixOption","showPrefixInDropdown","showCountryName","PhoneInput","memo","defaultColorInputStrings","pickerSizeClasses","normalizeHexColor","part","roundColorChannel","rounded","precision","hexColorToOklch","red","green","blue","offset","channel","lRoot","mRoot","sRoot","lightness","chroma","hue","renderedColorToHex","computedColor","element","directHex","fallback","canvas","context","alpha","ColorInput","internalValue","setInternalValue","defaultValue","resolvedValue","resolvedPreview","previewValue","initialPickerValue","pickerValue","setPickerValue","swatchRef","publishChange","readOnly","pickerAriaLabel","inputStrings","defaultSliderStrings","SliderFieldImpl","ariaLabel","ariaLabelledBy","generatedId","useId","resolvedId","id","resolvedName","name","resolvedAriaLabel","handleValueChange","singleValue","handleValueCommitted","onValueCommitted","showValue","currentValue","min","formatValue","unit","sliderValue","sliderDefaultValue","Slider","SliderField","DateTimeInput","forwardRef","dateValue","output","stepMinutes"],"sources":["../src/components/base/value-inputs/tags-input.tsx","../src/components/base/value-inputs/phone-input.tsx","../src/components/base/value-inputs/color-input.tsx","../src/components/base/value-inputs/slider.tsx","../src/components/base/value-inputs/date-time-input.tsx"],"sourcesContent":["/**\n * TagsInput — generic typed tag picker with optional recommendation list,\n * paste-to-bulk, validation, max-tag enforcement, and customizable rendering.\n * Supports both string tags and complex objects (via the `field` prop pointing\n * at the display key). Strings overridable for i18n via `strings`.\n *\n * Ref note: `TagsInput` is generic over `T` and does not use `forwardRef`\n * (generic-+-forwardRef is awkward in TS). Consumers wire RHF via `value` /\n * `onValueChange` props directly. To focus the inner input from a parent, render\n * a wrapping element with `data-tags-input` and call `.querySelector('input').focus()`.\n */\nimport { X, Check } from 'lucide-react';\nimport * as React from 'react';\nimport { useState, useRef, useCallback, useMemo } from 'react';\nimport { TextButton } from '../buttons';\nimport { Badge } from '../badge';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { textSizes } from '../../typography/text.styles';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { Input } from '../text-inputs';\nimport { Popover, PopoverContent } from '../popover';\nimport { collectionRecipes, collectionRowClasses } from '../popover/popover.recipes';\nimport { CollectionLabel } from '../popover/collection-content';\nimport { fieldAffordanceRecipes } from '../../../lib/field-affordance-recipes';\n\nexport interface TagsInputStrings {\n\tplaceholder: string;\n\temptyRecommendations: string;\n\tclearAll: string;\n\t/** Summary line shown when `maxTags` + `showMaxTags` are set. Receives\n\t *  `current` (number of tags entered) and `max` (the limit). The\n\t *  default is English `\"{current} / {max} tags\"` — override for i18n. */\n\tsummary: (current: number, max: number) => string;\n\t/** Accessible name of a tag's remove action. Defaults to `\"Remove {tag}\"`. */\n\tremoveTag?: (tag: string) => string;\n}\n\nexport const defaultTagsInputStrings: TagsInputStrings = {\n\tplaceholder: 'Add a tag…',\n\temptyRecommendations: 'No recommendations found.',\n\tclearAll: 'Clear all',\n\tsummary: (current, max) => `${current} / ${max} tags`,\n\tremoveTag: (tag) => `Remove ${tag}`,\n};\n\nexport interface TagsInputProps<T = string> {\n\t/** ID of the editable input, for an external field label. */\n\tid?: string;\n\t/** Additional supporting/error descriptions associated with the editable control. */\n\t'aria-describedby'?: string;\n\t\t/** Current value (array of T) */\n\t\tvalue?: T[];\n\n\t\t/** Callback when value changes */\n\t\tonValueChange?: (value: T[]) => void;\n\n\t\t/** Placeholder text for the input */\n\t\tplaceholder?: string;\n\n\t\t/** Array of recommendations to suggest */\n\t\trecommendations?: Array<T | { value: T; label: string }>;\n\n\t\t/** Maximum number of tags allowed */\n\t\tmaxTags?: number;\n\n\t\t/** Show the label for the maximum tags */\n\t\tshowMaxTags?: boolean;\n\n\t\t/** Whether duplicate tags are allowed */\n\t\tallowDuplicates?: boolean;\n\n\t\t/** Custom validation function */\n\t\tvalidate?: (value: T) => boolean;\n\n\t\t/** Whether the input is disabled */\n\t\tdisabled?: boolean;\n\n\t\t/** Whether to show the clear all button */\n\t\tshowClearAll?: boolean;\n\n\t\t/** Custom tag component */\n\t\trenderTag?: (tag: T, index: number, onRemove: (index: number) => void) => React.ReactNode;\n\n\t\t/** Delimiter for separating tags when pasting */\n\t\tdelimiter?: string | RegExp;\n\n\t\t/** Whether to trigger add on blur */\n\t\taddOnBlur?: boolean;\n\n\t\t/** Minimum length for a tag */\n\t\tminLength?: number;\n\n\t\t/** Maximum length for a tag */\n\t\tmaxLength?: number;\n\n\t\t/** Override default English strings (placeholder, empty list, clear-all). */\n\t\tstrings?: StringsProp<TagsInputStrings>;\n\n\t\t/** Whether tags should be sorted */\n\t\tsortTags?: boolean;\n\n\t\t/** Case sensitivity for duplicate checking */\n\t\tcaseSensitive?: boolean;\n\n\t\t/** Field to extract display value from an object (required when T is not string) */\n\t\tfield?: T extends string ? never : keyof T;\n\n\t\t/** Error state for styling (passed from FormField) */\n\t\tinvalid?: boolean;\n\n\t\t/** Additional class names */\n\t\tclassName?: string;\n}\n\nexport function TagsInput<T = string>({\n\t\tid,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\tvalue = [],\n\t\tonValueChange,\n\t\tplaceholder,\n\t\trecommendations,\n\t\tmaxTags,\n\t\tshowMaxTags = false,\n\t\tallowDuplicates = false,\n\t\tvalidate,\n\t\tdisabled = false,\n\t\tshowClearAll = false,\n\t\trenderTag,\n\t\tdelimiter = /[\\n,]/,\n\t\taddOnBlur = true,\n\t\tminLength = 1,\n\t\tmaxLength,\n\t\tsortTags = false,\n\t\tcaseSensitive = false,\n\t\tfield,\n\t\tinvalid,\n\t\tclassName,\n\t\tstrings: stringsProp,\n}: TagsInputProps<T>) {\n\t\tconst { defaultTextSize } = useTypographyConfig();\n\t\tconst placeholderStrings = useStrings(\n\t\t\t\tdefaultTagsInputStrings,\n\t\t\t\tplaceholder !== undefined ? { placeholder } : undefined,\n\t\t);\n\t\tconst strings = useStrings(placeholderStrings, stringsProp);\n\t\tconst [inputValue, setInputValue] = useState('');\n\t\tconst [open, setOpen] = useState(false);\n\t\tconst [selectedIndex, setSelectedIndex] = useState(-1);\n\t\tconst inputRef = useRef<HTMLInputElement>(null);\n\t\tconst listId = React.useId();\n\t\tconst popupOpen = open && !disabled && Boolean(recommendations?.length) && !(maxTags !== undefined && value.length >= maxTags);\n\n\t\t// Helper function to get display value from tag\n\t\tconst getDisplayValue = useCallback(\n\t\t\t\t(tag: T): string => {\n\t\t\t\t\t\tif (typeof tag === 'string') {\n\t\t\t\t\t\t\t\treturn tag;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (field && typeof tag === 'object' && tag !== null) {\n\t\t\t\t\t\t\t\tconst record = tag as Record<string | number | symbol, unknown>;\n\t\t\t\t\t\t\t\tconst candidate = record[field];\n\t\t\t\t\t\t\t\tif (typeof candidate === 'string') {\n\t\t\t\t\t\t\t\t\t\treturn candidate;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (candidate === undefined || candidate === null) {\n\t\t\t\t\t\t\t\t\t\treturn '';\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn String(candidate);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn String(tag);\n\t\t\t\t},\n\t\t\t\t[field]\n\t\t);\n\n\t\t// Helper function to create tag from string input\n\t\tconst createTagFromString = useCallback(\n\t\t\t\t(input: string): T => {\n\t\t\t\t\t\tif (typeof value[0] === 'string' || value.length === 0) {\n\t\t\t\t\t\t\t\treturn input as T;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (field) {\n\t\t\t\t\t\t\t\treturn { [field]: input } as T;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn input as unknown as T;\n\t\t\t\t},\n\t\t\t\t[field, value]\n\t\t);\n\n\t\t// Normalize recommendations to always be objects\n\t\tconst normalizedRecommendations = useMemo(() => {\n\t\t\t\tif (!recommendations) return [];\n\t\t\t\treturn recommendations.map((rec) => {\n\t\t\t\t\t\tif (rec && typeof rec === 'object' && 'value' in rec && 'label' in rec) {\n\t\t\t\t\t\t\t\treturn rec as { value: T; label: string };\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst displayValue = getDisplayValue(rec);\n\t\t\t\t\t\treturn { value: rec, label: displayValue };\n\t\t\t\t});\n\t\t}, [recommendations, getDisplayValue]);\n\n\t\t// Filter recommendations based on input and existing tags\n\t\tconst filteredRecommendations = useMemo(() => {\n\t\t\t\tif (!normalizedRecommendations.length || !inputValue) return normalizedRecommendations;\n\n\t\t\t\tconst search = caseSensitive ? inputValue : inputValue.toLowerCase();\n\t\t\t\tconst existingValues = new Set(\n\t\t\t\t\t\tvalue.map((v) => {\n\t\t\t\t\t\t\t\tconst displayVal = getDisplayValue(v);\n\t\t\t\t\t\t\t\treturn caseSensitive ? displayVal : displayVal.toLowerCase();\n\t\t\t\t\t\t})\n\t\t\t\t);\n\n\t\t\t\treturn normalizedRecommendations.filter((rec) => {\n\t\t\t\t\t\tconst label = caseSensitive ? rec.label : rec.label.toLowerCase();\n\t\t\t\t\t\tconst displayVal = getDisplayValue(rec.value);\n\t\t\t\t\t\tconst val = caseSensitive ? displayVal : displayVal.toLowerCase();\n\n\t\t\t\t\t\treturn (label.includes(search) || val.includes(search)) && (allowDuplicates || !existingValues.has(val));\n\t\t\t\t});\n\t\t}, [normalizedRecommendations, inputValue, value, allowDuplicates, caseSensitive, getDisplayValue]);\n\n\t\t// Sort tags if needed\n\t\tconst displayValue = useMemo(() => {\n\t\t\t\tif (!sortTags) return value;\n\t\t\t\treturn [...value].sort((a, b) => {\n\t\t\t\t\t\tconst aStr = getDisplayValue(a);\n\t\t\t\t\t\tconst bStr = getDisplayValue(b);\n\t\t\t\t\t\treturn aStr.localeCompare(bStr);\n\t\t\t\t});\n\t\t}, [value, sortTags, getDisplayValue]);\n\n\t\tconst addTag = useCallback(\n\t\t\t\t(tag: T | string) => {\n\t\t\t\t\t\tconst actualTag = typeof tag === 'string' ? createTagFromString(tag) : tag;\n\t\t\t\t\t\tconst displayVal = getDisplayValue(actualTag);\n\t\t\t\t\t\tconst trimmedDisplayVal = displayVal.trim();\n\n\t\t\t\t\t\t// Validation checks\n\t\t\t\t\t\tif (!trimmedDisplayVal) return;\n\t\t\t\t\t\tif (trimmedDisplayVal.length < minLength) return;\n\t\t\t\t\t\tif (maxLength && trimmedDisplayVal.length > maxLength) return;\n\t\t\t\t\t\tif (maxTags && value.length >= maxTags) return;\n\n\t\t\t\t\t\tif (!allowDuplicates) {\n\t\t\t\t\t\t\t\tconst exists = value.some((v) => {\n\t\t\t\t\t\t\t\t\t\tconst existingDisplayVal = getDisplayValue(v);\n\t\t\t\t\t\t\t\t\t\treturn caseSensitive\n\t\t\t\t\t\t\t\t\t\t\t\t? existingDisplayVal === trimmedDisplayVal\n\t\t\t\t\t\t\t\t\t\t\t\t: existingDisplayVal.toLowerCase() === trimmedDisplayVal.toLowerCase();\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (validate && !validate(actualTag)) return;\n\n\t\t\t\t\t\tconst newValue = [...value, actualTag];\n\t\t\t\t\t\tonValueChange?.(newValue);\n\t\t\t\t\t\tsetInputValue('');\n\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t},\n\t\t\t\t[value, onValueChange, maxTags, allowDuplicates, validate, minLength, maxLength, caseSensitive, getDisplayValue, createTagFromString]\n\t\t);\n\n\t\tconst removeTag = useCallback(\n\t\t\t\t(index: number) => {\n\t\t\t\t\t\tconst newValue = value.filter((_, i) => i !== index);\n\t\t\t\t\t\tonValueChange?.(newValue);\n\t\t\t\t},\n\t\t\t\t[value, onValueChange]\n\t\t);\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\t\t\t\t\t\tsetInputValue(newValue);\n\t\t\t\t\t\tsetSelectedIndex(-1);\n\n\t\t\t\t\t\tif (recommendations && recommendations.length > 0) {\n\t\t\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t[recommendations]\n\t\t);\n\n\t\tconst handleKeyDown = useCallback(\n\t\t\t\t(e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tif (disabled) return;\n\n\t\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open && selectedIndex >= 0 && selectedIndex < filteredRecommendations.length) {\n\t\t\t\t\t\t\t\t\t\taddTag(filteredRecommendations[selectedIndex].value);\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t\t\t} else if (inputValue.trim()) {\n\t\t\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'Tab') {\n\t\t\t\t\t\t\t\tif (inputValue) {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'ArrowDown') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open) {\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex((prev) => (prev < filteredRecommendations.length - 1 ? prev + 1 : prev));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'ArrowUp') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open) {\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex((prev) => (prev > 0 ? prev - 1 : 0));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'Escape') {\n\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t} else if (e.key === 'Backspace' && !inputValue && value.length > 0) {\n\t\t\t\t\t\t\t\tremoveTag(value.length - 1);\n\t\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t[disabled, open, selectedIndex, filteredRecommendations, inputValue, addTag, removeTag, value.length]\n\t\t);\n\n\t\tconst handlePaste = useCallback(\n\t\t\t\t(e: React.ClipboardEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tif (disabled) return;\n\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tconst pastedText = e.clipboardData.getData('text');\n\t\t\t\t\t\tconst tags = pastedText\n\t\t\t\t\t\t\t\t.split(delimiter)\n\t\t\t\t\t\t\t\t.map((t) => t.trim())\n\t\t\t\t\t\t\t\t.filter(Boolean);\n\n\t\t\t\t\t\ttags.forEach((tag) => addTag(tag));\n\t\t\t\t},\n\t\t\t\t[disabled, delimiter, addTag]\n\t\t);\n\n\t\tconst handleBlur = useCallback(() => {\n\t\t\t\tsetOpen(false);\n\t\t\t\tif (addOnBlur && inputValue) addTag(inputValue);\n\t\t}, [addOnBlur, inputValue, addTag]);\n\n\t\tconst clearAll = useCallback(() => {\n\t\t\t\tonValueChange?.([]);\n\t\t\t\tsetInputValue('');\n\t\t}, [onValueChange]);\n\n\t\tconst defaultRenderTag = useCallback(\n\t\t\t\t(tag: T, index: number, onRemove: (index: number) => void) => {\n\t\t\t\t\t\tconst tagKey = `${getDisplayValue(tag)}-${index}`;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Badge key={tagKey} tone=\"secondary\" className={cn('tags-input--component', 'gap-space-xs pe-space-xs')}>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"normal\" lineHeight=\"none\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t{getDisplayValue(tag)}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t{/* The chip owns its chrome, so its remove action is the shared\n\t\t\t\t\t\t\t\t\t\t    content-sized affordance and never inflates the chip. */}\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={(strings.removeTag ?? defaultTagsInputStrings.removeTag!)(getDisplayValue(tag))}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfieldAffordanceRecipes.inline,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfieldAffordanceRecipes.focus,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfieldAffordanceRecipes.clear,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove(index)}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<X className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\t[getDisplayValue, disabled, strings]\n\t\t);\n\n\t\tconst resolvedInvalid = Boolean(invalid);\n\n\t\treturn (\n\t\t\t\t<Stack gap=\"dense\" className={cn('w-full relative', className)}>\n\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t<Popover open={popupOpen} onOpenChange={(next, details) => {\n\t\t\t\t\t\t\t// The editable anchor keeps focus while suggestions are open.\n\t\t\t\t\t\t\tif (!next && details.reason === 'outside-press' && details.event.target === inputRef.current) return;\n\t\t\t\t\t\t\tsetOpen(next);\n\t\t\t\t\t\t\tif (!next) setSelectedIndex(-1);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t\t\t\t\trole={recommendations ? 'combobox' : undefined}\n\t\t\t\t\t\t\t\t\t\taria-autocomplete={recommendations ? 'list' : undefined}\n\t\t\t\t\t\t\t\t\t\taria-expanded={recommendations ? popupOpen : undefined}\n\t\t\t\t\t\t\t\t\t\taria-controls={popupOpen ? listId : undefined}\n\t\t\t\t\t\t\t\t\t\taria-activedescendant={popupOpen && selectedIndex >= 0 && selectedIndex < filteredRecommendations.length ? `${listId}-${selectedIndex}` : undefined}\n\t\t\t\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\t\t\t\tonPaste={handlePaste}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (recommendations && filteredRecommendations.length > 0) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled || (maxTags !== undefined && value.length >= maxTags)}\n\t\t\t\t\t\t\t\t\t\tinvalid={resolvedInvalid}\n\t\t\t\t\t\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{/* Shared collection presentation keeps the existing Input-owned\n\t\t\t\t\t\t\t\t\t\tkeyboard handler (selectedIndex, arrow navigation). */}\n\t\t\t\t\t\t\t\t{!!recommendations && (\n\t\t\t\t\t\t\t\t\t\t<PopoverContent\n\t\t\t\t\t\t\t\t\t\t\tanchor={inputRef}\n\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"menu\"\n\t\t\t\t\t\t\t\t\t\t\tinitialFocus={false}\n\t\t\t\t\t\t\t\t\t\t\tfinalFocus={false}\n\t\t\t\t\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\t\t\t\t\tid={listId}\n\t\t\t\t\t\t\t\t\t\t\taria-label={strings.placeholder}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"tags-input--recommendations w-(--anchor-width) max-h-[200px]\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t{filteredRecommendations.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilteredRecommendations.map((rec, idx) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst recommendationKey = getDisplayValue(rec.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isPicked = value.some(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(v) => getDisplayValue(v) === getDisplayValue(rec.value),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={recommendationKey}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={`${listId}-${idx}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-selected={selectedIndex === idx}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonPointerDown={(e) => e.preventDefault()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taddTag(rec.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinputRef.current?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(idx)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\t\t\t\t\t\t\t\tcollectionRowClasses(),\n\t\t\t\t\t\t\t\t\t\t\ttextSizes[defaultTextSize ?? 'sm'],\n\t\t\t\t\t\t\t\t\t\t\t'box-border w-full cursor-pointer justify-between border-0 bg-transparent font-sans text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'hover:bg-accent hover:text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedIndex === idx && 'bg-accent text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CollectionLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{rec.label}\n\t\t\t\t\t\t\t\t\t\t</CollectionLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'ml-auto size-icon-sm',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisPicked ? 'opacity-100' : 'opacity-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" className=\"px-row-x py-row-y\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.emptyRecommendations}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</PopoverContent>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Popover>\n\n\t\t\t\t\t\t{/* Tags container */}\n\t\t\t\t\t\t{displayValue.length > 0 && (\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\">\n\t\t\t\t\t\t\t\t\t\t{displayValue.map((tag, index) =>\n\t\t\t\t\t\t\t\t\t\t\t\trenderTag ? renderTag(tag, index, removeTag) : defaultRenderTag(tag, index, removeTag)\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{!!showClearAll && value.length > 0 && !disabled && (\n\t\t\t\t\t\t\t\t\t\t\t\t<TextButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={clearAll}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ms-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.clearAll}\n\t\t\t\t\t\t\t\t\t\t\t\t</TextButton>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\n\t\t\t\t\t\t{!!maxTags && !!showMaxTags && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t{strings.summary(value.length, maxTags)}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t);\n}\n\nTagsInput.displayName = 'TagsInput';\n","import * as React from 'react';\nimport { useState, useCallback, useMemo, memo } from 'react';\nimport * as baseui from '../../ui/select';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { editableTextSizeClasses } from '../../../lib/editable-text-recipe';\nimport { formControlHorizontalPaddingClasses, formControlSizeClasses, formFieldTriggerClasses, resolveFormControlSize } from '../forms/form-sizing';\nimport { selectToggleRecipes } from '../../../lib/field-affordance-recipes';\nimport { Input, type InputProps } from '../text-inputs';\nimport { SelectPopupContent, SelectPopupGroup, SelectPopupItem } from '../choice-inputs';\n\nexport interface PhoneInputStrings {\n\t\tprefixPlaceholder: string;\n\t\t/** Accessible name for the country-prefix selector. */\n\t\tprefixAriaLabel: string;\n}\n\nexport const defaultPhoneInputStrings: PhoneInputStrings = {\n\t\tprefixPlaceholder: 'Prefix',\n\t\tprefixAriaLabel: 'Country prefix',\n};\n\nexport interface CountryPrefixOption {\n\t\t/** Country code value (e.g., '+1') */\n\t\tvalue: string;\n\n\t\t/** Display label (e.g., 'Bulgaria') */\n\t\tlabel: string;\n\n\t\t/** ISO country code (e.g., 'US') */\n\t\tiso: string;\n}\n\n/** Country data mapped by ISO code */\nexport const COUNTRY_PREFIX_MAP: Record<string, CountryPrefixOption> = {\n\t\tUS: { value: '+1', label: 'United States', iso: 'US' },\n\t\tCA: { value: '+1', label: 'Canada', iso: 'CA' },\n\t\tAU: { value: '+61', label: 'Australia', iso: 'AU' },\n\t\tBG: { value: '+359', label: 'Bulgaria', iso: 'BG' },\n\t\tGR: { value: '+30', label: 'Greece', iso: 'GR' },\n\t\tGB: { value: '+44', label: 'United Kingdom', iso: 'GB' },\n\t\tDE: { value: '+49', label: 'Germany', iso: 'DE' },\n\t\tFR: { value: '+33', label: 'France', iso: 'FR' },\n\t\tIT: { value: '+39', label: 'Italy', iso: 'IT' },\n\t\tES: { value: '+34', label: 'Spain', iso: 'ES' },\n\t\tNL: { value: '+31', label: 'Netherlands', iso: 'NL' },\n\t\tBE: { value: '+32', label: 'Belgium', iso: 'BE' },\n\t\tAT: { value: '+43', label: 'Austria', iso: 'AT' },\n\t\tCH: { value: '+41', label: 'Switzerland', iso: 'CH' },\n\t\tPL: { value: '+48', label: 'Poland', iso: 'PL' },\n\t\tRO: { value: '+40', label: 'Romania', iso: 'RO' },\n\t\tRS: { value: '+381', label: 'Serbia', iso: 'RS' },\n\t\tHR: { value: '+385', label: 'Croatia', iso: 'HR' },\n\t\tSI: { value: '+386', label: 'Slovenia', iso: 'SI' },\n\t\tMK: { value: '+389', label: 'North Macedonia', iso: 'MK' },\n\t\tTR: { value: '+90', label: 'Turkey', iso: 'TR' },\n\t\tRU: { value: '+7', label: 'Russia', iso: 'RU' },\n\t\tUA: { value: '+380', label: 'Ukraine', iso: 'UA' },\n\t\tSK: { value: '+421', label: 'Slovakia', iso: 'SK' },\n\t\tCZ: { value: '+420', label: 'Czech Republic', iso: 'CZ' },\n\t\tHU: { value: '+36', label: 'Hungary', iso: 'HU' },\n\t\tPT: { value: '+351', label: 'Portugal', iso: 'PT' },\n\t\tIE: { value: '+353', label: 'Ireland', iso: 'IE' },\n\t\tSE: { value: '+46', label: 'Sweden', iso: 'SE' },\n\t\tNO: { value: '+47', label: 'Norway', iso: 'NO' },\n\t\tDK: { value: '+45', label: 'Denmark', iso: 'DK' },\n\t\tFI: { value: '+358', label: 'Finland', iso: 'FI' },\n\t\tCY: { value: '+357', label: 'Cyprus', iso: 'CY' },\n\t\tAL: { value: '+355', label: 'Albania', iso: 'AL' },\n\t\tME: { value: '+382', label: 'Montenegro', iso: 'ME' },\n\t\tBA: { value: '+387', label: 'Bosnia and Herzegovina', iso: 'BA' },\n\t\tXK: { value: '+383', label: 'Kosovo', iso: 'XK' },\n\t\tMD: { value: '+373', label: 'Moldova', iso: 'MD' },\n\t\tBY: { value: '+375', label: 'Belarus', iso: 'BY' },\n\t\tLT: { value: '+370', label: 'Lithuania', iso: 'LT' },\n\t\tLV: { value: '+371', label: 'Latvia', iso: 'LV' },\n\t\tEE: { value: '+372', label: 'Estonia', iso: 'EE' },\n};\n\n/** Type for prefix input - either ISO code string or full option object */\nexport type CountryPrefixInput = string | CountryPrefixOption;\n\n/** Default country prefixes - commonly used codes */\nexport const DEFAULT_COUNTRY_PREFIXES: CountryPrefixInput[] = ['US', 'CA', 'GB', 'DE', 'FR', 'IT', 'ES', 'AU'];\n\n/**\n * Normalize prefix input to CountryPrefixOption\n * Accepts either ISO code ('US') or full object ({ value: '+1', label: 'United States', iso: 'US' })\n */\nconst normalizePrefixInput = (input: CountryPrefixInput): CountryPrefixOption | null => {\n\t\tif (typeof input === 'string') {\n\t\t\t\t// It's an ISO code - look it up\n\t\t\t\tconst upperInput = input.toUpperCase();\n\t\t\t\treturn COUNTRY_PREFIX_MAP[upperInput] ?? null;\n\t\t}\n\t\t// It's already a full object\n\t\treturn input;\n};\n\n/**\n * Normalize array of prefix inputs to CountryPrefixOption[]\n */\nconst normalizePrefixes = (inputs: CountryPrefixInput[]): CountryPrefixOption[] => {\n\t\treturn inputs.map(normalizePrefixInput).filter((p): p is CountryPrefixOption => p !== null);\n};\n\nexport interface PhoneInputProps extends Omit<InputProps, 'type' | 'startAddon' | 'strings'> {\n\t\t/** Normalize phone number on blur. Defaults to true */\n\t\tnormalizeOnBlur?: boolean;\n\n\t\t/** Current country prefix value (dial code like '+1' or ISO code like 'US') */\n\t\tprefix?: string;\n\n\t\t/** Default prefix if uncontrolled (dial code like '+1' or ISO code like 'US') */\n\t\tdefaultPrefix?: string;\n\n\t\t/** List of available country prefixes - ISO codes ('US', 'GR') or full objects */\n\t\tprefixes?: CountryPrefixInput[];\n\n\t\t/** Callback when prefix changes - returns dial code (e.g., '+1') */\n\t\tonPrefixChange?: (prefix: string) => void;\n\n\t\t/** Disable prefix selection */\n\t\tdisablePrefixSelector?: boolean;\n\n\t\t/** Placeholder for prefix dropdown */\n\t\tprefixPlaceholder?: string;\n\n\t\t/** Width of the prefix dropdown */\n\t\tprefixWidth?: string;\n\n\t\t/** Show country name in dropdown. Defaults to true */\n\t\tshowCountryName?: boolean;\n\n\t\t/** Show prefix in dropdown items. Defaults to true */\n\t\tshowPrefixInDropdown?: boolean;\n\n\t\t/** String overrides (e.g. prefix dropdown placeholder). */\n\t\tstrings?: StringsProp<PhoneInputStrings>;\n}\n\nconst normalizePhone = (value: string, selectedPrefix?: string): string => {\n\t\tlet normalized = value\n\t\t\t\t.trim()\n\t\t\t\t.replace(/\\s+/g, ' ')\n\t\t\t\t.replace(/[^\\d ()+-]/g, '');\n\n\t\t// Strip the selected prefix from the input if the user typed it redundantly\n\t\tif (selectedPrefix && normalized.startsWith(selectedPrefix)) {\n\t\t\t\tnormalized = normalized.slice(selectedPrefix.length).replace(/^[\\s-]+/, '');\n\t\t}\n\n\t\t// Strip leading zero from national numbers when a prefix is selected (e.g., 0877... → 877...)\n\t\tif (selectedPrefix && normalized.startsWith('0')) {\n\t\t\t\tnormalized = normalized.slice(1);\n\t\t}\n\n\t\treturn normalized;\n};\n\n/**\n * Resolve a prefix string (ISO code or dial code) to dial code\n */\nconst resolvePrefixToDialCode = (prefix: string | undefined, normalizedPrefixes: CountryPrefixOption[]): string => {\n\t\tif (!prefix) return normalizedPrefixes[0]?.value ?? '';\n\n\t\t// Check if it's already a dial code (starts with +)\n\t\tif (prefix.startsWith('+')) {\n\t\t\t\treturn prefix;\n\t\t}\n\n\t\t// It's an ISO code - look it up\n\t\tconst upperPrefix = prefix.toUpperCase();\n\t\tconst found = COUNTRY_PREFIX_MAP[upperPrefix];\n\t\treturn found?.value ?? prefix;\n};\n\nfunction PhoneInputImpl(\n\t\t{\n\t\t\t\tnormalizeOnBlur = true,\n\t\t\t\tonBlur,\n\t\t\t\tonChange,\n\t\t\t\tprefix: controlledPrefix,\n\t\t\t\tdefaultPrefix,\n\t\t\t\tprefixes = DEFAULT_COUNTRY_PREFIXES,\n\t\t\t\tonPrefixChange,\n\t\t\t\tdisablePrefixSelector = false,\n\t\t\t\tprefixPlaceholder,\n\t\t\t\tprefixWidth = 'w-30',\n\t\t\t\tshowCountryName = true,\n\t\t\t\tshowPrefixInDropdown = true,\n\t\t\t\tinvalid,\n\t\t\t\tdisabled,\n\t\t\t\tclassName,\n\t\t\t\tsize: sizeProp,\n\t\t\t\tstrings: stringsProp,\n\t\t\t\t...props\n\t\t}: PhoneInputProps,\n\t\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n\t\tconst { defaultScale } = useDensityConfig();\n\t\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\t\tconst strings = useStrings(defaultPhoneInputStrings, stringsProp);\n\t\t// Normalize prefix options from mixed input (ISO codes or full objects)\n\t\tconst basePrefixes = useMemo(() => normalizePrefixes(prefixes), [prefixes]);\n\n\t\t// Resolve controlled/default prefix to dial code\n\t\tconst resolvedDefaultPrefix = useMemo(\n\t\t\t\t() => resolvePrefixToDialCode(defaultPrefix, basePrefixes),\n\t\t\t\t[defaultPrefix, basePrefixes]\n\t\t);\n\n\t\t// Internal state for uncontrolled prefix (always stores dial code)\n\t\tconst [internalPrefix, setInternalPrefix] = useState(resolvedDefaultPrefix);\n\t\t// Country identity is distinct from its dial code (US and CA both use +1).\n\t\tconst [selectedIso, setSelectedIso] = useState(() => {\n\t\t\t\tconst initial = controlledPrefix ?? defaultPrefix;\n\t\t\t\treturn initial && !initial.startsWith('+') ? initial.toUpperCase() : basePrefixes.find((option) => option.value === resolvedDefaultPrefix)?.iso;\n\t\t});\n\n\t\t// Determine if prefix is controlled\n\t\tconst isPrefixControlled = controlledPrefix !== undefined;\n\t\tconst selectedPrefix = isPrefixControlled\n\t\t\t\t? resolvePrefixToDialCode(controlledPrefix, basePrefixes)\n\t\t\t\t: internalPrefix;\n\n\t\t/*\n\t\t * The selected dial code has to be representable in the menu, or the\n\t\t * trigger renders blank.\n\t\t *\n\t\t * `DEFAULT_COUNTRY_PREFIXES` is eight countries, while `COUNTRY_PREFIX_MAP`\n\t\t * knows many more. So `defaultPrefix=\"BG\"` resolved to `+359` — correctly —\n\t\t * and then found no option to display, leaving an empty control with no\n\t\t * error. Naming a country the component itself knows about is a reasonable\n\t\t * thing to do, so the option is carried in rather than dropped.\n\t\t */\n\t\tconst normalizedPrefixes = useMemo(() => {\n\t\t\t\tif (!selectedPrefix || basePrefixes.some((option) => option.value === selectedPrefix)) {\n\t\t\t\t\t\treturn basePrefixes;\n\t\t\t\t}\n\t\t\t\tconst known = Object.values(COUNTRY_PREFIX_MAP).find((option) => option.value === selectedPrefix);\n\t\t\t\treturn known ? [known, ...basePrefixes] : basePrefixes;\n\t\t}, [basePrefixes, selectedPrefix]);\n\n\t\t// Find current prefix option for display\n\t\tconst currentPrefixOption = useMemo(\n\t\t\t\t() => normalizedPrefixes.find((p) => p.iso === (controlledPrefix && !controlledPrefix.startsWith('+') ? controlledPrefix.toUpperCase() : selectedIso) && p.value === selectedPrefix)\n\t\t\t\t\t\t?? normalizedPrefixes.find((p) => p.value === selectedPrefix),\n\t\t\t\t[normalizedPrefixes, selectedPrefix, selectedIso, controlledPrefix]\n\t\t);\n\n\t\t// Handle prefix change\n\t\tconst handlePrefixChange = useCallback(\n\t\t\t\t(newPrefix: string | null) => {\n\t\t\t\t\t\tif (newPrefix === null) return;\n\t\t\t\t\t\tconst option = normalizedPrefixes.find((item) => item.iso === newPrefix);\n\t\t\t\t\t\tif (!option) return;\n\t\t\t\t\t\tsetSelectedIso(option.iso);\n\t\t\t\t\t\tif (!isPrefixControlled) {\n\t\t\t\t\t\t\t\tsetInternalPrefix(option.value);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonPrefixChange?.(option.value);\n\t\t\t\t},\n\t\t\t\t[isPrefixControlled, onPrefixChange, normalizedPrefixes]\n\t\t);\n\n\t\t// Handle phone change — strip redundant prefix on every keystroke/autofill\n\t\tconst handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n\t\t\t\t(event) => {\n\t\t\t\t\t\tif (!onChange) return;\n\n\t\t\t\t\t\tconst raw = event.target.value;\n\n\t\t\t\t\t\t// Strip the selected prefix if the value starts with it (autofill, paste, manual typing)\n\t\t\t\t\t\tif (selectedPrefix && raw.startsWith(selectedPrefix)) {\n\t\t\t\t\t\t\t\tconst stripped = raw.slice(selectedPrefix.length).replace(/^[\\s-]+/, '');\n\t\t\t\t\t\t\t\t// Also strip leading zero from national part\n\t\t\t\t\t\t\t\tconst national = stripped.startsWith('0') ? stripped.slice(1) : stripped;\n\t\t\t\t\t\t\t\tif (national !== raw) {\n\t\t\t\t\t\t\t\t\t\tconst syntheticEvent = {\n\t\t\t\t\t\t\t\t\t\t\t\t...event,\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: { ...event.target, value: national },\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentTarget: { ...event.currentTarget, value: national },\n\t\t\t\t\t\t\t\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\t\t\t\t\t\t\t\t\t\tonChange(syntheticEvent);\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonChange(event);\n\t\t\t\t},\n\t\t\t\t[onChange, selectedPrefix]\n\t\t);\n\n\t\t// Handle phone blur with normalization\n\t\tconst handleBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(\n\t\t\t\t(event) => {\n\t\t\t\t\t\tif (normalizeOnBlur && typeof onChange === 'function') {\n\t\t\t\t\t\t\t\tconst nextValue = normalizePhone(event.target.value, selectedPrefix);\n\t\t\t\t\t\t\t\tif (nextValue !== event.target.value) {\n\t\t\t\t\t\t\t\t\t\tconst syntheticEvent = {\n\t\t\t\t\t\t\t\t\t\t\t\t...event,\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: { ...event.target, value: nextValue },\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentTarget: { ...event.currentTarget, value: nextValue },\n\t\t\t\t\t\t\t\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\n\t\t\t\t\t\t\t\t\t\tonChange(syntheticEvent);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonBlur?.(event);\n\t\t\t\t},\n\t\t\t\t[normalizeOnBlur, onChange, onBlur, selectedPrefix]\n\t\t);\n\n\t\t// If no prefixes or disabled, render simple input with prefix display\n\t\tif (normalizedPrefixes.length === 0 || disablePrefixSelector) {\n\t\t\t\tconst staticPrefix = selectedPrefix || defaultPrefix;\n\n\t\t\t\tif (!staticPrefix) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\tclassName={cn('phone-input--component', className)}\n\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"flex items-start gap-space-md\">\n\t\t\t\t\t\t\t\t{/* A fixed prefix reads like Input's read-only fill and keeps the\n\t\t\t\t\t\t\t\t    adjoining value's size, including the coarse-pointer size. */}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\taria-invalid={invalid || undefined}\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'phone-input--prefix flex shrink-0 items-center justify-center rounded-inner border border-input bg-muted',\n\t\t\t\t\t\t\t\t\t\t\t\tformControlSizeClasses[size],\n\t\t\t\t\t\t\t\t\t\t\t\teditableTextSizeClasses[size],\n\t\t\t\t\t\t\t\t\t\t\t\tformControlHorizontalPaddingClasses[size],\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled && 'opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\tfieldStateRecipes.invalid,\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<Text tag=\"span\" size=\"inherit\" type=\"secondary\" lineHeight=\"tight\">\n\t\t\t\t\t\t\t\t\t\t\t\t{staticPrefix}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t}\n\n\t\t// Render with prefix selector\n\t\treturn (\n\t\t\t\t<div className=\"flex items-start gap-space-md\">\n\t\t\t\t\t\t{/* Prefix selector */}\n\t\t\t\t\t\t<baseui.Select\n\t\t\t\t\t\t\t\tvalue={currentPrefixOption?.iso ?? null}\n\t\t\t\t\t\t\t\tonValueChange={(value) => handlePrefixChange(value)}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<baseui.SelectTrigger\n\t\t\t\t\t\t\t\taria-label={strings.prefixAriaLabel}\n\t\t\t\t\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t\t\t\t\ticonClassName={selectToggleRecipes.icon[size]}\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'phone-input--prefix-trigger',\n\t\t\t\t\t\t\t\t\t\t\t\tformFieldTriggerClasses(size),\n\t\t\t\t\t\t\t\t\t\t\t\t'shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\tprefixWidth,\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<baseui.SelectValue\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixPlaceholder ?? strings.prefixPlaceholder}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{!!currentPrefixOption && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{currentPrefixOption.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</baseui.SelectValue>\n\t\t\t\t\t\t\t\t</baseui.SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectPopupContent>\n\t\t\t\t\t\t\t\t\t\t<SelectPopupGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t{normalizedPrefixes.map((prefixOption) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SelectPopupItem key={prefixOption.iso} value={prefixOption.iso} size={size}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!showPrefixInDropdown && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"min-w-13 tabular-nums text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixOption.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!showCountryName && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixOption.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</SelectPopupItem>\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</SelectPopupGroup>\n\t\t\t\t\t\t\t\t</SelectPopupContent>\n\t\t\t\t\t\t</baseui.Select>\n\n\t\t\t\t\t\t{/* Phone number input */}\n\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t);\n}\n\n// forwardRef + memo: forward to the underlying phone input so consumers can\n// focus/measure programmatically (RHF Controller, parent imperative refs).\nexport const PhoneInput = memo(React.forwardRef<HTMLInputElement, PhoneInputProps>(PhoneInputImpl));\nPhoneInput.displayName = 'PhoneInput';\n","import * as React from 'react';\n\nimport { Stack } from '../structure';\nimport { useDensityConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\n\nimport { resolveFormControlSize } from '../forms/form-sizing';\nimport { Input, type InputProps, type InputStrings } from '../text-inputs';\n\nexport interface ColorInputStrings {\n\t/** Accessible label for the native color-picker trigger. */\n\tchooseColor: string;\n}\n\nexport const defaultColorInputStrings: ColorInputStrings = {\n\tchooseColor: 'Choose color',\n};\n\nexport interface ColorInputProps extends Omit<InputProps, 'type' | 'strings'> {\n\t/** CSS color expression shown by the swatch. Defaults to the current value. */\n\tpreviewValue?: string;\n\t/** CSS-color callback. Text entry is preserved verbatim; native picker values are normalized to OKLCH. */\n\tonValueChange?: (value: string) => void;\n\t/** Accessible label for the native color picker. Defaults to the component strings. */\n\tpickerAriaLabel?: string;\n\t/** ColorInput-owned accessible copy. */\n\tstrings?: StringsProp<ColorInputStrings>;\n\t/** Copy overrides forwarded to the underlying text Input. */\n\tinputStrings?: StringsProp<InputStrings>;\n}\n\nconst pickerSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'size-control-sm',\n\tmd: 'size-control',\n\tlg: 'size-control-lg',\n};\n\nfunction normalizeHexColor(value: string): string | null {\n\tconst normalized = value.trim().toLowerCase();\n\tif (/^#[0-9a-f]{6}$/.test(normalized)) return normalized;\n\tif (/^#[0-9a-f]{3}$/.test(normalized)) {\n\t\treturn `#${normalized.slice(1).split('').map((part) => `${part}${part}`).join('')}`;\n\t}\n\treturn null;\n}\n\nfunction roundColorChannel(value: number, precision: number): number {\n\tconst rounded = Number(value.toFixed(precision));\n\treturn Object.is(rounded, -0) ? 0 : rounded;\n}\n\nfunction hexColorToOklch(value: string): string {\n\tconst normalized = normalizeHexColor(value);\n\tif (!normalized) return value;\n\n\tconst channels = [1, 3, 5].map((offset) => Number.parseInt(normalized.slice(offset, offset + 2), 16) / 255);\n\tconst [red, green, blue] = channels.map((channel) =>\n\t\tchannel <= 0.04045\n\t\t\t? channel / 12.92\n\t\t\t: ((channel + 0.055) / 1.055) ** 2.4,\n\t);\n\tconst lRoot = Math.cbrt(0.4122214708 * red + 0.5363325363 * green + 0.0514459929 * blue);\n\tconst mRoot = Math.cbrt(0.2119034982 * red + 0.6806995451 * green + 0.1073969566 * blue);\n\tconst sRoot = Math.cbrt(0.0883024619 * red + 0.2817188376 * green + 0.6299787005 * blue);\n\tconst lightness = 0.2104542553 * lRoot + 0.793617785 * mRoot - 0.0040720468 * sRoot;\n\tconst a = 1.9779984951 * lRoot - 2.428592205 * mRoot + 0.4505937099 * sRoot;\n\tconst b = 0.0259040371 * lRoot + 0.7827717662 * mRoot - 0.808675766 * sRoot;\n\tconst chroma = Math.hypot(a, b);\n\tconst hue = chroma < 0.00005\n\t\t? 0\n\t\t: (Math.atan2(b, a) * 180) / Math.PI + (b < 0 ? 360 : 0);\n\n\treturn `oklch(${roundColorChannel(lightness, 4)} ${roundColorChannel(chroma, 4)} ${roundColorChannel(hue, 2)})`;\n}\n\nfunction renderedColorToHex(element: HTMLElement, fallback: string): string {\n\tconst computedColor = window.getComputedStyle(element).backgroundColor;\n\tconst directHex = normalizeHexColor(computedColor);\n\tif (directHex) return directHex;\n\tif (typeof CanvasRenderingContext2D === 'undefined') return fallback;\n\n\ttry {\n\t\tconst canvas = document.createElement('canvas');\n\t\tcanvas.width = 1;\n\t\tcanvas.height = 1;\n\t\tconst context = canvas.getContext('2d', { willReadFrequently: true });\n\t\tif (!context) return fallback;\n\t\tcontext.clearRect(0, 0, 1, 1);\n\t\tcontext.fillStyle = computedColor;\n\t\tcontext.fillRect(0, 0, 1, 1);\n\t\tconst [red, green, blue, alpha] = context.getImageData(0, 0, 1, 1).data;\n\t\tif (alpha === 0) return fallback;\n\t\treturn `#${[red, green, blue]\n\t\t\t.map((channel) => channel.toString(16).padStart(2, '0'))\n\t\t\t.join('')}`;\n\t} catch {\n\t\treturn fallback;\n\t}\n}\n\n/**\n * CSS-color editor that pairs exact text entry with a native visual picker.\n * The swatch accepts modern CSS colors and inherited `var(...)` expressions;\n * the picker commits OKLCH values without narrowing text input.\n */\nexport const ColorInput = React.forwardRef<HTMLInputElement, ColorInputProps>(function ColorInput({\n\tclassName,\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tonValueChange,\n\tpreviewValue,\n\tpickerAriaLabel,\n\tsize: sizeProp,\n\tdisabled,\n\treadOnly,\n\tinvalid,\n\tstrings: stringsProp,\n\tinputStrings,\n\t...props\n}, forwardedRef) {\n\tconst strings = useStrings(defaultColorInputStrings, stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\tconst [internalValue, setInternalValue] = React.useState(defaultValue ?? '');\n\tconst resolvedValue = value ?? internalValue;\n\tconst resolvedPreview = previewValue ?? resolvedValue;\n\tconst initialPickerValue = normalizeHexColor(resolvedValue) ?? '#000000';\n\tconst [pickerValue, setPickerValue] = React.useState(initialPickerValue);\n\tconst swatchRef = React.useRef<HTMLSpanElement>(null);\n\n\tReact.useLayoutEffect(() => {\n\t\tconst directHex = normalizeHexColor(resolvedPreview);\n\t\tif (directHex) {\n\t\t\tsetPickerValue(directHex);\n\t\t\treturn;\n\t\t}\n\t\tif (!swatchRef.current || typeof window === 'undefined') return;\n\t\tsetPickerValue((current) => renderedColorToHex(swatchRef.current as HTMLElement, current));\n\t}, [resolvedPreview]);\n\n\tconst publishChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (value === undefined) setInternalValue(event.target.value);\n\t\tonChange?.(event);\n\t\tonValueChange?.(event.target.value);\n\t};\n\tconst publishPickerInput = (event: React.FormEvent<HTMLInputElement>) => {\n\t\tconst nextValue = hexColorToOklch(event.currentTarget.value);\n\t\tif (value === undefined) setInternalValue(nextValue);\n\t\tif (onChange) {\n\t\t\tconst normalizedEvent = {\n\t\t\t\t...event,\n\t\t\t\ttarget: { ...event.currentTarget, value: nextValue },\n\t\t\t\tcurrentTarget: { ...event.currentTarget, value: nextValue },\n\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\t\t\tonChange(normalizedEvent);\n\t\t}\n\t\tonValueChange?.(nextValue);\n\t};\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"horizontal\"\n\t\t\tgap=\"sm\"\n\t\t\talign=\"center\"\n\t\t\twrap={false}\n\t\t\tclassName={cn(\n\t\t\t\t'color-input--component min-w-0 [&>.input--component]:min-w-0 [&>.input--component]:flex-1',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{/* The picker is the second frame of one compound field: it takes the\n\t\t\t    same keyboard focus ring, validation and disabled treatment as the\n\t\t\t    text field beside it. */}\n\t\t\t<label\n\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'color-input--picker box-border relative shrink-0 cursor-pointer overflow-hidden rounded-inner border border-input bg-background shadow-none outline-none transition-[color,box-shadow]',\n\t\t\t\t\t'has-[input:focus-visible]:border-input has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-ring',\n\t\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\t'aria-invalid:has-[input:focus-visible]:ring-destructive',\n\t\t\t\t\t'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50',\n\t\t\t\t\tpickerSizeClasses[size],\n\t\t\t\t)}\n\t\t\t\tdata-disabled={disabled || readOnly || undefined}\n\t\t\t>\n\t\t\t\t{/* A nested body inside the control frame takes the compact inner corner. */}\n\t\t\t\t<span\n\t\t\t\t\tref={swatchRef}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdata-user-color\n\t\t\t\t\tclassName=\"color-input--swatch absolute inset-1 rounded-radius-xs\"\n\t\t\t\t\tstyle={{ background: resolvedPreview || 'transparent' }}\n\t\t\t\t/>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"color\"\n\t\t\t\t\tvalue={pickerValue}\n\t\t\t\t\tdisabled={disabled || readOnly}\n\t\t\t\t\taria-label={pickerAriaLabel ?? strings.chooseColor}\n\t\t\t\t\tonInput={publishPickerInput}\n\t\t\t\t\tclassName=\"color-input--native absolute inset-0 size-full cursor-pointer opacity-0\"\n\t\t\t\t/>\n\t\t\t</label>\n\t\t\t{/*\n\t\t\t  * `font-mono` keeps the hex value column-aligned; the size is left to\n\t\t\t  * `Input` so the value matches every other control instead of\n\t\t\t  * rendering a step smaller than its own label.\n\t\t\t  */}\n\t\t\t<Input\n\t\t\t\t{...props}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tsize={size}\n\t\t\t\tvalue={resolvedValue}\n\t\t\t\tdisabled={disabled}\n\t\t\t\treadOnly={readOnly}\n\t\t\t\tinvalid={invalid}\n\t\t\t\tonChange={publishChange}\n\t\t\t\tstrings={inputStrings}\n\t\t\t\tclassName=\"min-w-0 flex-1 font-mono\"\n\t\t\t/>\n\t\t</Stack>\n\t);\n});\n\nColorInput.displayName = 'ColorInput';\n","import { sliderTrackThickness } from '../../../lib/track-recipes';\nimport * as React from 'react';\nimport { useCallback, useId, useMemo, type ElementRef } from 'react';\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport interface SliderStrings {\n\t/** Accessible fallback name for the native range input. */\n\tariaLabel: string;\n}\n\nexport const defaultSliderStrings: SliderStrings = {\n\tariaLabel: 'Value',\n};\n\nexport interface SliderImitationEvent {\n\ttarget: {\n\t\tname: string;\n\t\tvalue: number;\n\t};\n}\n\nexport interface SliderProps {\n\t/** Field name for form integration */\n\tname?: string;\n\n\t/** Element id */\n\tid?: string;\n\n\t/** Accessible name when a visible label is not associated with the slider. */\n\t'aria-label'?: string;\n\t/** Id of the visible label associated with the slider. */\n\t'aria-labelledby'?: string;\n\t/** Id of supporting or validation copy associated with the slider. */\n\t'aria-describedby'?: string;\n\t/** Localizes the fallback native-range name. */\n\tstrings?: StringsProp<SliderStrings>;\n\n\t/** Current value (single thumb) */\n\tvalue?: number;\n\n\t/** Default value when uncontrolled */\n\tdefaultValue?: number;\n\n\t/** Minimum value. Defaults to 0 */\n\tmin?: number;\n\n\t/** Maximum value. Defaults to 100 */\n\tmax?: number;\n\n\t/** Step increment. Defaults to 1 */\n\tstep?: number;\n\n\t/** Whether the slider is disabled */\n\tdisabled?: boolean;\n\n\t/** Error state for styling (passed from FormField) */\n\tinvalid?: boolean;\n\n\t/** Event-style change handler for react-hook-form compatibility */\n\tonChange?: (event: SliderImitationEvent) => void;\n\n\t/** Raw value change handler (alternative to onChange) */\n\tonValueChange?: (value: number) => void;\n\n\t/** Fires on pointer up / keyboard commit */\n\tonValueCommitted?: (value: number) => void;\n\n\t/** Show the current value next to the slider */\n\tshowValue?: boolean;\n\n\t/** Format the displayed value */\n\tformatValue?: (value: number) => string;\n\n\t/** Unit suffix displayed after the value (e.g. \"px\", \"%\", \"mm\") */\n\tunit?: string;\n\n\t/** Additional class name for the root wrapper */\n\tclassName?: string;\n\n\t/** Orientation */\n\torientation?: 'horizontal' | 'vertical';\n}\n\ntype SliderElement = ElementRef<typeof SliderPrimitive.Root>;\n\nfunction SliderFieldImpl(\n\t{\n\t\tname,\n\t\tid,\n\t\t'aria-label': ariaLabel,\n\t\t'aria-labelledby': ariaLabelledBy,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\tstrings: stringsProp,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep = 1,\n\t\tdisabled = false,\n\t\tinvalid = false,\n\t\tonChange,\n\t\tonValueChange,\n\t\tonValueCommitted,\n\t\tshowValue = false,\n\t\tformatValue,\n\t\tunit,\n\t\tclassName,\n\t\torientation = 'horizontal',\n\t}: SliderProps,\n\tref: React.ForwardedRef<SliderElement>,\n) {\n\tconst generatedId = useId();\n\tconst strings = useStrings(defaultSliderStrings, stringsProp);\n\tconst resolvedId = id ?? `slider-${generatedId}`;\n\tconst resolvedName = name ?? resolvedId;\n\tconst resolvedAriaLabel = ariaLabel ?? strings.ariaLabel;\n\n\tconst handleValueChange = useCallback(\n\t\t(newValue: number | readonly number[]) => {\n\t\t\tconst singleValue = Array.isArray(newValue) ? newValue[0] : newValue;\n\n\t\t\tonValueChange?.(singleValue);\n\n\t\t\tonChange?.({\n\t\t\t\ttarget: { name: resolvedName, value: singleValue },\n\t\t\t});\n\t\t},\n\t\t[resolvedName, onChange, onValueChange]\n\t);\n\n\tconst handleValueCommitted = useCallback(\n\t\t(newValue: number | readonly number[]) => {\n\t\t\tconst singleValue = Array.isArray(newValue) ? newValue[0] : newValue;\n\t\t\tonValueCommitted?.(singleValue);\n\t\t},\n\t\t[onValueCommitted]\n\t);\n\n\tconst displayValue = useMemo(() => {\n\t\tif (!showValue) return null;\n\n\t\tconst currentValue = value ?? defaultValue ?? min;\n\n\t\tif (formatValue) return formatValue(currentValue);\n\n\t\treturn unit ? `${currentValue}${unit}` : String(currentValue);\n\t}, [showValue, value, defaultValue, min, formatValue, unit]);\n\n\t// Wrap single value in array for the primitive\n\tconst sliderValue = value !== undefined ? [value] : undefined;\n\tconst sliderDefaultValue = defaultValue !== undefined ? [defaultValue] : [min];\n\n\treturn (\n\t\t<div className={cn('slider--component', 'flex items-center gap-space-lg', className)}>\n\t\t\t<SliderPrimitive.Root\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"slider\"\n\t\t\t\tid={resolvedId}\n\t\t\t\taria-label={resolvedAriaLabel}\n\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\tvalue={sliderValue}\n\t\t\t\tdefaultValue={sliderDefaultValue}\n\t\t\t\tmin={min}\n\t\t\t\tmax={max}\n\t\t\t\tstep={step}\n\t\t\t\tdisabled={disabled}\n\t\t\t\torientation={orientation}\n\t\t\t\tonValueChange={handleValueChange}\n\t\t\t\tonValueCommitted={handleValueCommitted}\n\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t// Inset by half the thumb: at min and max the thumb's outer edge meets the\n\t\t\t\t// field column's edge, lining up with the label and neighbouring frames\n\t\t\t\t// instead of overhanging them or sitting a control inset inside them.\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'box-border data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-[calc(var(--icon)/2)] data-[orientation=vertical]:h-full',\n\t\t\t\t\t'min-w-0 flex-1',\n\t\t\t\t\tinvalid && '[&_[data-slot=slider-range]]:bg-destructive',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=horizontal]:min-h-control data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\">\n\t\t\t\t\t<SliderPrimitive.Track\n\t\t\t\t\t\tdata-slot=\"slider-track\"\n\t\t\t\t\t\tclassName={cn('relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full', sliderTrackThickness)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SliderPrimitive.Indicator\n\t\t\t\t\t\t\tdata-slot=\"slider-range\"\n\t\t\t\t\t\t\tclassName=\"absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SliderPrimitive.Track>\n\t\t\t\t\t{/* Keyboard focus draws the shared full-strength 2px ring; hover adds\n\t\t\t\t\t    none, so a pointer over the thumb is never mistaken for focus.\n\t\t\t\t\t    The control already dims when disabled, so the thumb does not again. */}\n\t\t\t\t\t<SliderPrimitive.Thumb\n\t\t\t\t\t\tindex={0}\n\t\t\t\t\t\tdata-slot=\"slider-thumb\"\n\t\t\t\t\t\tgetAriaLabel={() => resolvedAriaLabel}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'block size-icon shrink-0 rounded-full border border-primary bg-background shadow-sm transition-[color,box-shadow] select-none',\n\t\t\t\t\t\t\t'has-[:focus-visible]:outline-hidden has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring data-disabled:pointer-events-none',\n\t\t\t\t\t\t\tinvalid && 'border-destructive has-[:focus-visible]:ring-destructive',\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</SliderPrimitive.Control>\n\t\t\t</SliderPrimitive.Root>\n\n\t\t\t{!!showValue && displayValue !== null && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\ttype={invalid ? 'error' : 'secondary'}\n\t\t\t\t\tclassName=\"min-w-8 shrink-0 text-right tabular-nums\"\n\t\t\t\t>\n\t\t\t\t\t{displayValue}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst SliderField = React.forwardRef<SliderElement, SliderProps>(SliderFieldImpl);\nSliderField.displayName = 'SliderField';\n\nexport { SliderField };\n","import { forwardRef, useCallback } from 'react';\nimport { DatePicker } from '../date-pickers/date-picker';\nimport type { DateOutput } from '../date-pickers/datepicker.types';\n\nexport interface DateTimeInputProps {\n\t/** Controlled value (ISO string) */\n\tvalue?: string;\n\n\t/** Change handler */\n\tonValueChange?: (value: string | undefined) => void;\n\n\t/** Placeholder text */\n\tplaceholder?: string;\n\n\t/** Display format for the date */\n\treadableFormat?: string;\n\n\t/** Step for time selection, in minutes. Default `30`. */\n\tstepMinutes?: number;\n\n\t/** Use modal for picker */\n\tmodal?: boolean;\n\n\t/** Error state for styling (passed from FormField). Validation copy stays with FormField. */\n\tinvalid?: boolean;\n\n\t/** Disabled state */\n\tdisabled?: boolean;\n\n\t/** Id of the trigger, so an external `<FormField label>` names it. Defaults to a generated id. */\n\tid?: string;\n}\n\nexport const DateTimeInput = forwardRef<HTMLDivElement, DateTimeInputProps>(function DateTimeInput({\n\tvalue,\n\tonValueChange,\n\tplaceholder,\n\treadableFormat = 'dd-MM-yyyy HH:mm',\n\tstepMinutes = 30,\n\tmodal = true,\n\tinvalid,\n\tdisabled,\n\tid,\n}: DateTimeInputProps, ref) {\n\tconst dateValue = value ? new Date(value) : undefined;\n\n\tconst handleChange = useCallback(\n\t\t(output: DateOutput) => {\n\t\t\tonValueChange?.(output.date ? output.date.toISOString() : undefined);\n\t\t},\n\t\t[onValueChange]\n\t);\n\n\treturn (\n\t\t<DatePicker ref={ref} className=\"date-time-input--component\"\n\t\t\tid={id}\n\t\t\tmode=\"single\"\n\t\t\tdisabled={disabled}\n\t\t\t// Marks the trigger invalid without rendering a second, empty message\n\t\t\t// line: the surrounding FormField owns the validation copy.\n\t\t\tinvalid={invalid}\n\t\t\tplaceholder={placeholder}\n\t\t\tvalue={dateValue}\n\t\t\tonValueChange={handleChange}\n\t\t\treadableFormat={readableFormat}\n\t\t\t// The time field's step is in seconds; this component's is in minutes.\n\t\t\twithTime={{ enabled: true, format: '24', step: stepMinutes * 60 }}\n\t\t\tmodal={modal}\n\t\t/>\n\t);\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"mappings":"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"}

package/dist/value-typography-Deb3yQZg.js

@@ -0,0 +1,116 @@
+import { l as e } from "./typography-CAr3dQhX.js";
+function t(e, t) {
+	return e.formatToParts(t).map((e) => e.type === "minusSign" ? e.value.replace("-", "−") : e.value).join("");
+}
+function n(e, n = {}) {
+	if (!Number.isFinite(e)) return "—";
+	let { locale: r, minimumFractionDigits: i, maximumFractionDigits: a, notation: o } = n;
+	return t(new Intl.NumberFormat(r, {
+		minimumFractionDigits: i,
+		maximumFractionDigits: a,
+		notation: o
+	}), e);
+}
+function r(e, n = {}) {
+	if (!Number.isFinite(e)) return "—";
+	let { locale: r, minimumFractionDigits: i, maximumFractionDigits: a = 1, scaled: o = !1 } = n, s = o ? e / 100 : e;
+	return t(new Intl.NumberFormat(r, {
+		style: "percent",
+		minimumFractionDigits: i,
+		maximumFractionDigits: a
+	}), s);
+}
+var i = [
+	{
+		unit: "day",
+		milliseconds: 864e5
+	},
+	{
+		unit: "hour",
+		milliseconds: 36e5
+	},
+	{
+		unit: "minute",
+		milliseconds: 6e4
+	},
+	{
+		unit: "second",
+		milliseconds: 1e3
+	},
+	{
+		unit: "millisecond",
+		milliseconds: 1
+	}
+], a = {
+	milliseconds: 1,
+	seconds: 1e3,
+	minutes: 6e4,
+	hours: 36e5,
+	days: 864e5
+};
+function o(e, n = {}) {
+	if (!Number.isFinite(e)) return "—";
+	let { from: r = "seconds", locale: o, maxParts: s = i.length, unitDisplay: c = "narrow", minimumFractionDigits: l } = n, u = Math.max(l ?? 0, n.maximumFractionDigits ?? 0), d = Math.max(1, Math.floor(s)), f = e < 0, p = Math.abs(e) * a[r];
+	if (r === "seconds" && n.minimumFractionDigits === void 0 && n.maximumFractionDigits === void 0 && (p = Math.round(p / 1e3) * 1e3), p === 0) {
+		let e = r === "milliseconds" ? "millisecond" : "second";
+		return new Intl.NumberFormat(o, {
+			style: "unit",
+			unit: e,
+			unitDisplay: c,
+			minimumFractionDigits: l,
+			maximumFractionDigits: u
+		}).format(0);
+	}
+	let m = p, h = [];
+	for (let e = 0; e < i.length; e += 1) {
+		let t = i[e], n = Math.floor(m / t.milliseconds);
+		n > 0 && h.push(e), m -= n * t.milliseconds;
+	}
+	let g = i[h[Math.min(d, h.length) - 1] ?? i.length - 1].milliseconds / 10 ** u;
+	if (p = Math.round(p / g) * g, p === 0) {
+		let e = r === "milliseconds" ? "millisecond" : "second";
+		return new Intl.NumberFormat(o, {
+			style: "unit",
+			unit: e,
+			unitDisplay: c,
+			minimumFractionDigits: l,
+			maximumFractionDigits: u
+		}).format(0);
+	}
+	let _ = p, v = Math.max(0, i.findIndex(({ milliseconds: e }) => _ >= e)), y = [];
+	for (let e = v; e < i.length && y.length < d; e += 1) {
+		let n = i[e], r = y.length === d - 1 || e === i.length - 1, a = r ? _ / n.milliseconds : Math.floor(_ / n.milliseconds);
+		if ((r ? Math.round(a * 10 ** u) / 10 ** u : a) <= 0) continue;
+		let s = f && y.length === 0 ? -a : a;
+		y.push(t(new Intl.NumberFormat(o, {
+			style: "unit",
+			unit: n.unit,
+			unitDisplay: c,
+			minimumFractionDigits: r ? l : 0,
+			maximumFractionDigits: r ? u : 0
+		}), s)), _ -= Math.floor(a) * n.milliseconds;
+	}
+	return y.join(" ");
+}
+//#endregion
+//#region src/components/primitives/value-typography.ts
+function s(t, n) {
+	let r = e();
+	return {
+		size: t.size ?? (r ? "inherit" : n.size),
+		type: t.type ?? (r && !n.keepType ? "inherit" : n.type),
+		weight: t.weight ?? (r ? "inherit" : n.weight),
+		lineHeight: t.lineHeight ?? (r ? n.inTextLineHeight ?? "inherit" : void 0)
+	};
+}
+function c(e, t) {
+	return {
+		...e,
+		type: "secondary",
+		weight: t ?? (e.weight === "inherit" ? "inherit" : "regular")
+	};
+}
+//#endregion
+export { r as a, n as i, s as n, t as o, o as r, c as t };
+
+//# sourceMappingURL=value-typography-Deb3yQZg.js.map

package/dist/value-typography-Deb3yQZg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-typography-Deb3yQZg.js","names":["useInRunningText","formatWithMinusSign","formatter","value","part","formatNumber","options","locale","formatPercentage","ratio","scaled","DURATION_FACTORS","DURATION_INPUT_FACTORS","formatDuration","maximumFractionDigits","minimumFractionDigits","safeMaxParts","maxParts","negative","totalMilliseconds","from","zeroUnit","unitProbe","populatedUnitIndexes","index","factor","amount","roundingIncrement","remaining","startIndex","milliseconds","parts","isLastPart","signedAmount","useValueTypography","inText","props","role","emptyValueTypography","resolved","explicitWeight"],"sources":["../src/lib/format.ts","../src/components/primitives/value-typography.ts"],"sourcesContent":["/**\n * Shared formatting constants and helpers for display components.\n *\n * `EMPTY` — em-dash used as the canonical placeholder for missing/null values\n * across Money and the package's display primitives. Keeping it\n * centralised lets the library swap to \"—\" / \"N/A\" / locale-specific glyphs in\n * one place if needed.\n *\n * `formatCurrency` / `formatNumber` / `formatPercentage` / `formatDuration`\n * are thin wrappers around `Intl.NumberFormat` plus a duration helper. They\n * default to the user's resolved locale (`undefined` → system default) but\n * accept a `locale` override so callers can pin output for tests or\n * dual-currency UIs.\n */\nexport const EMPTY = '—';\n\n/** U+2212 MINUS SIGN. Intl emits U+002D HYPHEN-MINUS for negatives in most locales. */\nexport const MINUS_SIGN = '\\u2212';\n\n/**\n * Formats with Intl and draws a negative sign as U+2212, the typographic minus\n * commerce surfaces already use: it has the width of a digit, so signed values\n * align in tabular columns. Only the hyphen-minus inside the `minusSign` part\n * changes, so locale minus forms and bidi marks (fa, he, ar) survive.\n */\nexport function formatWithMinusSign(formatter: Intl.NumberFormat, value: number): string {\n\treturn formatter\n\t\t.formatToParts(value)\n\t\t.map((part) => (part.type === 'minusSign' ? part.value.replace('-', MINUS_SIGN) : part.value))\n\t\t.join('');\n}\n\nexport interface FormatNumberOptions {\n\tlocale?: string;\n\tminimumFractionDigits?: number;\n\tmaximumFractionDigits?: number;\n\tnotation?: Intl.NumberFormatOptions['notation'];\n}\n\nexport function formatNumber(value: number, options: FormatNumberOptions = {}): string {\n\tif (!Number.isFinite(value)) return EMPTY;\n\tconst {\n\t\tlocale,\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t\tnotation,\n\t} = options;\n\treturn formatWithMinusSign(new Intl.NumberFormat(locale, {\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t\tnotation,\n\t}), value);\n}\n\nexport interface FormatCurrencyOptions extends FormatNumberOptions {\n\tcurrency?: string;\n\tcurrencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';\n}\n\nexport function formatCurrency(value: number, options: FormatCurrencyOptions = {}): string {\n\tif (!Number.isFinite(value)) return EMPTY;\n\tconst {\n\t\tlocale,\n\t\tcurrency = 'EUR',\n\t\tcurrencyDisplay = 'symbol',\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t\tnotation,\n\t} = options;\n\ttry {\n\t\treturn formatWithMinusSign(new Intl.NumberFormat(locale, {\n\t\t\tstyle: 'currency',\n\t\t\tcurrency,\n\t\t\tcurrencyDisplay,\n\t\t\tminimumFractionDigits,\n\t\t\tmaximumFractionDigits,\n\t\t\tnotation,\n\t\t}), value);\n\t} catch {\n\t\t// Unknown / unsupported currency code — fall back to plain number + code suffix.\n\t\treturn `${formatNumber(value, options)} ${currency}`;\n\t}\n}\n\nexport interface FormatPercentageOptions extends FormatNumberOptions {\n\t/** When true, treat `value` as already a percentage (e.g. 12.5 → \"12.5%\"). Default: false (0.125 → \"12.5%\"). */\n\tscaled?: boolean;\n}\n\nexport function formatPercentage(value: number, options: FormatPercentageOptions = {}): string {\n\tif (!Number.isFinite(value)) return EMPTY;\n\tconst { locale, minimumFractionDigits, maximumFractionDigits = 1, scaled = false } = options;\n\tconst ratio = scaled ? value / 100 : value;\n\treturn formatWithMinusSign(new Intl.NumberFormat(locale, {\n\t\tstyle: 'percent',\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t}), ratio);\n}\n\n/** Input and display options for localized duration formatting. Seconds and\n * narrow units are the calibrated defaults. */\nexport type DurationUnit = 'milliseconds' | 'seconds' | 'minutes' | 'hours' | 'days';\nexport type DurationUnitDisplay = 'narrow' | 'short' | 'long';\n\nexport interface FormatDurationOptions {\n\t/** Unit used by the incoming value. Defaults to seconds. */\n\tfrom?: DurationUnit;\n\t/** BCP-47 locale passed to Intl.NumberFormat. */\n\tlocale?: string;\n\t/** Number of non-zero units to show. Defaults to all five units. */\n\tmaxParts?: number;\n\t/** Intl unit-label style. `narrow` provides the compact `1h 5m` default. */\n\tunitDisplay?: DurationUnitDisplay;\n\tminimumFractionDigits?: number;\n\tmaximumFractionDigits?: number;\n}\n\nconst DURATION_FACTORS = [\n\t{ unit: 'day', milliseconds: 86_400_000 },\n\t{ unit: 'hour', milliseconds: 3_600_000 },\n\t{ unit: 'minute', milliseconds: 60_000 },\n\t{ unit: 'second', milliseconds: 1_000 },\n\t{ unit: 'millisecond', milliseconds: 1 },\n] as const;\n\nconst DURATION_INPUT_FACTORS: Record<DurationUnit, number> = {\n\tmilliseconds: 1,\n\tseconds: 1_000,\n\tminutes: 60_000,\n\thours: 3_600_000,\n\tdays: 86_400_000,\n};\n\n/**\n * Format a duration into localized unit parts. Values use seconds and compact\n * unit labels by default; pass `from` to select another input unit.\n */\nexport function formatDuration(value: number, options: FormatDurationOptions = {}): string {\n\tif (!Number.isFinite(value)) return EMPTY;\n\n\tconst {\n\t\tfrom = 'seconds',\n\t\tlocale,\n\t\tmaxParts = DURATION_FACTORS.length,\n\t\tunitDisplay = 'narrow',\n\t\tminimumFractionDigits,\n\t} = options;\n\tconst maximumFractionDigits = Math.max(\n\t\tminimumFractionDigits ?? 0,\n\t\toptions.maximumFractionDigits ?? 0,\n\t);\n\tconst safeMaxParts = Math.max(1, Math.floor(maxParts));\n\tconst negative = value < 0;\n\tlet totalMilliseconds = Math.abs(value) * DURATION_INPUT_FACTORS[from];\n\n\t// The calibrated seconds default rounds to the nearest whole second unless\n\t// fractional precision is explicitly requested, including below one second.\n\tif (\n\t\tfrom === 'seconds'\n\t\t&& options.minimumFractionDigits === undefined\n\t\t&& options.maximumFractionDigits === undefined\n\t) {\n\t\ttotalMilliseconds = Math.round(totalMilliseconds / 1_000) * 1_000;\n\t}\n\n\tif (totalMilliseconds === 0) {\n\t\tconst zeroUnit = from === 'milliseconds' ? 'millisecond' : 'second';\n\t\treturn new Intl.NumberFormat(locale, {\n\t\t\tstyle: 'unit',\n\t\t\tunit: zeroUnit,\n\t\t\tunitDisplay,\n\t\t\tminimumFractionDigits,\n\t\t\tmaximumFractionDigits,\n\t\t}).format(0);\n\t}\n\n\t// Round at the smallest unit that will be displayed before decomposing the\n\t// value. This lets carries propagate normally instead of producing invalid\n\t// output such as `59m 60s` or `23h 60m` at a max-parts boundary.\n\tlet unitProbe = totalMilliseconds;\n\tconst populatedUnitIndexes: number[] = [];\n\tfor (let index = 0; index < DURATION_FACTORS.length; index += 1) {\n\t\tconst factor = DURATION_FACTORS[index];\n\t\tconst amount = Math.floor(unitProbe / factor.milliseconds);\n\t\tif (amount > 0) populatedUnitIndexes.push(index);\n\t\tunitProbe -= amount * factor.milliseconds;\n\t}\n\tconst roundingUnitIndex = populatedUnitIndexes[\n\t\tMath.min(safeMaxParts, populatedUnitIndexes.length) - 1\n\t] ?? DURATION_FACTORS.length - 1;\n\tconst roundingUnit = DURATION_FACTORS[roundingUnitIndex];\n\tconst roundingIncrement = roundingUnit.milliseconds / (10 ** maximumFractionDigits);\n\ttotalMilliseconds = Math.round(totalMilliseconds / roundingIncrement) * roundingIncrement;\n\n\tif (totalMilliseconds === 0) {\n\t\tconst zeroUnit = from === 'milliseconds' ? 'millisecond' : 'second';\n\t\treturn new Intl.NumberFormat(locale, {\n\t\t\tstyle: 'unit',\n\t\t\tunit: zeroUnit,\n\t\t\tunitDisplay,\n\t\t\tminimumFractionDigits,\n\t\t\tmaximumFractionDigits,\n\t\t}).format(0);\n\t}\n\n\tlet remaining = totalMilliseconds;\n\n\tconst startIndex = Math.max(\n\t\t0,\n\t\tDURATION_FACTORS.findIndex(({ milliseconds }) => remaining >= milliseconds),\n\t);\n\tconst parts: string[] = [];\n\n\tfor (let index = startIndex; index < DURATION_FACTORS.length && parts.length < safeMaxParts; index += 1) {\n\t\tconst factor = DURATION_FACTORS[index];\n\t\tconst isLastPart = parts.length === safeMaxParts - 1 || index === DURATION_FACTORS.length - 1;\n\t\tconst amount = isLastPart ? remaining / factor.milliseconds : Math.floor(remaining / factor.milliseconds);\n\t\tconst visibleAmount = isLastPart\n\t\t\t? Math.round(amount * (10 ** maximumFractionDigits)) / (10 ** maximumFractionDigits)\n\t\t\t: amount;\n\t\tif (visibleAmount <= 0) continue;\n\n\t\tconst signedAmount = negative && parts.length === 0 ? -amount : amount;\n\t\tparts.push(formatWithMinusSign(new Intl.NumberFormat(locale, {\n\t\t\tstyle: 'unit',\n\t\t\tunit: factor.unit,\n\t\t\tunitDisplay,\n\t\t\tminimumFractionDigits: isLastPart ? minimumFractionDigits : 0,\n\t\t\tmaximumFractionDigits: isLastPart ? maximumFractionDigits : 0,\n\t\t}), signedAmount));\n\t\tremaining -= Math.floor(amount) * factor.milliseconds;\n\t}\n\n\treturn parts.join(' ');\n}\n","import type { TextSize } from '../../lib/ui-provider';\nimport { useInRunningText } from '../typography/running-text';\nimport type { TextProps } from '../typography/text';\n\ntype TextType = NonNullable<TextProps['type']>;\ntype TextWeight = NonNullable<TextProps['weight']>;\ntype TextLineHeight = NonNullable<TextProps['lineHeight']>;\n\n/** Typography props a value primitive accepts and passes to `Text`. */\nexport interface ValueTypographyProps {\n\tsize?: TextSize;\n\ttype?: TextProps['type'];\n\tweight?: TextProps['weight'];\n\tlineHeight?: TextProps['lineHeight'];\n}\n\n/** Resolved typography; `undefined` size means the provider default. */\nexport interface ValueTypography {\n\tsize: TextSize | undefined;\n\ttype: TextType;\n\tweight: TextWeight;\n\tlineHeight: TextLineHeight | undefined;\n}\n\n/** Standalone role of a value primitive. */\nexport interface ValueTypographyRole {\n\t/** Colour role outside running text. */\n\ttype: TextType;\n\t/** Weight outside running text. */\n\tweight: TextWeight;\n\t/** Size outside running text; the provider default when omitted. */\n\tsize?: TextSize;\n\t/**\n\t * Keep the colour role inside running text. Secondary, muted and empty values\n\t * stay recessive in a sentence; ordinary values take the sentence colour.\n\t */\n\tkeepType?: boolean;\n\t/**\n\t * Leading inside running text. Defaults to the surrounding leading. A span in\n\t * another font family (monospace) uses `none` so its own ascent and descent\n\t * never grow the sentence's line box; the line keeps the sentence leading.\n\t */\n\tinTextLineHeight?: TextLineHeight;\n}\n\n/**\n * Resolves what a value primitive passes to `Text`. Explicit props always win.\n * Inside running text (a `Text`, `Heading`, label, link or value parent) unset\n * size, colour, weight and leading inherit the surrounding text, so an SKU or an\n * amount in a sentence matches the words around it. A standalone value keeps\n * its role defaults and the provider text size.\n */\nexport function useValueTypography(props: ValueTypographyProps, role: ValueTypographyRole): ValueTypography {\n\tconst inText = useInRunningText();\n\treturn {\n\t\tsize: props.size ?? (inText ? 'inherit' : role.size),\n\t\ttype: props.type ?? (inText && !role.keepType ? 'inherit' : role.type),\n\t\tweight: props.weight ?? (inText ? 'inherit' : role.weight),\n\t\tlineHeight: props.lineHeight ?? (inText ? role.inTextLineHeight ?? 'inherit' : undefined),\n\t};\n}\n\n/**\n * The shared missing-value treatment (`EmptyValue`): secondary colour and a\n * regular weight at the value's size. An explicit weight is kept; inside\n * running text the weight follows the sentence.\n */\nexport function emptyValueTypography(resolved: ValueTypography, explicitWeight: TextProps['weight']): ValueTypography {\n\treturn {\n\t\t...resolved,\n\t\ttype: 'secondary',\n\t\tweight: explicitWeight ?? (resolved.weight === 'inherit' ? 'inherit' : 'regular'),\n\t};\n}\n"],"mappings":"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"}

package/dist/{workspace-CcR8r-Nt.js → workspace-YoFjXi6i.js}

@@ -1,14 +1,14 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-BvH9PSmq.js";
-import { a as n, i as r, r as i } from "./typography-BxQgiZyw.js";
-import { t as a } from "./button-BZDasD04.js";
-import { t as o } from "./structure-CRdqVawd.js";
-import { t as s } from "./progress-BroqrAyV.js";
-import { _ as c, g as l } from "./primitives-C7ff0QaI.js";
-import { t as u } from "./badge-CzId1Wlm.js";
-import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "./item-DE4YnuJx.js";
-import { d as v } from "./hooks-BrlnCwQd.js";
+import { t } from "./utils-Cospvlj1.js";
+import { a as n, o as r, s as i } from "./typography-CAr3dQhX.js";
+import { t as a } from "./button-BS3KDg00.js";
+import { t as o } from "./structure-hzCW-XsV.js";
+import { t as s } from "./progress-Br9WTFya.js";
+import { _ as c, g as l } from "./primitives-BHrwQXFC.js";
+import { t as u } from "./badge-0tATj-tW.js";
+import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "./item-xzh8Df65.js";
+import { d as v } from "./hooks-DQ5SPwZw.js";
 import * as y from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 import { Check as C, Circle as w, CircleAlert as T } from "lucide-react";
@@ -143,7 +143,7 @@ var I = y.forwardRef(function({ title: a, description: s, textGap: l = "dense",
 						]
 					})]
 				}),
-				!!s && /* @__PURE__ */ x(n, {
+				!!s && /* @__PURE__ */ x(i, {
 					type: "secondary",
 					className: "workspace-record-header--description max-w-4xl leading-relaxed",
 					children: s
@@ -153,8 +153,7 @@ var I = y.forwardRef(function({ title: a, description: s, textGap: l = "dense",
 					className: "workspace-record-header--metadata flex flex-wrap items-center gap-x-space-xl gap-y-space-xs",
 					children: d.map((e, t) => /* @__PURE__ */ S("div", {
 						className: "flex items-baseline gap-space-sm",
-						children: [/* @__PURE__ */ x(i, { children: e.label }), /* @__PURE__ */ x(c, {
-							weight: "medium",
+						children: [/* @__PURE__ */ x(n, { children: e.label }), /* @__PURE__ */ x(c, {
 							className: "tabular-nums",
 							children: e.value
 						})]
@@ -208,33 +207,33 @@ var L = y.forwardRef(function({ groups: r, activeId: a, onSelect: c, renderItem:
 				children: [!!e.label && /* @__PURE__ */ S(o, {
 					gap: "dense",
 					className: "workspace-nav--group-header px-space-xs",
-					children: [/* @__PURE__ */ x(i, { children: e.label }), !!e.description && /* @__PURE__ */ x(n, {
+					children: [/* @__PURE__ */ x(n, { children: e.label }), !!e.description && /* @__PURE__ */ x(i, {
 						size: "xs",
 						type: "secondary",
 						children: e.description
 					})]
 				}), /* @__PURE__ */ x(m, {
 					className: "workspace-nav--items gap-space-xs",
-					children: e.items.map((r, i) => {
-						let o = r.id === a, m = P(r, o), v = A[m], C = r.completion === void 0 ? void 0 : M(r.completion), w = (e) => {
-							if (r.disabled) {
+					children: e.items.map((n, r) => {
+						let o = n.id === a, m = P(n, o), v = A[m], C = n.completion === void 0 ? void 0 : M(n.completion), w = (e) => {
+							if (n.disabled) {
 								e.preventDefault();
 								return;
 							}
-							c?.(r);
+							c?.(n);
 						}, T = {
 							active: o,
 							group: e,
-							index: i,
+							index: r,
 							onSelect: w
 						};
-						if (u) return /* @__PURE__ */ x(y.Fragment, { children: u(r, T) }, r.id);
+						if (u) return /* @__PURE__ */ x(y.Fragment, { children: u(n, T) }, n.id);
 						let E = /* @__PURE__ */ S(b, { children: [
 							/* @__PURE__ */ x(d, {
 								variant: "icon",
 								className: t(o && "bg-primary/10 text-primary-accent"),
-								children: r.icon ? /* @__PURE__ */ x(N, {
-									icon: r.icon,
+								children: n.icon ? /* @__PURE__ */ x(N, {
+									icon: n.icon,
 									className: "size-icon"
 								}) : /* @__PURE__ */ x(v, {
 									className: t("size-icon-md", j[m]),
@@ -244,16 +243,16 @@ var L = y.forwardRef(function({ groups: r, activeId: a, onSelect: c, renderItem:
 							/* @__PURE__ */ S(h, { children: [
 								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-space-sm",
-									children: [/* @__PURE__ */ x(_, { children: r.label }), o && /* @__PURE__ */ x(n, {
+									children: [/* @__PURE__ */ x(_, { children: n.label }), o && /* @__PURE__ */ x(i, {
 										tag: "span",
 										size: "inherit",
 										className: "sr-only",
 										children: F.currentLabel
 									})]
 								}),
-								!!r.description && /* @__PURE__ */ x(f, {
+								!!n.description && /* @__PURE__ */ x(f, {
 									clamp: 2,
-									children: r.description
+									children: n.description
 								}),
 								C !== void 0 && /* @__PURE__ */ S("div", {
 									className: "mt-1.5 flex items-center gap-space-md",
@@ -269,18 +268,18 @@ var L = y.forwardRef(function({ groups: r, activeId: a, onSelect: c, renderItem:
 									})]
 								})
 							] }),
-							!!r.badge && /* @__PURE__ */ x(p, { children: r.badge })
-						] }), D = t("workspace-nav--item w-full border border-transparent px-row-x py-row-y text-left transition-colors", o && "border-primary/20 bg-primary/5", r.warning && !o && "border-warning/30 bg-warning/5", r.disabled && "pointer-events-none opacity-50");
-						if (r.href) {
+							!!n.badge && /* @__PURE__ */ x(p, { children: n.badge })
+						] }), D = t("workspace-nav--item w-full border border-transparent px-row-x py-row-y text-left transition-colors", o && "border-primary/20 bg-primary/5", n.warning && !o && "border-warning/30 bg-warning/5", n.disabled && "pointer-events-none opacity-50");
+						if (n.href) {
 							let e = I({
-								href: r.href,
+								href: n.href,
 								children: E,
 								className: "block",
 								active: o,
-								disabled: r.disabled,
-								external: r.external,
-								target: r.target,
-								rel: r.rel,
+								disabled: n.disabled,
+								external: n.external,
+								target: n.target,
+								rel: n.rel,
 								onClick: w
 							});
 							return /* @__PURE__ */ x(g, {
@@ -288,18 +287,18 @@ var L = y.forwardRef(function({ groups: r, activeId: a, onSelect: c, renderItem:
 								render: e,
 								className: D,
 								children: E
-							}, r.id);
+							}, n.id);
 						}
 						return /* @__PURE__ */ x(g, {
 							size: "md",
 							render: /* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: w,
-								disabled: r.disabled
+								disabled: n.disabled
 							}),
 							className: D,
 							children: E
-						}, r.id);
+						}, n.id);
 					})
 				})]
 			}, e.id))
@@ -310,7 +309,7 @@ var L = y.forwardRef(function({ groups: r, activeId: a, onSelect: c, renderItem:
 	});
 });
 L.displayName = "WorkspaceNav";
-var R = y.forwardRef(function({ locales: r, activeLocale: i, onLocaleChange: s, actions: c, status: l, className: d, strings: f, ...p }, m) {
+var R = y.forwardRef(function({ locales: n, activeLocale: r, onLocaleChange: s, actions: c, status: l, className: d, strings: f, ...p }, m) {
 	let h = e(O, f), g = (e) => {
 		e.disabled || s?.(e);
 	};
@@ -326,15 +325,15 @@ var R = y.forwardRef(function({ locales: r, activeLocale: i, onLocaleChange: s,
 			className: "workspace-locale-strip--locales min-w-0",
 			role: "group",
 			"aria-label": h.ariaLabel,
-			children: r.map((e) => {
-				let r = e.id === i, s = e.completion === void 0 ? void 0 : M(e.completion);
+			children: n.map((e) => {
+				let n = e.id === r, s = e.completion === void 0 ? void 0 : M(e.completion);
 				return /* @__PURE__ */ x(a, {
 					type: "button",
-					tone: r ? "primary" : "secondary",
-					buttonStyle: r ? "solid" : "ghost",
+					tone: n ? "primary" : "secondary",
+					buttonStyle: n ? "solid" : "ghost",
 					onClick: () => g(e),
 					disabled: e.disabled,
-					"aria-pressed": r,
+					"aria-pressed": n,
 					className: t("workspace-locale-strip--item justify-start"),
 					children: /* @__PURE__ */ S(o, {
 						direction: "horizontal",
@@ -343,13 +342,13 @@ var R = y.forwardRef(function({ locales: r, activeLocale: i, onLocaleChange: s,
 						render: /* @__PURE__ */ x("span", {}),
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ x(n, {
+							/* @__PURE__ */ x(i, {
 								tag: "span",
 								size: "inherit",
 								className: "truncate text-inherit",
 								children: e.label
 							}),
-							r && /* @__PURE__ */ x(n, {
+							n && /* @__PURE__ */ x(i, {
 								tag: "span",
 								size: "inherit",
 								className: "sr-only",
@@ -357,7 +356,7 @@ var R = y.forwardRef(function({ locales: r, activeLocale: i, onLocaleChange: s,
 							}),
 							s !== void 0 && /* @__PURE__ */ x(u, {
 								tone: s >= 100 ? "success" : "secondary",
-								className: t("shrink-0", r && "border-primary-foreground/20 bg-primary-foreground/10 text-primary-foreground"),
+								className: t("shrink-0", n && "border-primary-foreground/20 bg-primary-foreground/10 text-primary-foreground"),
 								children: h.completionLabel(s)
 							}),
 							!!e.status && /* @__PURE__ */ x("span", {
@@ -392,4 +391,4 @@ R.displayName = "WorkspaceLocaleStrip";
 //#endregion
 export { O as a, I as i, R as n, D as o, L as r, E as s, F as t };
 
-//# sourceMappingURL=workspace-CcR8r-Nt.js.map
+//# sourceMappingURL=workspace-YoFjXi6i.js.map