themelia-react-ui 1.0.2 → 2.0.0

package/dist/base/inline-edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-edit.js","names":["React","useDensityConfig","cn","affordanceGeometry","Text","Button","Grid","Stack","editableTextSizeClasses","formControlMinHeightClasses","formFieldTriggerClasses","formControlIconClasses","resolveFormControlSize","Input","Textarea","FormField","React$1","inlineEditRecipes","defaultInlineEditStrings","InlineEdit","valueProp","editingProp","stringsProp","sizeProp","providedId","rootProps","generatedId","id","supportingId","strings","useStrings","size","defaultScale","localValue","setLocalValue","defaultValue","value","localEditing","setLocalEditing","defaultEditing","editing","readOnly","disabled","draft","setDraft","error","setError","saving","setSaving","editorRef","triggerRef","pending","generation","latest","previous","restoreFocus","invalidate","entering","replaced","requestEditing","next","onEditingChange","dismiss","save","loading","nextValue","controller","version","committedAtStart","current","validationError","required","validate","onSave","onValueChange","cause","onKeyDown","event","multiline","support","description","accessibleName","label","editLabel","display","renderValue","placeholder","displayClasses","editorProps","clearable","invalid","className","name","textareaProps","inputProps","LoaderCircle","PencilIcon","CheckIcon","XIcon"],"sources":["../../src/components/base/inline-edit/inline-edit.recipes.ts","../../src/components/base/inline-edit/inline-edit.tsx"],"sourcesContent":["/** Private field/action layout; geometry remains generated from shared roots. */\nexport const inlineEditRecipes = {\n\tframe: 'transition-[grid-template-columns,column-gap] duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none',\n\tclosedColumns: 'grid-cols-[minmax(0,1fr)_0px]',\n\tactionsTrack: 'min-w-0 flex items-center justify-end overflow-hidden focus-within:overflow-visible transition-opacity duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none',\n} as const;\n","import * as React from 'react';\nimport { CheckIcon, LoaderCircle, PencilIcon, XIcon } from 'lucide-react';\nimport { cn } from '../../../lib/utils';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { editableTextSizeClasses } from '../../../lib/editable-text-recipe';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { formControlIconClasses, formControlMinHeightClasses, formFieldTriggerClasses, resolveFormControlSize } from '../forms/form-sizing';\nimport { Button } from '../buttons';\nimport { FormField } from '../forms/form-field';\nimport { Grid, Stack } from '../structure';\nimport { Input, Textarea, type InputProps, type TextareaProps } from '../text-inputs';\nimport { Text } from '../../typography';\nimport { inlineEditRecipes } from './inline-edit.recipes';\n\nexport interface InlineEditStrings {\n\t/** Accessible name of the edit action when editLabel is absent. */\n\tedit: string;\n\t/** Accessible name of the save action. */\n\tsave: string;\n\t/** Accessible name of the cancel action, including while saving. */\n\tcancel: string;\n\t/** Live announcement and save action name during persistence. */\n\tsaving: string;\n\t/** Validation copy for a required empty value. */\n\trequired: string;\n\t/** Fallback copy for a rejected save without an Error message. */\n\tsaveError: string;\n\t/** Display copy for an empty value when placeholder is absent. */\n\tempty: string;\n}\n\nexport const defaultInlineEditStrings: InlineEditStrings = {\n\tedit: 'Edit value', save: 'Save changes', cancel: 'Cancel editing',\n\tsaving: 'Saving changes', required: 'Enter a value.',\n\tsaveError: 'Unable to save. Try again.', empty: 'Add a value',\n};\n\nexport interface InlineEditSaveContext {\n\t/** Aborted on cancel, unmount, external value replacement, or external dismissal. */\n\tsignal: AbortSignal;\n}\n\ntype SharedControlProps = Pick<InputProps, 'size' | 'invalid' | 'loading' | 'clearable' | 'onClear' | 'showCharacterCount'>;\ntype OwnedEditorProps = keyof SharedControlProps | 'value' | 'defaultValue' | 'onChange' | 'ref' | 'id' | 'name' | 'form' | 'required' | 'disabled' | 'readOnly' | 'placeholder' | 'autoComplete' | 'maxLength' | 'rows' | 'returnValueWithAddons';\n\nexport interface InlineEditProps extends SharedControlProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'defaultValue' | 'onChange'> {\n\t/** Native Input attributes, adornments and strings. Draft/state ownership stays with InlineEdit. */\n\tinputProps?: Omit<InputProps, OwnedEditorProps>;\n\t/** Native Textarea attributes, resizing options and strings. Draft/state ownership stays with InlineEdit. */\n\ttextareaProps?: Omit<TextareaProps, OwnedEditorProps>;\n\t/** Committed value. Draft edits remain local until save succeeds. */\n\tvalue?: string;\n\t/** Initial committed value for uncontrolled usage. */\n\tdefaultValue?: string;\n\t/** Called with the new committed value after a successful changed save. */\n\tonValueChange?: (value: string) => void;\n\t/** Controlled editor visibility. */\n\tediting?: boolean;\n\t/** Initial visibility for uncontrolled usage. */\n\tdefaultEditing?: boolean;\n\t/** Requests a visibility change; controlled parents must update editing. */\n\tonEditingChange?: (editing: boolean) => void;\n\t/** Uses Textarea. Plain Enter inserts a newline; Ctrl/Cmd+Enter saves. */\n\tmultiline?: boolean;\n\t/** Field caption above both presentation and editing states. */\n\tlabel?: React.ReactNode;\n\t/** Supporting copy, replaced by a validation or save error when present. */\n\tdescription?: React.ReactNode;\n\t/** Empty display copy and editor placeholder. */\n\tplaceholder?: string;\n\t/** Accessible edit action name, useful when the display is a title. */\n\teditLabel?: string;\n\t/** Custom passive display content. Do not nest interactive elements. */\n\trenderValue?: (value: string) => React.ReactNode;\n\t/** Prevents editing and disables the edit action. */\n\tdisabled?: boolean;\n\t/** Renders passive content with no edit action. */\n\treadOnly?: boolean;\n\t/** Save-time validation for an empty draft; marks the editor aria-required without constraining the parent form. */\n\trequired?: boolean;\n\t/** Return an error message to keep the draft open without calling onSave. */\n\tvalidate?: (value: string) => string | undefined | null;\n\t/** Persist the draft; rejection keeps it open for correction or retry. */\n\tonSave?: (value: string, context: InlineEditSaveContext) => void | Promise<void>;\n\t/** Native form field name. Only the committed value is submitted. */\n\tname?: string;\n\t/** Associates the committed hidden field with a native form. */\n\tform?: string;\n\t/** Native editor autocomplete hint. */\n\tautoComplete?: string;\n\t/** Maximum editor character count. */\n\tmaxLength?: number;\n\t/** Native Textarea row count. */\n\trows?: number;\n\t/** Localized component copy. */\n\tstrings?: StringsProp<InlineEditStrings>;\n}\n\n/** Inline text editing with an isolated draft and explicit, cancellable saves. */\nexport const InlineEdit = React.forwardRef<HTMLDivElement, InlineEditProps>(function InlineEdit({\n\tvalue: valueProp, defaultValue = '', onValueChange,\n\tediting: editingProp, defaultEditing = false, onEditingChange,\n\tmultiline = false, label, description, placeholder, editLabel, renderValue,\n\tdisabled = false, readOnly = false, required = false, validate, onSave,\n\tname, form, autoComplete, maxLength, rows = 3, strings: stringsProp,\n\tsize: sizeProp, invalid = false, loading = false, clearable, onClear, showCharacterCount, inputProps, textareaProps,\n\tid: providedId, className, ...rootProps\n}, ref) {\n\tconst generatedId = React.useId();\n\tconst id = providedId ?? `inline-edit-${generatedId}`;\n\tconst supportingId = `${id}-supporting`;\n\tconst strings = useStrings(defaultInlineEditStrings, stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\tconst [localValue, setLocalValue] = React.useState(defaultValue);\n\tconst value = valueProp ?? localValue;\n\tconst [localEditing, setLocalEditing] = React.useState(defaultEditing);\n\tconst editing = (editingProp ?? localEditing) && !readOnly && !disabled;\n\tconst [draft, setDraft] = React.useState(value);\n\tconst [error, setError] = React.useState<string>();\n\tconst [saving, setSaving] = React.useState(false);\n\tconst editorRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\tconst pending = React.useRef<AbortController | null>(null);\n\tconst generation = React.useRef(0);\n\tconst latest = React.useRef({ value, editing });\n\tlatest.current = { value, editing };\n\tconst previous = React.useRef({ value, editing: false });\n\tconst restoreFocus = React.useRef(false);\n\n\tfunction invalidate() {\n\t\tgeneration.current += 1;\n\t\tpending.current?.abort();\n\t\tpending.current = null;\n\t}\n\n\tReact.useLayoutEffect(() => {\n\t\tconst entering = editing && !previous.current.editing;\n\t\tconst replaced = value !== previous.current.value;\n\t\tif (!editing || entering || replaced) {\n\t\t\tinvalidate();\n\t\t\tsetDraft(value);\n\t\t\tsetError(undefined);\n\t\t\tsetSaving(false);\n\t\t}\n\t\tif (entering) editorRef.current?.focus();\n\t\tif (!editing && restoreFocus.current) {\n\t\t\ttriggerRef.current?.focus();\n\t\t\trestoreFocus.current = false;\n\t\t}\n\t\tprevious.current = { value, editing };\n\t}, [value, editing]);\n\n\tReact.useEffect(() => () => { invalidate(); }, []);\n\n\tfunction requestEditing(next: boolean) {\n\t\tif (editingProp === undefined) setLocalEditing(next);\n\t\tonEditingChange?.(next);\n\t}\n\n\tfunction dismiss() {\n\t\tinvalidate();\n\t\tsetSaving(false);\n\t\tsetDraft(value);\n\t\tsetError(undefined);\n\t\trestoreFocus.current = true;\n\t\trequestEditing(false);\n\t}\n\n\tasync function save() {\n\t\tif (pending.current || !editing || loading) return;\n\t\tif (draft === value) { dismiss(); return; }\n\t\tconst nextValue = draft;\n\t\tconst controller = new AbortController();\n\t\tconst version = ++generation.current;\n\t\tconst committedAtStart = value;\n\t\tconst current = () => !controller.signal.aborted && generation.current === version\n\t\t\t&& latest.current.editing && latest.current.value === committedAtStart;\n\t\ttry {\n\t\t\tconst validationError = (required && !nextValue.trim() ? strings.required : validate?.(nextValue))\n\t\t\t\t|| (editorRef.current && !editorRef.current.checkValidity() ? editorRef.current.validationMessage : undefined);\n\t\t\tif (validationError) {\n\t\t\t\tsetError(validationError);\n\t\t\t\teditorRef.current?.focus();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetError(undefined);\n\t\t\tpending.current = controller;\n\t\t\tsetSaving(true);\n\t\t\t// Keep keyboard cancellation inside the editor when the save action disables.\n\t\t\teditorRef.current?.focus();\n\t\t\tawait onSave?.(nextValue, { signal: controller.signal });\n\t\t\tif (!current()) return;\n\t\t\tpending.current = null;\n\t\t\tsetSaving(false);\n\t\t\tif (valueProp === undefined) setLocalValue(nextValue);\n\t\t\tonValueChange?.(nextValue);\n\t\t\trestoreFocus.current = true;\n\t\t\trequestEditing(false);\n\t\t} catch (cause) {\n\t\t\tif (!current()) return;\n\t\t\tpending.current = null;\n\t\t\tsetSaving(false);\n\t\t\tsetError(cause instanceof Error && cause.message ? cause.message : strings.saveError);\n\t\t\teditorRef.current?.focus();\n\t\t}\n\t}\n\n\tfunction onKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n\t\tif (!editing || event.defaultPrevented || event.nativeEvent.isComposing) return;\n\t\tif (event.key === 'Escape') {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tdismiss();\n\t\t} else if (event.key === 'Enter' && event.target === editorRef.current\n\t\t\t&& (!multiline || event.ctrlKey || event.metaKey)) {\n\t\t\tevent.preventDefault();\n\t\t\tvoid save();\n\t\t}\n\t}\n\n\tconst support = error || description;\n\tconst accessibleName = rootProps['aria-label'] ?? (typeof label === 'string' ? label : label ? undefined : editLabel ?? strings.edit);\n\tconst display = renderValue?.(value) ?? <Text tag=\"span\" size=\"inherit\" type={value ? 'main' : 'secondary'} className={cn('min-w-0', multiline ? 'whitespace-pre-wrap break-words' : 'truncate')}>{value || placeholder || strings.empty}</Text>;\n\tconst displayClasses = cn(formFieldTriggerClasses(size), editableTextSizeClasses[size], '!h-auto',\n\t\tmultiline ? ['items-start px-control py-control-y-offset', size === 'sm' ? 'min-h-textarea-sm' : 'min-h-textarea'] : formControlMinHeightClasses[size]);\n\tconst editorProps = {\n\t\tid, value: draft, onChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n\t\t\tif (!saving) { setDraft(event.target.value); setError(undefined); }\n\t\t},\n\t\t// Uncommitted controls must not validate or submit the surrounding native form.\n\t\tform: `inline-edit-draft-${generatedId}`,\n\t\tplaceholder, autoComplete, maxLength, size, loading, clearable: clearable && !saving, onClear, showCharacterCount,\n\t\t'aria-required': required || undefined, readOnly: saving,\n\t\tinvalid: invalid || Boolean(error), 'aria-label': accessibleName, 'aria-labelledby': rootProps['aria-labelledby'],\n\t\t'aria-describedby': support ? supportingId : undefined,\n\t\t'aria-errormessage': error ? supportingId : undefined,\n\t};\n\n\treturn <FormField {...rootProps} ref={ref} id={`${id}-root`} label={label} htmlFor={id}\n\t\trequired={required} helperText={description} error={editing ? error : undefined}\n\t\tsupportingTextId={supportingId} className={cn('inline-edit--component min-w-0', className)}\n\t\tdata-editing={editing || undefined} data-saving={saving || undefined} aria-busy={loading || saving || undefined}>\n\t\t\t{name && <input type=\"hidden\" name={name} form={form} value={value} disabled={disabled} />}\n\t\t\t{readOnly ? <div id={id} className={cn('inline-edit--value min-w-0', displayClasses)} aria-invalid={invalid || undefined}>{display}</div> : <Grid columns={1} gap={editing ? 'lg' : 'none'} align=\"center\"\n\t\t\t\tclassName={cn('inline-edit--frame', editing && 'inline-edit--editor', inlineEditRecipes.frame,\n\t\t\t\t\tediting ? affordanceGeometry.inlineEditColumns[multiline ? 'multiline' : 'single'] : inlineEditRecipes.closedColumns)}\n\t\t\t\tonKeyDown={onKeyDown} aria-busy={saving || undefined}>\n\t\t\t\t<div className=\"inline-edit--field min-w-0\">\n\t\t\t\t\t{editing ? (multiline ? <Textarea {...textareaProps} {...editorProps} rows={rows} ref={editorRef as React.Ref<HTMLTextAreaElement>} />\n\t\t\t\t\t\t: <Input {...inputProps} {...editorProps} ref={editorRef as React.Ref<HTMLInputElement>} />)\n\t\t\t\t\t\t: <button id={id} ref={triggerRef} type=\"button\"\n\t\t\t\t\t\t\tdisabled={disabled || loading} aria-invalid={invalid || undefined} aria-label={editLabel ?? (typeof label === 'string' ? `${strings.edit}: ${label}` : strings.edit)} aria-describedby={description ? supportingId : undefined}\n\t\t\t\t\t\t\tonClick={() => requestEditing(true)}\n\t\t\t\t\t\t\tclassName={cn('inline-edit--trigger group box-border m-0 cursor-pointer justify-between whitespace-normal text-start', displayClasses)}>\n\t\t\t\t\t\t\t{display}\n\t\t\t\t\t\t\t{loading ? <LoaderCircle aria-hidden=\"true\" className={cn(formControlIconClasses[size], 'self-center animate-spin motion-reduce:animate-none')} /> : <PencilIcon aria-hidden=\"true\" className=\"size-icon-sm self-center shrink-0 text-muted-foreground opacity-0 transition-opacity duration-150 motion-reduce:transition-none pointer-coarse:opacity-100 [@media(hover:none)]:opacity-100 group-hover:opacity-100 group-focus-visible:opacity-100\" />}\n\t\t\t\t\t\t</button>}\n\t\t\t\t</div>\n\t\t\t\t<div aria-hidden={!editing || undefined} inert={!editing || undefined}\n\t\t\t\t\tclassName={cn(inlineEditRecipes.actionsTrack, editing ? 'opacity-100' : 'pointer-events-none opacity-0')}>\n\t\t\t\t<Stack direction={multiline ? 'vertical' : 'horizontal'} gap=\"xs\" wrap={false} className=\"inline-edit--actions shrink-0\">\n\t\t\t\t\t<Button type=\"button\" size=\"sm\" iconOnly tone=\"primary\" buttonStyle=\"solid\"\n\t\t\t\t\t\taria-label={saving ? strings.saving : strings.save} disabled={!editing || saving || loading} aria-busy={saving || undefined} onClick={() => { void save(); }}>\n\t\t\t\t\t\t{saving ? <LoaderCircle aria-hidden=\"true\" className=\"size-icon-sm animate-spin motion-reduce:animate-none\" /> : <CheckIcon aria-hidden=\"true\" className=\"size-icon-sm\" />}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button type=\"button\" size=\"sm\" iconOnly tone=\"neutral\" buttonStyle=\"ghost\"\n\t\t\t\t\t\taria-label={strings.cancel} disabled={!editing} onClick={dismiss}><XIcon aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>\n\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t\t{saving && <Text tag=\"span\" role=\"status\" className=\"sr-only\">{strings.saving}</Text>}\n\t\t\t</Grid>}\n\t</FormField>;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AACA,IAAaiB,IAAoB;CAChC,OAAO;CACP,eAAe;CACf,cAAc;AACf,GC2BaC,IAA8C;CAC1D,MAAM;CAAc,MAAM;CAAgB,QAAQ;CAClD,QAAQ;CAAkB,UAAU;CACpC,WAAW;CAA8B,OAAO;AACjD,GAgEaC,IAAanB,EAAM,WAA4C,SAAoB,EAC/F,OAAOoB,GAAW,mBAAe,IAAI,mBACrC,SAASC,GAAa,qBAAiB,IAAO,qBAC9C,eAAY,IAAO,UAAO,gBAAa,gBAAa,cAAW,iBAC/D,cAAW,IAAO,cAAW,IAAO,cAAW,IAAO,cAAU,YAChE,SAAM,UAAM,kBAAc,eAAW,WAAO,GAAG,SAASC,IACxD,MAAMC,IAAU,aAAU,IAAO,aAAU,IAAO,eAAW,aAAS,wBAAoB,gBAAY,mBACtG,IAAIC,IAAY,eAAW,GAAGC,KAC5B,GAAK;CACP,IAAMC,IAAc1B,EAAM,MAAM,GAC1B2B,IAAKH,MAAc,eAAeE,KAClCE,IAAe,GAAGD,EAAG,cACrBE,IAAUC,EAAWZ,GAA0BI,EAAW,GAC1D,EAAE,qBAAiBrB,EAAiB,GACpC8B,IAAOnB,GAAuBW,IAAUS,EAAY,GACpD,CAACC,IAAYC,MAAiBlC,EAAM,SAASmC,EAAY,GACzDC,IAAQhB,KAAaa,IACrB,CAACI,IAAcC,MAAmBtC,EAAM,SAASuC,EAAc,GAC/DC,KAAWnB,KAAegB,OAAiB,CAACI,KAAY,CAACC,GACzD,CAACC,GAAOC,KAAY5C,EAAM,SAASoC,CAAK,GACxC,CAACS,GAAOC,KAAY9C,EAAM,SAAiB,GAC3C,CAAC+C,GAAQC,KAAahD,EAAM,SAAS,EAAK,GAC1CiD,IAAYjD,EAAM,OAA+C,IAAI,GACrEkD,IAAalD,EAAM,OAA0B,IAAI,GACjDmD,IAAUnD,EAAM,OAA+B,IAAI,GACnDoD,IAAapD,EAAM,OAAO,CAAC,GAC3BqD,IAASrD,EAAM,OAAO;EAAE;EAAO;CAAQ,CAAC;CAC9C,EAAO,UAAU;EAAE;EAAO;CAAQ;CAClC,IAAMsD,IAAWtD,EAAM,OAAO;EAAE;EAAO,SAAS;CAAM,CAAC,GACjDuD,IAAevD,EAAM,OAAO,EAAK;CAEvC,SAASwD,IAAa;EAGrB,AAFA,EAAW,WAAW,GACtBL,EAAQ,SAAS,MAAM,GACvB,EAAQ,UAAU;CACnB;CAmBA,AAjBAnC,EAAM,sBAAsB;EAC3B,IAAMyC,IAAWjB,KAAW,CAACc,EAAS,QAAQ,SACxCI,IAAWtB,MAAUkB,EAAS,QAAQ;EAY5C,CAXI,CAACd,KAAWiB,KAAYC,OAC3BF,EAAW,GACXZ,EAASR,CAAK,GACdU,EAAS,KAAA,CAAS,GAClBE,EAAU,EAAK,IAEZS,KAAUR,EAAU,SAAS,MAAM,GACnC,CAACT,KAAWe,EAAa,YAC5BL,EAAW,SAAS,MAAM,GAC1B,EAAa,UAAU,KAExB,EAAS,UAAU;GAAE;GAAO;EAAQ;CACrC,GAAG,CAACd,GAAOI,CAAO,CAAC,GAEnBxB,EAAM,sBAAsB;EAAE,EAAW;CAAG,GAAG,CAAC,CAAC;CAEjD,SAAS2C,EAAe,GAAe;EAEtC,AADItC,MAAgB,KAAA,KAAWiB,GAAgBsB,CAAI,GACnDC,KAAkBD,CAAI;CACvB;CAEA,SAASE,IAAU;EAMlB,AALAN,EAAW,GACXR,EAAU,EAAK,GACfJ,EAASR,CAAK,GACdU,EAAS,KAAA,CAAS,GAClB,EAAa,UAAU,IACvBa,EAAe,EAAK;CACrB;CAEA,eAAeI,IAAO;EACrB,IAAIZ,EAAQ,WAAW,CAACX,KAAWwB,GAAS;EAC5C,IAAIrB,MAAUP,GAAO;GAAE,EAAQ;GAAG;EAAQ;EAC1C,IAAM6B,IAAYtB,GACZuB,IAAa,IAAI,gBAAgB,GACjCC,IAAU,EAAEf,EAAW,SACvBgB,IAAmBhC,GACnBiC,UAAgB,CAACH,EAAW,OAAO,WAAWd,EAAW,YAAYe,KACvEd,EAAO,QAAQ,WAAWA,EAAO,QAAQ,UAAUe;EACvD,IAAI;GACH,IAAME,KAAmBC,KAAY,CAACN,EAAU,KAAK,IAAIpC,EAAQ,WAAW2C,KAAWP,CAAS,OAC3FhB,EAAU,WAAW,CAACA,EAAU,QAAQ,cAAc,IAAIA,EAAU,QAAQ,oBAAoB,KAAA;GACrG,IAAIqB,GAAiB;IAEpB,AADAxB,EAASwB,CAAe,GACxBrB,EAAU,SAAS,MAAM;IACzB;GACD;GAOA,IANAH,EAAS,KAAA,CAAS,GAClB,EAAQ,UAAUoB,GAClBlB,EAAU,EAAI,GAEdC,EAAU,SAAS,MAAM,GACzB,MAAMwB,KAASR,GAAW,EAAE,QAAQC,EAAW,OAAO,CAAC,GACnD,CAACG,EAAQ,GAAG;GAMhB,AALA,EAAQ,UAAU,MAClBrB,EAAU,EAAK,GACX5B,MAAc,KAAA,KAAWc,GAAc+B,CAAS,GACpDS,KAAgBT,CAAS,GACzB,EAAa,UAAU,IACvBN,EAAe,EAAK;EACrB,SAASgB,GAAO;GACf,IAAI,CAACN,EAAQ,GAAG;GAIhB,AAHA,EAAQ,UAAU,MAClBrB,EAAU,EAAK,GACfF,EAAS6B,aAAiB,SAASA,EAAM,UAAUA,EAAM,UAAU9C,EAAQ,SAAS,GACpFoB,EAAU,SAAS,MAAM;EAC1B;CACD;CAEA,SAAS2B,GAAU,GAA4C;EAC9D,AAAI,CAACpC,KAAWqC,EAAM,oBAAoBA,EAAM,YAAY,gBACxDA,EAAM,QAAQ,YACjBA,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtBf,EAAQ,KACEe,EAAM,QAAQ,WAAWA,EAAM,WAAW5B,EAAU,YAC1D,CAAC6B,KAAaD,EAAM,WAAWA,EAAM,aACzCA,EAAM,eAAe,GACrBd,EAAU;CAEZ;CAEA,IAAMgB,KAAUlC,KAASmC,GACnBC,KAAiBxD,EAAU,kBAAkB,OAAOyD,KAAU,WAAWA,IAAQA,IAAQ,KAAA,IAAYC,KAAatD,EAAQ,OAC1HuD,IAAUC,KAAcjD,CAAK,KAAK,kBAAChC,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,MAAMgC,IAAQ,SAAS;EAAa,WAAWlC,EAAG,WAAW4E,IAAY,oCAAoC,UAAU;EAAI,UAAA1C,KAASkD,KAAezD,EAAQ;CAAY,CAAA,GACzO0D,IAAiBrF,EAAGQ,GAAwBqB,CAAI,GAAGvB,GAAwBuB,IAAO,WACvF+C,IAAY,CAAC,8CAA8C/C,MAAS,OAAO,sBAAsB,gBAAgB,IAAItB,GAA4BsB,EAAK,GACjJyD,IAAc;EACnB;EAAI,OAAO7C;EAAO,WAAW,MAAqE;GACjG,AAAKI,MAAUH,EAASiC,EAAM,OAAO,KAAK,GAAG/B,EAAS,KAAA,CAAS;EAChE;EAEA,MAAM,qBAAqBpB;EAC3B;EAAa;EAAc;EAAW;EAAM;EAAS,WAAW+D,MAAa,CAAC1C;EAAQ;EAAS;EAC/F,iBAAiBwB,KAAY,KAAA;EAAW,UAAUxB;EAClD,SAAS2C,KAAW,EAAQ7C;EAAQ,cAAcoC;EAAgB,mBAAmBxD,EAAU;EAC/F,oBAAoBsD,KAAUnD,IAAe,KAAA;EAC7C,qBAAqBiB,IAAQjB,IAAe,KAAA;CAC7C;CAEA,OAAO,kBAACb,IAAD;EAAW,GAAIU;EAAgB;EAAK,IAAI,GAAGE,EAAG;EAAe;EAAO,SAASA;EACzE;EAAU,YAAYqD;EAAa,OAAOxC,IAAUK,IAAQ,KAAA;EACtE,kBAAkBjB;EAAc,WAAW1B,EAAG,kCAAkCyF,EAAS;EACzF,gBAAcnD,KAAW,KAAA;EAAW,eAAaO,KAAU,KAAA;EAAW,aAAWiB,KAAWjB,KAAU,KAAA;EAHhG,UAAA,CAIJ6C,KAAQ,kBAAC,SAAD;GAAO,MAAK;GAAe;GAAY;GAAa;GAAiB;EAAW,CAAA,GACxFnD,IAAW,kBAAC,OAAD;GAAS;GAAI,WAAWvC,EAAG,8BAA8BqF,CAAc;GAAG,gBAAcG,KAAW,KAAA;GAAY,UAAAN;EAAa,CAAA,IAAI,kBAAC9E,IAAD;GAAM,SAAS;GAAG,KAAKkC,IAAU,OAAO;GAAQ,OAAM;GACjM,WAAWtC,EAAG,sBAAsBsC,KAAW,uBAAuBvB,EAAkB,OACvFuB,IAAUrC,EAAmB,kBAAkB2E,IAAY,cAAc,YAAY7D,EAAkB,aAAa;GAC1G;GAAW,aAAW8B,KAAU,KAAA;GAHgG,UAAA;IAI3I,kBAAC,OAAD;KAAK,WAAU;KACb,UAAAP,IAAWsC,IAAY,kBAAChE,IAAD;MAAU,GAAI+E;MAAe,GAAIL;MAAmB;MAAM,KAAKvC;KAA8C,CAAA,IAClI,kBAACpC,IAAD;MAAO,GAAIiF;MAAY,GAAIN;MAAa,KAAKvC;KAA2C,CAAA,IACxF,kBAAC,UAAD;MAAY;MAAI,KAAKC;MAAY,MAAK;MACvC,UAAUR,KAAYsB;MAAS,gBAAc0B,KAAW,KAAA;MAAW,cAAYP,MAAc,OAAOD,KAAU,WAAW,GAAGrD,EAAQ,KAAK,IAAIqD,MAAUrD,EAAQ;MAAO,oBAAkBmD,IAAcpD,IAAe,KAAA;MACrN,eAAe+B,EAAe,EAAI;MAClC,WAAWzD,EAAG,yGAAyGqF,CAAc;MAHpI,UAAA,CAIAH,GACApB,IAAU,kBAAC+B,GAAD;OAAc,eAAY;OAAO,WAAW7F,EAAGS,GAAuBoB,IAAO,qDAAqD;MAAI,CAAA,IAAI,kBAACiE,IAAD;OAAY,eAAY;OAAO,WAAU;MAAuP,CAAA,CAC9a;;IACL,CAAA;IACL,kBAAC,OAAD;KAAK,eAAa,CAACxD,KAAW,KAAA;KAAW,OAAO,CAACA,KAAW,KAAA;KAC3D,WAAWtC,EAAGe,EAAkB,cAAcuB,IAAU,gBAAgB,+BAA+B;KACxG,UAAA,kBAACjC,IAAD;MAAO,WAAWuE,IAAY,aAAa;MAAc,KAAI;MAAK,MAAM;MAAO,WAAU;MAAzF,UAAA,CACC,kBAACzE,GAAD;OAAQ,MAAK;OAAS,MAAK;OAAK,UAAA;OAAS,MAAK;OAAU,aAAY;OACnE,cAAY0C,IAASlB,EAAQ,SAASA,EAAQ;OAAM,UAAU,CAACW,KAAWO,KAAUiB;OAAS,aAAWjB,KAAU,KAAA;OAAW,eAAe;QAAE,EAAU;OAAG;OAC1J,UAAAA,IAAS,kBAACgD,GAAD;QAAc,eAAY;QAAO,WAAU;OAAwD,CAAA,IAAI,kBAACE,IAAD;QAAW,eAAY;QAAO,WAAU;OAAgB,CAAA;MAClK,CAAA,GACR,kBAAC5F,GAAD;OAAQ,MAAK;OAAS,MAAK;OAAK,UAAA;OAAS,MAAK;OAAU,aAAY;OACnE,cAAYwB,EAAQ;OAAQ,UAAU,CAACW;OAAS,SAASsB;OAAS,UAAA,kBAACoC,IAAD;QAAO,eAAY;QAAO,WAAU;OAAgB,CAAA;MAAS,CAAA,CAC1H;;IACF,CAAA;IACJnD,KAAU,kBAAC3C,GAAD;KAAM,KAAI;KAAO,MAAK;KAAS,WAAU;KAAW,UAAAyB,EAAQ;IAAa,CAAA;GAC/E;EACG,CAAA,CAAA;;AACZ,CAAC"}
+{"version":3,"file":"inline-edit.js","names":["React","useDensityConfig","cn","affordanceGeometry","Text","Button","Grid","Stack","editableTextSizeClasses","formControlMinHeightClasses","formFieldTriggerClasses","resolveFormControlSize","formTextareaInsetClasses","formControlIconClasses","Input","FormField","Textarea","React$1","inlineEditRecipes","defaultInlineEditStrings","InlineEdit","valueProp","editingProp","stringsProp","sizeProp","providedId","rootProps","generatedId","id","supportingId","strings","useStrings","size","defaultScale","localValue","setLocalValue","defaultValue","value","localEditing","setLocalEditing","defaultEditing","editing","readOnly","disabled","draft","setDraft","error","setError","saving","setSaving","editorRef","triggerRef","pending","generation","latest","previous","restoreFocus","invalidate","entering","replaced","requestEditing","next","onEditingChange","dismiss","save","loading","nextValue","controller","version","committedAtStart","current","validationError","required","validate","onSave","onValueChange","cause","onKeyDown","event","multiline","support","description","accessibleName","label","editLabel","display","renderValue","placeholder","displayClasses","editorProps","clearable","invalid","className","name","textareaProps","inputProps","LoaderCircle","PencilIcon","CheckIcon","XIcon"],"sources":["../../src/components/base/inline-edit/inline-edit.recipes.ts","../../src/components/base/inline-edit/inline-edit.tsx"],"sourcesContent":["/** Private field/action layout; geometry remains generated from shared roots. */\nexport const inlineEditRecipes = {\n\tframe: 'transition-[grid-template-columns,column-gap] duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none',\n\tclosedColumns: 'grid-cols-[minmax(0,1fr)_0px]',\n\tactionsTrack: 'min-w-0 flex items-center justify-end overflow-hidden focus-within:overflow-visible transition-opacity duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none',\n} as const;\n","import * as React from 'react';\nimport { CheckIcon, LoaderCircle, PencilIcon, XIcon } from 'lucide-react';\nimport { cn } from '../../../lib/utils';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { editableTextSizeClasses } from '../../../lib/editable-text-recipe';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { formControlIconClasses, formControlMinHeightClasses, formFieldTriggerClasses, formTextareaInsetClasses, resolveFormControlSize } from '../forms/form-sizing';\nimport { Button } from '../buttons';\nimport { FormField } from '../forms/form-field';\nimport { Grid, Stack } from '../structure';\nimport { Input, Textarea, type InputProps, type TextareaProps } from '../text-inputs';\nimport { Text } from '../../typography';\nimport { inlineEditRecipes } from './inline-edit.recipes';\n\nexport interface InlineEditStrings {\n\t/** Accessible name of the edit action when editLabel is absent. */\n\tedit: string;\n\t/** Accessible name of the save action. */\n\tsave: string;\n\t/** Accessible name of the cancel action, including while saving. */\n\tcancel: string;\n\t/** Live announcement and save action name during persistence. */\n\tsaving: string;\n\t/** Validation copy for a required empty value. */\n\trequired: string;\n\t/** Fallback copy for a rejected save without an Error message. */\n\tsaveError: string;\n\t/** Display copy for an empty value when placeholder is absent. */\n\tempty: string;\n}\n\nexport const defaultInlineEditStrings: InlineEditStrings = {\n\tedit: 'Edit value', save: 'Save changes', cancel: 'Cancel editing',\n\tsaving: 'Saving changes', required: 'Enter a value.',\n\tsaveError: 'Unable to save. Try again.', empty: 'Add a value',\n};\n\nexport interface InlineEditSaveContext {\n\t/** Aborted on cancel, unmount, external value replacement, or external dismissal. */\n\tsignal: AbortSignal;\n}\n\ntype SharedControlProps = Pick<InputProps, 'size' | 'invalid' | 'loading' | 'clearable' | 'onClear' | 'showCharacterCount'>;\ntype OwnedEditorProps = keyof SharedControlProps | 'value' | 'defaultValue' | 'onChange' | 'ref' | 'id' | 'name' | 'form' | 'required' | 'disabled' | 'readOnly' | 'placeholder' | 'autoComplete' | 'maxLength' | 'rows' | 'returnValueWithAddons';\n\nexport interface InlineEditProps extends SharedControlProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'defaultValue' | 'onChange'> {\n\t/** Native Input attributes, adornments and strings. Draft/state ownership stays with InlineEdit. */\n\tinputProps?: Omit<InputProps, OwnedEditorProps>;\n\t/** Native Textarea attributes, resizing options and strings. Draft/state ownership stays with InlineEdit. */\n\ttextareaProps?: Omit<TextareaProps, OwnedEditorProps>;\n\t/** Committed value. Draft edits remain local until save succeeds. */\n\tvalue?: string;\n\t/** Initial committed value for uncontrolled usage. */\n\tdefaultValue?: string;\n\t/** Called with the new committed value after a successful changed save. */\n\tonValueChange?: (value: string) => void;\n\t/** Controlled editor visibility. */\n\tediting?: boolean;\n\t/** Initial visibility for uncontrolled usage. */\n\tdefaultEditing?: boolean;\n\t/** Requests a visibility change; controlled parents must update editing. */\n\tonEditingChange?: (editing: boolean) => void;\n\t/** Uses Textarea. Plain Enter inserts a newline; Ctrl/Cmd+Enter saves. */\n\tmultiline?: boolean;\n\t/** Field caption above both presentation and editing states. */\n\tlabel?: React.ReactNode;\n\t/** Supporting copy, replaced by a validation or save error when present. */\n\tdescription?: React.ReactNode;\n\t/** Empty display copy and editor placeholder. */\n\tplaceholder?: string;\n\t/** Accessible edit action name, useful when the display is a title. */\n\teditLabel?: string;\n\t/** Custom passive display content. Do not nest interactive elements. */\n\trenderValue?: (value: string) => React.ReactNode;\n\t/** Prevents editing and disables the edit action. */\n\tdisabled?: boolean;\n\t/** Renders passive content with no edit action. */\n\treadOnly?: boolean;\n\t/** Save-time validation for an empty draft; marks the editor aria-required without constraining the parent form. */\n\trequired?: boolean;\n\t/** Return an error message to keep the draft open without calling onSave. */\n\tvalidate?: (value: string) => string | undefined | null;\n\t/** Persist the draft; rejection keeps it open for correction or retry. */\n\tonSave?: (value: string, context: InlineEditSaveContext) => void | Promise<void>;\n\t/** Native form field name. Only the committed value is submitted. */\n\tname?: string;\n\t/** Associates the committed hidden field with a native form. */\n\tform?: string;\n\t/** Native editor autocomplete hint. */\n\tautoComplete?: string;\n\t/** Maximum editor character count. */\n\tmaxLength?: number;\n\t/** Native Textarea row count. */\n\trows?: number;\n\t/** Localized component copy. */\n\tstrings?: StringsProp<InlineEditStrings>;\n}\n\n/** Inline text editing with an isolated draft and explicit, cancellable saves. */\nexport const InlineEdit = React.forwardRef<HTMLDivElement, InlineEditProps>(function InlineEdit({\n\tvalue: valueProp, defaultValue = '', onValueChange,\n\tediting: editingProp, defaultEditing = false, onEditingChange,\n\tmultiline = false, label, description, placeholder, editLabel, renderValue,\n\tdisabled = false, readOnly = false, required = false, validate, onSave,\n\tname, form, autoComplete, maxLength, rows = 3, strings: stringsProp,\n\tsize: sizeProp, invalid = false, loading = false, clearable, onClear, showCharacterCount, inputProps, textareaProps,\n\tid: providedId, className, ...rootProps\n}, ref) {\n\tconst generatedId = React.useId();\n\tconst id = providedId ?? `inline-edit-${generatedId}`;\n\tconst supportingId = `${id}-supporting`;\n\tconst strings = useStrings(defaultInlineEditStrings, stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\tconst [localValue, setLocalValue] = React.useState(defaultValue);\n\tconst value = valueProp ?? localValue;\n\tconst [localEditing, setLocalEditing] = React.useState(defaultEditing);\n\tconst editing = (editingProp ?? localEditing) && !readOnly && !disabled;\n\tconst [draft, setDraft] = React.useState(value);\n\tconst [error, setError] = React.useState<string>();\n\tconst [saving, setSaving] = React.useState(false);\n\tconst editorRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\tconst pending = React.useRef<AbortController | null>(null);\n\tconst generation = React.useRef(0);\n\tconst latest = React.useRef({ value, editing });\n\tlatest.current = { value, editing };\n\tconst previous = React.useRef({ value, editing: false });\n\tconst restoreFocus = React.useRef(false);\n\n\tfunction invalidate() {\n\t\tgeneration.current += 1;\n\t\tpending.current?.abort();\n\t\tpending.current = null;\n\t}\n\n\tReact.useLayoutEffect(() => {\n\t\tconst entering = editing && !previous.current.editing;\n\t\tconst replaced = value !== previous.current.value;\n\t\tif (!editing || entering || replaced) {\n\t\t\tinvalidate();\n\t\t\tsetDraft(value);\n\t\t\tsetError(undefined);\n\t\t\tsetSaving(false);\n\t\t}\n\t\tif (entering) editorRef.current?.focus();\n\t\tif (!editing && restoreFocus.current) {\n\t\t\ttriggerRef.current?.focus();\n\t\t\trestoreFocus.current = false;\n\t\t}\n\t\tprevious.current = { value, editing };\n\t}, [value, editing]);\n\n\tReact.useEffect(() => () => { invalidate(); }, []);\n\n\tfunction requestEditing(next: boolean) {\n\t\tif (editingProp === undefined) setLocalEditing(next);\n\t\tonEditingChange?.(next);\n\t}\n\n\tfunction dismiss() {\n\t\tinvalidate();\n\t\tsetSaving(false);\n\t\tsetDraft(value);\n\t\tsetError(undefined);\n\t\trestoreFocus.current = true;\n\t\trequestEditing(false);\n\t}\n\n\tasync function save() {\n\t\tif (pending.current || !editing || loading) return;\n\t\tif (draft === value) { dismiss(); return; }\n\t\tconst nextValue = draft;\n\t\tconst controller = new AbortController();\n\t\tconst version = ++generation.current;\n\t\tconst committedAtStart = value;\n\t\tconst current = () => !controller.signal.aborted && generation.current === version\n\t\t\t&& latest.current.editing && latest.current.value === committedAtStart;\n\t\ttry {\n\t\t\tconst validationError = (required && !nextValue.trim() ? strings.required : validate?.(nextValue))\n\t\t\t\t|| (editorRef.current && !editorRef.current.checkValidity() ? editorRef.current.validationMessage : undefined);\n\t\t\tif (validationError) {\n\t\t\t\tsetError(validationError);\n\t\t\t\teditorRef.current?.focus();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetError(undefined);\n\t\t\tpending.current = controller;\n\t\t\tsetSaving(true);\n\t\t\t// Keep keyboard cancellation inside the editor when the save action disables.\n\t\t\teditorRef.current?.focus();\n\t\t\tawait onSave?.(nextValue, { signal: controller.signal });\n\t\t\tif (!current()) return;\n\t\t\tpending.current = null;\n\t\t\tsetSaving(false);\n\t\t\tif (valueProp === undefined) setLocalValue(nextValue);\n\t\t\tonValueChange?.(nextValue);\n\t\t\trestoreFocus.current = true;\n\t\t\trequestEditing(false);\n\t\t} catch (cause) {\n\t\t\tif (!current()) return;\n\t\t\tpending.current = null;\n\t\t\tsetSaving(false);\n\t\t\tsetError(cause instanceof Error && cause.message ? cause.message : strings.saveError);\n\t\t\teditorRef.current?.focus();\n\t\t}\n\t}\n\n\tfunction onKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n\t\tif (!editing || event.defaultPrevented || event.nativeEvent.isComposing) return;\n\t\tif (event.key === 'Escape') {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tdismiss();\n\t\t} else if (event.key === 'Enter' && event.target === editorRef.current\n\t\t\t&& (!multiline || event.ctrlKey || event.metaKey)) {\n\t\t\tevent.preventDefault();\n\t\t\tvoid save();\n\t\t}\n\t}\n\n\tconst support = error || description;\n\tconst accessibleName = rootProps['aria-label'] ?? (typeof label === 'string' ? label : label ? undefined : editLabel ?? strings.edit);\n\tconst display = renderValue?.(value) ?? <Text tag=\"span\" size=\"inherit\" lineHeight=\"inherit\" type={value ? 'main' : 'secondary'} className={cn('min-w-0', multiline ? 'whitespace-pre-wrap break-words' : 'truncate')}>{value || placeholder || strings.empty}</Text>;\n\tconst displayClasses = cn(formFieldTriggerClasses(size), editableTextSizeClasses[size], '!h-auto',\n\t\tmultiline ? ['items-start px-control', formTextareaInsetClasses[size], size === 'sm' ? 'min-h-textarea-sm' : 'min-h-textarea'] : formControlMinHeightClasses[size]);\n\tconst editorProps = {\n\t\tid, value: draft, onChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n\t\t\tif (!saving) { setDraft(event.target.value); setError(undefined); }\n\t\t},\n\t\t// Uncommitted controls must not validate or submit the surrounding native form.\n\t\tform: `inline-edit-draft-${generatedId}`,\n\t\tplaceholder, autoComplete, maxLength, size, loading, clearable: clearable && !saving, onClear, showCharacterCount,\n\t\t'aria-required': required || undefined, readOnly: saving,\n\t\tinvalid: invalid || Boolean(error), 'aria-label': accessibleName, 'aria-labelledby': rootProps['aria-labelledby'],\n\t\t'aria-describedby': support ? supportingId : undefined,\n\t\t'aria-errormessage': error ? supportingId : undefined,\n\t};\n\n\treturn <FormField {...rootProps} ref={ref} id={`${id}-root`} label={label} htmlFor={id}\n\t\trequired={required} helperText={description} error={editing ? error : undefined}\n\t\tsupportingTextId={supportingId} className={cn('inline-edit--component min-w-0', className)}\n\t\tdata-editing={editing || undefined} data-saving={saving || undefined} aria-busy={loading || saving || undefined}>\n\t\t\t{name && <input type=\"hidden\" name={name} form={form} value={value} disabled={disabled} />}\n\t\t\t{readOnly ? <div id={id} className={cn('inline-edit--value min-w-0', displayClasses)} aria-invalid={invalid || undefined}>{display}</div> : <Grid columns={1} gap={editing ? 'lg' : 'none'} align=\"center\"\n\t\t\t\tclassName={cn('inline-edit--frame', editing && 'inline-edit--editor', inlineEditRecipes.frame,\n\t\t\t\t\tediting ? affordanceGeometry.inlineEditColumns[multiline ? 'multiline' : 'single'] : inlineEditRecipes.closedColumns)}\n\t\t\t\tonKeyDown={onKeyDown} aria-busy={saving || undefined}>\n\t\t\t\t<div className=\"inline-edit--field min-w-0\">\n\t\t\t\t\t{editing ? (multiline ? <Textarea {...textareaProps} {...editorProps} rows={rows} ref={editorRef as React.Ref<HTMLTextAreaElement>} />\n\t\t\t\t\t\t: <Input {...inputProps} {...editorProps} ref={editorRef as React.Ref<HTMLInputElement>} />)\n\t\t\t\t\t\t: <button id={id} ref={triggerRef} type=\"button\"\n\t\t\t\t\t\t\tdisabled={disabled || loading} aria-invalid={invalid || undefined} aria-label={editLabel ?? (typeof label === 'string' ? `${strings.edit}: ${label}` : strings.edit)} aria-describedby={description ? supportingId : undefined}\n\t\t\t\t\t\t\tonClick={() => requestEditing(true)}\n\t\t\t\t\t\t\tclassName={cn('inline-edit--trigger group box-border m-0 cursor-pointer justify-between whitespace-normal text-start', displayClasses)}>\n\t\t\t\t\t\t\t{display}\n\t\t\t\t\t\t\t{loading ? <LoaderCircle aria-hidden=\"true\" className={cn(formControlIconClasses[size], 'self-center animate-spin motion-reduce:animate-none')} /> : <PencilIcon aria-hidden=\"true\" className=\"size-icon-sm self-center shrink-0 text-muted-foreground opacity-0 transition-opacity duration-150 motion-reduce:transition-none pointer-coarse:opacity-100 [@media(hover:none)]:opacity-100 group-hover:opacity-100 group-focus-visible:opacity-100\" />}\n\t\t\t\t\t\t</button>}\n\t\t\t\t</div>\n\t\t\t\t<div aria-hidden={!editing || undefined} inert={!editing || undefined}\n\t\t\t\t\tclassName={cn(inlineEditRecipes.actionsTrack, editing ? 'opacity-100' : 'pointer-events-none opacity-0')}>\n\t\t\t\t<Stack direction={multiline ? 'vertical' : 'horizontal'} gap=\"xs\" wrap={false} className=\"inline-edit--actions shrink-0\">\n\t\t\t\t\t<Button type=\"button\" size=\"sm\" iconOnly tone=\"primary\" buttonStyle=\"solid\"\n\t\t\t\t\t\taria-label={saving ? strings.saving : strings.save} disabled={!editing || saving || loading} aria-busy={saving || undefined} onClick={() => { void save(); }}>\n\t\t\t\t\t\t{saving ? <LoaderCircle aria-hidden=\"true\" className=\"size-icon-sm animate-spin motion-reduce:animate-none\" /> : <CheckIcon aria-hidden=\"true\" className=\"size-icon-sm\" />}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button type=\"button\" size=\"sm\" iconOnly tone=\"neutral\" buttonStyle=\"ghost\"\n\t\t\t\t\t\taria-label={strings.cancel} disabled={!editing} onClick={dismiss}><XIcon aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>\n\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t\t{saving && <Text tag=\"span\" role=\"status\" className=\"sr-only\">{strings.saving}</Text>}\n\t\t\t</Grid>}\n\t</FormField>;\n});\n"],"mappings":"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"}

package/dist/base/item.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../item-DE4YnuJx.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../item-xzh8Df65.js";
 export { c as Item, i as ItemActions, o as ItemContent, n as ItemDescription, e as ItemFooter, a as ItemGroup, s as ItemHeader, t as ItemMedia, r as ItemSeparator, l as ItemTitle };

package/dist/base/media-gallery.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, t } from "../media-gallery-DLp3HAz0.js";
+import { n as e, t } from "../media-gallery-DQUQ0m3O.js";
 export { t as MediaGallery, e as defaultMediaGalleryStrings };

package/dist/base/navigation.js

@@ -1,8 +1,8 @@
 "use client";
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../dropdown-menu-D-boNgGO.js";
-import { n as g, t as _ } from "../breadcrumbs-BuYz5SDU.js";
-import { a as v, i as y, n as b, r as x, t as S } from "../navigation-DnQSNMT0.js";
-import { i as C, n as w, o as T, r as E, t as D } from "../tabs-BNgu7g0u.js";
-import { t as O } from "../page-header-D8nERkn5.js";
-import { a as k, c as A, i as j, n as M, o as N, r as P, s as F, t as I } from "../pagination-NLGqRirf.js";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../dropdown-menu-CURh59jb.js";
+import { n as g, t as _ } from "../breadcrumbs-BG_FfMK4.js";
+import { a as v, i as y, n as b, r as x, t as S } from "../navigation-Cs1npsPm.js";
+import { i as C, n as w, o as T, r as E, t as D } from "../tabs-Dk8E_knt.js";
+import { t as O } from "../page-header-hUTzcRZX.js";
+import { a as k, c as A, i as j, n as M, o as N, r as P, s as F, t as I } from "../pagination-Cm0jqa3I.js";
 export { _ as Breadcrumbs, m as DropdownMenu, l as DropdownMenuCheckboxItem, f as DropdownMenuContent, o as DropdownMenuGroup, e as DropdownMenuItem, u as DropdownMenuLabel, p as DropdownMenuLinkItem, t as DropdownMenuPortal, s as DropdownMenuRadioGroup, h as DropdownMenuRadioItem, n as DropdownMenuSeparator, r as DropdownMenuShortcut, d as DropdownMenuSub, c as DropdownMenuSubContent, a as DropdownMenuSubTrigger, i as DropdownMenuTrigger, v as LanguageSwitcher, x as NavigationTabs, S as OverflowTabBar, O as PageHeading, I as PaginationContent, M as PaginationEllipsis, P as PaginationItem, j as PaginationLink, k as PaginationNext, N as PaginationPrevious, F as PaginationPrimitive, D as Tabs, w as TabsContent, E as TabsList, C as TabsTrigger, g as defaultBreadcrumbsStrings, y as defaultNavigationTabsStrings, b as defaultOverflowTabBarStrings, A as defaultPaginationStrings, T as defaultTabsScrollStrings };

package/dist/base/popover-menu.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, t } from "../popover-menu-B4PoWhRl.js";
+import { n as e, t } from "../popover-menu-DnRFKnHP.js";
 export { t as PopoverMenu, e as defaultPopoverMenuStrings };

package/dist/base/popover.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../popover-CghIYdQf.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../popover-Dcv_9jxr.js";
 export { i as Popover, o as PopoverAnchor, s as PopoverContent, r as PopoverDescription, a as PopoverFooter, n as PopoverHeader, e as PopoverTitle, t as PopoverTrigger };

package/dist/base/qr-code.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../utils-BvH9PSmq.js";
+import { t as e } from "../utils-Cospvlj1.js";
 import { forwardRef as t, useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { formatHex as o, parse as s } from "culori";
@@ -7,7 +7,7 @@ import c from "qrcode";
 //#region src/components/base/qr-code/qr-code.tsx
 var l = t(function({ data: t, foreground: l, background: u, robustness: d = "M", className: f, ...p }, m) {
 	let h = r(null), [g, _] = i("");
-	return n(() => {
+	if (n(() => {
 		let e = h.current;
 		if (!e) return;
 		let n = 0, r = !0, i = async () => {
@@ -47,7 +47,10 @@ var l = t(function({ data: t, foreground: l, background: u, robustness: d = "M",
 		l,
 		u,
 		d
-	]), t.trim() ? /* @__PURE__ */ a("div", {
+	]), !t.trim()) return null;
+	let v = p["aria-label"] !== void 0 || p["aria-labelledby"] !== void 0;
+	return /* @__PURE__ */ a("div", {
+		role: v ? "img" : void 0,
 		...p,
 		ref: (e) => {
 			if (h.current = e, typeof m == "function") return m(e);
@@ -55,7 +58,7 @@ var l = t(function({ data: t, foreground: l, background: u, robustness: d = "M",
 		},
 		className: e("qr-code--component size-full [&_svg]:size-full", f),
 		dangerouslySetInnerHTML: { __html: g }
-	}) : null;
+	});
 });
 //#endregion
 export { l as QRCode };

package/dist/base/qr-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.js","names":["cn","QR","QRCode","forwardRef","props","host","useRef","svg","setSvg","useState","useEffect","element","generation","active","generate","current","styles","color","parsed","parse","override","token","formatHex","fallback","next","data","robustness","foreground","background","observer","node","ref","className"],"sources":["../../src/components/base/qr-code/qr-code.tsx"],"sourcesContent":["import { formatHex, parse } from 'culori';\nimport QR from 'qrcode';\nimport { forwardRef, useEffect, useRef, useState, type HTMLAttributes } from 'react';\nimport { cn } from '../../../lib/utils';\n\nexport type QRCodeProps = HTMLAttributes<HTMLDivElement> & {\n data: string;\n foreground?: string;\n background?: string;\n robustness?: 'L' | 'M' | 'Q' | 'H';\n};\n\nexport const QRCode = forwardRef<HTMLDivElement, QRCodeProps>(function QRCode({data, foreground, background, robustness = 'M', className, ...props}, ref) {\n const host = useRef<HTMLDivElement | null>(null);\n const [svg, setSvg] = useState('');\n useEffect(() => {\n  const element = host.current;\n  if (!element) return;\n  let generation = 0;\n  let active = true;\n  const generate = async () => {\n   const current = ++generation;\n   const styles = getComputedStyle(element);\n   const color = (override: string | undefined, token: string, fallback: string) => {\n    const parsed = parse((override ?? styles.getPropertyValue(token)).trim());\n    return parsed ? formatHex(parsed) ?? fallback : fallback;\n   };\n   try {\n    const next = await QR.toString(data.trim(), {type:'svg', width:200, margin:0, errorCorrectionLevel:robustness, color:{dark:color(foreground,'--foreground','#000000'), light:color(background,'--background','#ffffff')}});\n    if(active && current === generation) setSvg(next);\n   } catch { if(active && current === generation) setSvg(''); }\n  };\n  void generate();\n  // Themes inherit from the actual host; observe only theme attributes, never generated SVG children.\n  const observer = new MutationObserver(() => {void generate();});\n  for (let node: HTMLElement | null = element; node; node = node.parentElement) observer.observe(node, {attributes:true, attributeFilter:['class','style']});\n  return () => {active=false;observer.disconnect();};\n },[data,foreground,background,robustness]);\n if (!data.trim()) return null;\n return <div {...props} ref={node => {host.current=node;if(typeof ref==='function') return ref(node);if(ref)ref.current=node;}} className={cn('qr-code--component size-full [&_svg]:size-full',className)} dangerouslySetInnerHTML={{__html:svg}} />;\n});\n"],"mappings":";;;;;;;AAYA,IAAaE,IAASC,EAAwC,SAAgB,EAAC,SAAM,eAAY,eAAY,gBAAa,KAAK,cAAW,GAAGC,KAAQ,GAAK;CACzJ,IAAMC,IAAOC,EAA8B,IAAI,GACzC,CAACC,GAAKC,KAAUC,EAAS,EAAE;CAyBjC,OAxBAC,QAAgB;EACf,IAAMC,IAAUN,EAAK;EACrB,IAAI,CAACM,GAAS;EACd,IAAIC,IAAa,GACbC,IAAS,IACPC,IAAW,YAAY;GAC5B,IAAMC,IAAU,EAAEH,GACZI,IAAS,iBAAiBL,CAAO,GACjCM,KAAS,GAA8B,GAAe,MAAqB;IAChF,IAAMC,IAASC,GAAOC,KAAYJ,EAAO,iBAAiBK,CAAK,EAAA,CAAG,KAAK,CAAC;IACxE,OAAOH,IAASI,EAAUJ,CAAM,KAAKK,IAAWA;GACjD;GACA,IAAI;IACH,IAAMC,IAAO,MAAMvB,EAAG,SAASwB,EAAK,KAAK,GAAG;KAAC,MAAK;KAAO,OAAM;KAAK,QAAO;KAAG,sBAAqBC;KAAY,OAAM;MAAC,MAAKT,EAAMU,GAAW,gBAAe,SAAS;MAAG,OAAMV,EAAMW,GAAW,gBAAe,SAAS;KAAC;IAAC,CAAC;IACzN,AAAGf,KAAUE,MAAYH,KAAYJ,EAAOgB,CAAI;GACjD,QAAQ;IAAE,AAAGX,KAAUE,MAAYH,KAAYJ,EAAO,EAAE;GAAG;EAC5D;EACA,EAAc;EAEd,IAAMqB,IAAW,IAAI,uBAAuB;GAAC,EAAc;EAAE,CAAC;EAC9D,KAAK,IAAIC,IAA2BnB,GAASmB,GAAM,IAAOA,EAAK,eAAe,EAAS,QAAQA,GAAM;GAAC,YAAW;GAAM,iBAAgB,CAAC,SAAQ,OAAO;EAAC,CAAC;EACzJ,aAAa;GAAc,AAAb,IAAO,IAAMD,EAAS,WAAW;EAAE;CAClD,GAAE;EAACJ;EAAKE;EAAWC;EAAWF;CAAU,CAAC,GACpCD,EAAK,KAAK,IACR,kBAAC,OAAD;EAAK,GAAIrB;EAAO,MAAK,MAAQ;GAAmB,IAAlB,EAAK,UAAQ0B,GAAQ,OAAOC,KAAM,YAAY,OAAOA,EAAID,CAAI;GAAE,AAAGC,MAAI,EAAI,UAAQD;EAAK;EAAG,WAAW9B,EAAG,kDAAiDgC,CAAS;EAAG,yBAAyB,EAAC,QAAOzB,EAAG;CAAI,CAAA,IADzN;AAE1B,CAAC"}
+{"version":3,"file":"qr-code.js","names":["cn","QR","QRCode","forwardRef","props","host","useRef","svg","setSvg","useState","useEffect","element","generation","active","generate","current","styles","color","parsed","parse","override","token","formatHex","fallback","next","data","robustness","foreground","background","observer","node","labelled","ref","className"],"sources":["../../src/components/base/qr-code/qr-code.tsx"],"sourcesContent":["import { formatHex, parse } from 'culori';\nimport QR from 'qrcode';\nimport { forwardRef, useEffect, useRef, useState, type HTMLAttributes } from 'react';\nimport { cn } from '../../../lib/utils';\n\nexport type QRCodeProps = HTMLAttributes<HTMLDivElement> & {\n /** Encoded payload. Pass `aria-label` to describe it; the code is then exposed as one image. */\n data: string;\n foreground?: string;\n background?: string;\n robustness?: 'L' | 'M' | 'Q' | 'H';\n};\n\nexport const QRCode = forwardRef<HTMLDivElement, QRCodeProps>(function QRCode({data, foreground, background, robustness = 'M', className, ...props}, ref) {\n const host = useRef<HTMLDivElement | null>(null);\n const [svg, setSvg] = useState('');\n useEffect(() => {\n  const element = host.current;\n  if (!element) return;\n  let generation = 0;\n  let active = true;\n  const generate = async () => {\n   const current = ++generation;\n   const styles = getComputedStyle(element);\n   const color = (override: string | undefined, token: string, fallback: string) => {\n    const parsed = parse((override ?? styles.getPropertyValue(token)).trim());\n    return parsed ? formatHex(parsed) ?? fallback : fallback;\n   };\n   try {\n    const next = await QR.toString(data.trim(), {type:'svg', width:200, margin:0, errorCorrectionLevel:robustness, color:{dark:color(foreground,'--foreground','#000000'), light:color(background,'--background','#ffffff')}});\n    if(active && current === generation) setSvg(next);\n   } catch { if(active && current === generation) setSvg(''); }\n  };\n  void generate();\n  // Themes inherit from the actual host; observe only theme attributes, never generated SVG children.\n  const observer = new MutationObserver(() => {void generate();});\n  for (let node: HTMLElement | null = element; node; node = node.parentElement) observer.observe(node, {attributes:true, attributeFilter:['class','style']});\n  return () => {active=false;observer.disconnect();};\n },[data,foreground,background,robustness]);\n if (!data.trim()) return null;\n // A labelled code is one image to assistive technology; the generated SVG has no name of its own.\n const labelled = props['aria-label'] !== undefined || props['aria-labelledby'] !== undefined;\n return <div role={labelled ? 'img' : undefined} {...props} ref={node => {host.current=node;if(typeof ref==='function') return ref(node);if(ref)ref.current=node;}} className={cn('qr-code--component size-full [&_svg]:size-full',className)} dangerouslySetInnerHTML={{__html:svg}} />;\n});\n"],"mappings":";;;;;;;AAaA,IAAaE,IAASC,EAAwC,SAAgB,EAAC,SAAM,eAAY,eAAY,gBAAa,KAAK,cAAW,GAAGC,KAAQ,GAAK;CACzJ,IAAMC,IAAOC,EAA8B,IAAI,GACzC,CAACC,GAAKC,KAAUC,EAAS,EAAE;CAwBjC,IAvBAC,QAAgB;EACf,IAAMC,IAAUN,EAAK;EACrB,IAAI,CAACM,GAAS;EACd,IAAIC,IAAa,GACbC,IAAS,IACPC,IAAW,YAAY;GAC5B,IAAMC,IAAU,EAAEH,GACZI,IAAS,iBAAiBL,CAAO,GACjCM,KAAS,GAA8B,GAAe,MAAqB;IAChF,IAAMC,IAASC,GAAOC,KAAYJ,EAAO,iBAAiBK,CAAK,EAAA,CAAG,KAAK,CAAC;IACxE,OAAOH,IAASI,EAAUJ,CAAM,KAAKK,IAAWA;GACjD;GACA,IAAI;IACH,IAAMC,IAAO,MAAMvB,EAAG,SAASwB,EAAK,KAAK,GAAG;KAAC,MAAK;KAAO,OAAM;KAAK,QAAO;KAAG,sBAAqBC;KAAY,OAAM;MAAC,MAAKT,EAAMU,GAAW,gBAAe,SAAS;MAAG,OAAMV,EAAMW,GAAW,gBAAe,SAAS;KAAC;IAAC,CAAC;IACzN,AAAGf,KAAUE,MAAYH,KAAYJ,EAAOgB,CAAI;GACjD,QAAQ;IAAE,AAAGX,KAAUE,MAAYH,KAAYJ,EAAO,EAAE;GAAG;EAC5D;EACA,EAAc;EAEd,IAAMqB,IAAW,IAAI,uBAAuB;GAAC,EAAc;EAAE,CAAC;EAC9D,KAAK,IAAIC,IAA2BnB,GAASmB,GAAM,IAAOA,EAAK,eAAe,EAAS,QAAQA,GAAM;GAAC,YAAW;GAAM,iBAAgB,CAAC,SAAQ,OAAO;EAAC,CAAC;EACzJ,aAAa;GAAc,AAAb,IAAO,IAAMD,EAAS,WAAW;EAAE;CAClD,GAAE;EAACJ;EAAKE;EAAWC;EAAWF;CAAU,CAAC,GACrC,CAACD,EAAK,KAAK,GAAG,OAAO;CAEzB,IAAMM,IAAW3B,EAAM,kBAAkB,KAAA,KAAaA,EAAM,uBAAuB,KAAA;CACnF,OAAO,kBAAC,OAAD;EAAK,MAAM2B,IAAW,QAAQ,KAAA;EAAW,GAAI3B;EAAO,MAAK,MAAQ;GAAmB,IAAlB,EAAK,UAAQ0B,GAAQ,OAAOE,KAAM,YAAY,OAAOA,EAAIF,CAAI;GAAE,AAAGE,MAAI,EAAI,UAAQF;EAAK;EAAG,WAAW9B,EAAG,kDAAiDiC,CAAS;EAAG,yBAAyB,EAAC,QAAO1B,EAAG;CAAI,CAAA;AACvR,CAAC"}

package/dist/base/repeaters.js

@@ -1,13 +1,13 @@
 "use client";
-import { s as e } from "../ui-provider-DRPn3qNl.js";
+import { s as e } from "../ui-provider-D2_TeLqw.js";
 import { useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-BvH9PSmq.js";
-import { a as r, n 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 "../input-SX9V0AL3.js";
-import { d as c } from "../text-inputs-DsR56TR-.js";
-import { t as l } from "../form-field-CZwrkP7m.js";
+import { t as n } from "../utils-Cospvlj1.js";
+import { i 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 "../input-DhQdBnV3.js";
+import { t as c } from "../form-field-VZRULhUK.js";
+import { d as l } from "../text-inputs-BFpku0Qd.js";
 import { forwardRef as u, memo as d, useCallback as f, useId as p, useMemo as m, useReducer as h, useRef as g, useState as _ } from "react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { GripVertical as b, Plus as x, Trash2 as S, X as C } from "lucide-react";
@@ -115,16 +115,16 @@ function te({ item: e, index: t, sortable: r, rowVariant: i, removeVariant: o, h
 		]
 	});
 }
-function z({ items: i, renderRow: s, onAdd: c, onRemove: l, onMove: u, sortable: d = !1, rowVariant: p = "inline", removeVariant: h = "ghost", hideRemove: g = !1, hideAdd: _ = !1, disabled: b = !1, strings: S, className: C }) {
+function z({ items: r, renderRow: s, onAdd: c, onRemove: l, onMove: u, sortable: d = !1, rowVariant: p = "inline", removeVariant: h = "ghost", hideRemove: g = !1, hideAdd: _ = !1, disabled: b = !1, strings: S, className: C }) {
 	let w = t(R, S), { defaultScale: T } = e(), E = T ?? "md", F = M(j(k, { activationConstraint: { distance: 4 } }), j(O, { coordinateGetter: P })), I = f((e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id) return;
-		let r = i.findIndex((e) => e.id === t.id), a = i.findIndex((e) => e.id === n.id);
-		r < 0 || a < 0 || u?.(r, a);
-	}, [i, u]), L = m(() => i.map((e) => e.id), [i]), z = /* @__PURE__ */ v(o, {
+		let i = r.findIndex((e) => e.id === t.id), a = r.findIndex((e) => e.id === n.id);
+		i < 0 || a < 0 || u?.(i, a);
+	}, [r, u]), L = m(() => r.map((e) => e.id), [r]), z = /* @__PURE__ */ v(o, {
 		gap: "md",
 		className: "repeater--list",
-		children: i.map((e, t) => /* @__PURE__ */ v(te, {
+		children: r.map((e, t) => /* @__PURE__ */ v(te, {
 			item: e,
 			index: t,
 			sortable: d,
@@ -141,9 +141,9 @@ function z({ items: i, renderRow: s, onAdd: c, onRemove: l, onMove: u, sortable:
 	return /* @__PURE__ */ y(o, {
 		gap: "lg",
 		className: n("repeater--component", C),
-		children: [i.length === 0 ? /* @__PURE__ */ v("div", {
-			className: "repeater--empty rounded-radius border border-dashed border-input p-surface",
-			children: /* @__PURE__ */ v(r, {
+		children: [r.length === 0 ? /* @__PURE__ */ v("div", {
+			className: "repeater--empty rounded-radius border border-dashed border-border p-surface",
+			children: /* @__PURE__ */ v(i, {
 				type: "secondary",
 				children: w.emptyState
 			})
@@ -354,12 +354,12 @@ function q({ name: e, fields: r, invalid: i, disabled: a = !1, sortable: u = !1,
 						invalid: !!i,
 						disabled: a
 					})
-				}, t.name) : /* @__PURE__ */ v(l, {
+				}, t.name) : /* @__PURE__ */ v(c, {
 					label: t.label,
 					required: t.required,
 					hint: t.hint,
 					htmlFor: r,
-					children: t.type === "textarea" ? /* @__PURE__ */ v(c, {
+					children: t.type === "textarea" ? /* @__PURE__ */ v(l, {
 						...o,
 						id: r,
 						placeholder: t.placeholder,
@@ -390,13 +390,13 @@ var ie = {
 	addButton: "Add row",
 	removeRowAriaLabel: "Remove row",
 	emptyState: "No rows yet."
-}, J = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 10), ae = d(function({ row: e, keyPlaceholder: t, valuePlaceholder: r, keyLabel: a, valueLabel: o, invalid: c, onKeyChange: l, onValueChange: u }) {
+}, J = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 10), ae = d(function({ row: e, keyPlaceholder: t, valuePlaceholder: i, keyLabel: a, valueLabel: o, invalid: c, onKeyChange: l, onValueChange: u }) {
 	let { id: d, key: f, value: p } = e;
 	return /* @__PURE__ */ y("div", {
 		className: n("key-value-editor--row", "grid grid-cols-1 @md/key-value-editor:grid-cols-2 gap-space-md"),
 		children: [/* @__PURE__ */ y("div", {
 			className: "grid min-w-0 gap-space-sm",
-			children: [!!a && /* @__PURE__ */ v(i, {
+			children: [!!a && /* @__PURE__ */ v(r, {
 				htmlFor: `${d}-key`,
 				className: "@md/key-value-editor:sr-only",
 				children: a
@@ -410,22 +410,22 @@ var ie = {
 			})]
 		}), /* @__PURE__ */ y("div", {
 			className: "grid min-w-0 gap-space-sm",
-			children: [!!o && /* @__PURE__ */ v(i, {
+			children: [!!o && /* @__PURE__ */ v(r, {
 				htmlFor: `${d}-value`,
 				className: "@md/key-value-editor:sr-only",
 				children: o
 			}), /* @__PURE__ */ v(s, {
 				id: `${d}-value`,
-				"aria-label": o || r,
+				"aria-label": o || i,
 				value: p ?? "",
-				placeholder: r,
+				placeholder: i,
 				onChange: (e) => u(d, e.target.value),
 				invalid: c
 			})]
 		})]
 	});
-}), Y = u(function({ value: r, onValueChange: a, invalid: o, sortable: s = !1, strings: c }, l) {
-	let u = t(ie, c), { defaultScale: d } = e(), p = g(!1), [m, h] = _(() => r && Object.keys(r).length > 0 ? Object.entries(r).map(([e, t]) => ({
+}), Y = u(function({ value: i, onValueChange: a, invalid: o, sortable: s = !1, strings: c }, l) {
+	let u = t(ie, c), { defaultScale: d } = e(), p = g(!1), [m, h] = _(() => i && Object.keys(i).length > 0 ? Object.entries(i).map(([e, t]) => ({
 		id: J(),
 		key: e,
 		value: String(t ?? "")
@@ -480,14 +480,14 @@ var ie = {
 			return r.splice(t, 0, i), b(r), r;
 		});
 	}, [b]), E = !!u.keyLabel || !!u.valueLabel, D = d === "sm" ? {
-		left: "pl-[calc(var(--spacing-action-sm)+var(--spacing-space-md))]",
-		right: "pr-[calc(var(--spacing-action-sm)+var(--spacing-space-md))]"
+		left: "ps-[calc(var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]",
+		right: "pe-[calc(var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]"
 	} : d === "lg" ? {
-		left: "pl-[calc(var(--spacing-action-lg)+var(--spacing-space-md))]",
-		right: "pr-[calc(var(--spacing-action-lg)+var(--spacing-space-md))]"
+		left: "ps-[calc(var(--height-action)*10/9*var(--density-scale)+0.5rem*var(--space-scale))]",
+		right: "pe-[calc(var(--height-action)*10/9*var(--density-scale)+0.5rem*var(--space-scale))]"
 	} : {
-		left: "pl-[calc(var(--spacing-action)+var(--spacing-space-md))]",
-		right: "pr-[calc(var(--spacing-action)+var(--spacing-space-md))]"
+		left: "ps-[calc(var(--height-action)*var(--density-scale)+0.5rem*var(--space-scale))]",
+		right: "pe-[calc(var(--height-action)*var(--density-scale)+0.5rem*var(--space-scale))]"
 	}, O = s ? D.left : "", k = D.right, A = s ? {
 		sortable: !0,
 		onMove: T
@@ -498,10 +498,10 @@ var ie = {
 		children: [E && /* @__PURE__ */ y("div", {
 			"data-action-gutter": !0,
 			className: n("hidden @md/key-value-editor:grid grid-cols-2 gap-space-md", O, k),
-			children: [/* @__PURE__ */ v("div", { children: !!u.keyLabel && /* @__PURE__ */ v(i, {
+			children: [/* @__PURE__ */ v("div", { children: !!u.keyLabel && /* @__PURE__ */ v(r, {
 				className: "flex items-center",
 				children: u.keyLabel
-			}) }), /* @__PURE__ */ v("div", { children: !!u.valueLabel && /* @__PURE__ */ v(i, {
+			}) }), /* @__PURE__ */ v("div", { children: !!u.valueLabel && /* @__PURE__ */ v(r, {
 				className: "flex items-center",
 				children: u.valueLabel
 			}) })]
@@ -531,19 +531,19 @@ var ie = {
 Y.displayName = "KeyValueEditor";
 //#endregion
 //#region src/components/base/repeaters/localized-string-field.tsx
-function X({ name: e, type: t = "text", placeholder: r, primaryLocale: i, secondaryLocale: a, activeLocale: o, invalid: l, className: u }) {
+function X({ name: e, type: t = "text", placeholder: r, primaryLocale: i, secondaryLocale: a, activeLocale: o, invalid: c, className: u }) {
 	let { register: d } = E(), f = `${e}.${o === "primary" ? i : a}`;
-	return t === "textarea" ? /* @__PURE__ */ v(c, {
+	return t === "textarea" ? /* @__PURE__ */ v(l, {
 		...d(f),
 		placeholder: r,
 		minRows: 3,
-		invalid: l,
+		invalid: c,
 		className: n("localized-string-field--component", u)
 	}, f) : /* @__PURE__ */ v(s, {
 		...d(f),
 		type: t === "number" ? "number" : "text",
 		placeholder: r,
-		invalid: l,
+		invalid: c,
 		className: n("localized-string-field--component", u)
 	}, f);
 }
@@ -558,12 +558,12 @@ function Z({ name: e, fields: t, primaryLocale: r, secondaryLocale: i, activeLoc
 			gap: "lg",
 			children: t.map((t) => {
 				let n = `${e}.${p}.${t.name}`;
-				return /* @__PURE__ */ v(l, {
+				return /* @__PURE__ */ v(c, {
 					label: t.label,
 					htmlFor: n,
 					required: t.required,
 					className: "w-full",
-					children: t.type === "textarea" ? /* @__PURE__ */ v(c, {
+					children: t.type === "textarea" ? /* @__PURE__ */ v(l, {
 						...f(n),
 						id: n,
 						placeholder: t.placeholder,
@@ -591,16 +591,16 @@ var Q = {
 	removeAriaLabel: L.removeAriaLabel,
 	dragHandleAriaLabel: "Drag to reorder"
 };
-function $({ name: e, primaryLocale: r, secondaryLocale: i, activeLocale: a, invalid: o, disabled: s = !1, sortable: l = !1, strings: u, className: d }) {
+function $({ name: e, primaryLocale: r, secondaryLocale: i, activeLocale: a, invalid: o, disabled: s = !1, sortable: c = !1, strings: u, className: d }) {
 	let f = t(Q, u), p = `${e}.${a === "primary" ? r : i}`;
 	return /* @__PURE__ */ v(G, {
 		name: p,
-		sortable: l,
+		sortable: c,
 		invalid: o,
 		disabled: s,
 		className: n("localized-string-repeater--component", d),
 		strings: f,
-		renderField: (e) => /* @__PURE__ */ v(c, {
+		renderField: (e) => /* @__PURE__ */ v(l, {
 			ref: e.ref,
 			name: e.name,
 			value: e.value,