themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/features/schema-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-form.js","names":["Text","Stack","Input","Textarea","ContentBlock","FormField","ToggleField","CardCheckboxGroup","Select","SwitchCard","CardRadioGroup","TagsInput","DecimalInput","EmptyState","SCHEMA_FORM_COLUMNS","SCHEMA_FORM_FIELD_WIDTH","isFieldHidden","field","values","error","onError","isFieldDisabled","getVisibleFields","fields","resolveSchemaSections","visibleFields","schema","fieldsByKey","usedKeys","sections","section","sectionFields","key","defaultColumns","unsectioned","defaultSectionTitle","toStringValue","value","toStringArray","item","toBooleanValue","parseNumberValue","trimmed","rawValue","parsed","integer","formatJsonValue","indent","parseJsonValue","getDefaultValues","defaultValue","shouldRequireValue","normalizeErrors","next","message","errors","useSchemaForm","externalErrors","isControlled","initialValues","useMemo","internalValues","setInternalValues","useState","validationErrors","setValidationErrors","mergedErrors","setValues","useCallback","nextValues","onValueChange","setFieldValue","fieldValue","current","onFieldChange","reset","validate","nextErrors","formatRequiredError","validators","validator","result","validationError","SchemaFormActions","cn","className","showReset","Button","disabled","resetDisabled","submitting","onReset","resetLabel","submitDisabled","submitLabel","SchemaFormEmpty","getFieldHint","getTextDisplayValue","parseTextValue","parseNumberFieldValue","parseJsonFieldValue","optionIconNode","option","Icon","JsonFieldControl","text","setText","parseError","setParseError","isFocused","setIsFocused","useEffect","commit","strings","fieldId","event","SchemaFormFieldRenderer","fieldType","commonFieldProps","controlClassName","describedBy","checked","displayValue","decimalPlaces","options","inputType","nativeInputProps","defaultSchemaFormStrings","label","toDomId","SectionHeading","SchemaForm","stringsProp","generatedId","useId","formId","id","useStrings","form","columns","hasFields","helpers","shouldShowActions","showActions","onSubmit","actionsSlot","resolvedSubmitLabel","resolvedResetLabel","renderFieldNode","fieldDisabled","context","nextValue","defaultField","fieldClassName","renderField","renderSectionFields","renderPlainSection","custom","renderSection","sectionClassName","Fragment","renderCardSection","actions","empty","emptySlot","layout","contentClassName","title","description","headerSlot","footerSlot"],"sources":["../../src/components/features/schema-form/schema-form.utils.ts","../../src/components/features/schema-form/hooks/use-schema-form.ts","../../src/components/features/schema-form/partials/schema-form-actions.tsx","../../src/components/features/schema-form/partials/schema-form-empty.tsx","../../src/components/features/schema-form/partials/schema-form-field.tsx","../../src/components/features/schema-form/schema-form.strings.ts","../../src/components/features/schema-form/schema-form.tsx"],"sourcesContent":["import type {\n\tResolvedSchemaFormSection,\n\tSchemaFormField,\n\tSchemaFormFieldWidth,\n\tSchemaFormSchema,\n\tSchemaFormValue,\n\tSchemaFormValues,\n} from './schema-form.types';\n\ntype SchemaFormErrorHandler = (error: unknown) => void;\n\n/*\n * Container widths, not viewport widths — a schema form is as often rendered in\n * a drawer or a side panel as at page width, and keyed to the screen it kept\n * three field columns inside a 320px drawer. 448/576 clears every width these\n * forms render at today (672-814px) while collapsing below a real drawer.\n */\nexport const SCHEMA_FORM_COLUMNS: Record<1 | 2 | 3, string> = {\n\t1: 'grid grid-cols-1 gap-4',\n\t2: 'grid grid-cols-1 gap-4 @md/schema-form:grid-cols-2',\n\t3: 'grid grid-cols-1 gap-4 @md/schema-form:grid-cols-2 @xl/schema-form:grid-cols-3',\n};\n\nexport const SCHEMA_FORM_FIELD_WIDTH: Record<SchemaFormFieldWidth, string> = {\n\tauto: '',\n\thalf: '@md/schema-form:col-span-1',\n\tthird: '@xl/schema-form:col-span-1',\n\tfull: '@md/schema-form:col-span-full @xl/schema-form:col-span-full',\n};\n\nexport function isFieldHidden(\n\tfield: SchemaFormField,\n\tvalues: SchemaFormValues,\n\tonError?: SchemaFormErrorHandler,\n): boolean {\n\tif (typeof field.hidden === 'function') {\n\t\ttry {\n\t\t\treturn field.hidden(values);\n\t\t} catch (error) {\n\t\t\tonError?.(error);\n\t\t\treturn false;\n\t\t}\n\t}\n\treturn field.hidden ?? false;\n}\n\nexport function isFieldDisabled(\n\tfield: SchemaFormField,\n\tvalues: SchemaFormValues,\n\tonError?: SchemaFormErrorHandler,\n): boolean {\n\tif (typeof field.disabled === 'function') {\n\t\ttry {\n\t\t\treturn field.disabled(values);\n\t\t} catch (error) {\n\t\t\tonError?.(error);\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn field.disabled ?? false;\n}\n\nexport function getVisibleFields(\n\tfields: SchemaFormField[],\n\tvalues: SchemaFormValues,\n\tonError?: SchemaFormErrorHandler,\n): SchemaFormField[] {\n\treturn fields.filter((field) => !isFieldHidden(field, values, onError));\n}\n\nexport function resolveSchemaSections(\n\tschema: SchemaFormSchema,\n\tvalues: SchemaFormValues,\n\tdefaultSectionTitle: string,\n\tdefaultColumns: 1 | 2 | 3,\n\tonError?: SchemaFormErrorHandler,\n): ResolvedSchemaFormSection[] {\n\tconst visibleFields = getVisibleFields(schema.fields, values, onError);\n\tconst fieldsByKey = new Map(visibleFields.map((field) => [field.key, field]));\n\tconst usedKeys = new Set<string>();\n\tconst sections: ResolvedSchemaFormSection[] = [];\n\n\tfor (const section of schema.sections ?? []) {\n\t\tconst sectionFields = section.fields\n\t\t\t? section.fields\n\t\t\t\t\t.map((key) => fieldsByKey.get(key))\n\t\t\t\t\t.filter((field): field is SchemaFormField => field !== undefined)\n\t\t\t: visibleFields.filter((field) => field.sectionId === section.id);\n\n\t\tfor (const field of sectionFields) {\n\t\t\tusedKeys.add(field.key);\n\t\t}\n\n\t\tsections.push({\n\t\t\tid: section.id,\n\t\t\ttitle: section.title,\n\t\t\tdescription: section.description,\n\t\t\ticon: section.icon,\n\t\t\tfields: sectionFields,\n\t\t\tcolumns: section.columns ?? defaultColumns,\n\t\t\tfooterSlot: section.footerSlot,\n\t\t\tclassName: section.className,\n\t\t});\n\t}\n\n\tconst unsectioned = visibleFields.filter((field) => !usedKeys.has(field.key));\n\tif (unsectioned.length > 0 || sections.length === 0) {\n\t\tsections.unshift({\n\t\t\tid: 'default',\n\t\t\ttitle: schema.sections?.length ? defaultSectionTitle : undefined,\n\t\t\tfields: unsectioned,\n\t\t\tcolumns: defaultColumns,\n\t\t});\n\t}\n\n\treturn sections.filter((section) => section.fields.length > 0);\n}\n\nexport function toStringValue(value: SchemaFormValue): string {\n\tif (value === undefined || value === null) return '';\n\tif (typeof value === 'string') return value;\n\tif (typeof value === 'number' || typeof value === 'boolean') return String(value);\n\treturn JSON.stringify(value);\n}\n\nexport function toStringArray(value: SchemaFormValue): string[] {\n\tif (!Array.isArray(value)) return [];\n\treturn value.map((item) => String(item));\n}\n\nexport function toBooleanValue(value: SchemaFormValue): boolean {\n\treturn value === true || value === 'true' || value === 1;\n}\n\nexport function parseNumberValue(rawValue: string, integer = false): number | null {\n\tconst trimmed = rawValue.trim();\n\tif (trimmed.length === 0) return null;\n\tconst parsed = integer ? Number.parseInt(trimmed, 10) : Number.parseFloat(trimmed);\n\treturn Number.isNaN(parsed) ? null : parsed;\n}\n\nexport function formatJsonValue(value: SchemaFormValue, indent = 2): string {\n\tif (value === undefined || value === null) return '';\n\tif (typeof value === 'string') return value;\n\ttry {\n\t\treturn JSON.stringify(value, null, indent);\n\t} catch {\n\t\treturn String(value);\n\t}\n}\n\nexport function parseJsonValue(rawValue: string): { value: SchemaFormValue; valid: boolean } {\n\tconst trimmed = rawValue.trim();\n\tif (trimmed.length === 0) return { value: null, valid: true };\n\n\ttry {\n\t\treturn { value: JSON.parse(trimmed) as SchemaFormValue, valid: true };\n\t} catch {\n\t\treturn { value: rawValue, valid: false };\n\t}\n}\n","import { useCallback, useMemo, useState } from 'react';\n\nimport type {\n\tSchemaFormErrors,\n\tSchemaFormField,\n\tSchemaFormSubmitHelpers,\n\tSchemaFormValue,\n\tSchemaFormValues,\n} from '../schema-form.types';\nimport { isFieldHidden } from '../schema-form.utils';\n\nexport interface UseSchemaFormOptions {\n\tfields: SchemaFormField[];\n\tvalue?: SchemaFormValues;\n\tdefaultValue?: SchemaFormValues;\n\terrors?: SchemaFormErrors;\n\tonValueChange?: (values: SchemaFormValues) => void;\n\tonFieldChange?: (key: string, value: SchemaFormValue, values: SchemaFormValues) => void;\n\tformatRequiredError: (label: string) => string;\n\tvalidationError: string;\n\tonError?: (error: unknown) => void;\n}\n\nexport interface UseSchemaFormResult extends SchemaFormSubmitHelpers {\n\tvalues: SchemaFormValues;\n\terrors: SchemaFormErrors;\n\tgetFieldError: (key: string) => string | undefined;\n\tgetFieldValue: (key: string) => SchemaFormValue;\n\tsetFieldValue: (key: string, value: SchemaFormValue) => void;\n\tsetValues: (values: SchemaFormValues) => void;\n\treset: () => SchemaFormValues;\n\tvalidate: () => boolean;\n}\n\nfunction getDefaultValues(fields: SchemaFormField[], defaultValue?: SchemaFormValues): SchemaFormValues {\n\tconst values: SchemaFormValues = { ...(defaultValue ?? {}) };\n\n\tfor (const field of fields) {\n\t\tif (field.defaultValue !== undefined && values[field.key] === undefined) {\n\t\t\tvalues[field.key] = field.defaultValue;\n\t\t}\n\t}\n\n\treturn values;\n}\n\nfunction shouldRequireValue(value: SchemaFormValue): boolean {\n\tif (value === undefined || value === null) return true;\n\tif (typeof value === 'string') return value.trim().length === 0;\n\tif (Array.isArray(value)) return value.length === 0;\n\treturn false;\n}\n\nfunction normalizeErrors(errors?: SchemaFormErrors): SchemaFormErrors {\n\tconst next: SchemaFormErrors = {};\n\tfor (const [key, message] of Object.entries(errors ?? {})) {\n\t\tif (message) next[key] = message;\n\t}\n\treturn next;\n}\n\nexport function useSchemaForm({\n\tfields,\n\tvalue,\n\tdefaultValue,\n\terrors: externalErrors,\n\tonValueChange,\n\tonFieldChange,\n\tformatRequiredError,\n\tvalidationError,\n\tonError,\n}: UseSchemaFormOptions): UseSchemaFormResult {\n\tconst isControlled = value !== undefined;\n\tconst initialValues = useMemo(\n\t\t() => getDefaultValues(fields, defaultValue),\n\t\t[defaultValue, fields],\n\t);\n\tconst [internalValues, setInternalValues] = useState<SchemaFormValues>(() => initialValues);\n\tconst [validationErrors, setValidationErrors] = useState<SchemaFormErrors>({});\n\tconst values = useMemo(\n\t\t() => (isControlled ? { ...initialValues, ...(value ?? {}) } : internalValues),\n\t\t[initialValues, internalValues, isControlled, value],\n\t);\n\n\tconst mergedErrors = useMemo(\n\t\t() => ({\n\t\t\t...validationErrors,\n\t\t\t...normalizeErrors(externalErrors),\n\t\t}),\n\t\t[externalErrors, validationErrors],\n\t);\n\n\tconst setValues = useCallback(\n\t\t(nextValues: SchemaFormValues) => {\n\t\t\tif (!isControlled) setInternalValues(nextValues);\n\t\t\tonValueChange?.(nextValues);\n\t\t},\n\t\t[isControlled, onValueChange],\n\t);\n\n\tconst setFieldValue = useCallback(\n\t\t(key: string, fieldValue: SchemaFormValue) => {\n\t\t\tconst nextValues = { ...values, [key]: fieldValue };\n\t\t\tif (!isControlled) setInternalValues(nextValues);\n\t\t\tsetValidationErrors((current) => {\n\t\t\t\tif (!current[key]) return current;\n\t\t\t\tconst next = { ...current };\n\t\t\t\tdelete next[key];\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\tonFieldChange?.(key, fieldValue, nextValues);\n\t\t\tonValueChange?.(nextValues);\n\t\t},\n\t\t[isControlled, onFieldChange, onValueChange, values],\n\t);\n\n\tconst reset = useCallback(() => {\n\t\tconst nextValues = getDefaultValues(fields, defaultValue);\n\t\tif (!isControlled) setInternalValues(nextValues);\n\t\tsetValidationErrors({});\n\t\tonValueChange?.(nextValues);\n\t\treturn nextValues;\n\t}, [defaultValue, fields, isControlled, onValueChange]);\n\n\tconst validate = useCallback(() => {\n\t\tconst nextErrors: SchemaFormErrors = {};\n\n\t\tfor (const field of fields) {\n\t\t\tif (isFieldHidden(field, values, onError)) continue;\n\n\t\t\tconst fieldValue = values[field.key];\n\t\t\tif (field.required && shouldRequireValue(fieldValue)) {\n\t\t\t\tnextErrors[field.key] = formatRequiredError(field.label);\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst validators = Array.isArray(field.validate)\n\t\t\t\t? field.validate\n\t\t\t\t: field.validate\n\t\t\t\t\t? [field.validate]\n\t\t\t\t\t: [];\n\n\t\t\tfor (const validator of validators) {\n\t\t\t\ttry {\n\t\t\t\t\tconst result = validator(fieldValue, values, field);\n\t\t\t\t\tif (typeof result === 'string' && result.length > 0) {\n\t\t\t\t\t\tnextErrors[field.key] = result;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tonError?.(error);\n\t\t\t\t\tnextErrors[field.key] = validationError;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tsetValidationErrors(nextErrors);\n\t\treturn Object.keys(nextErrors).length === 0;\n\t}, [fields, formatRequiredError, onError, validationError, values]);\n\n\tconst getFieldError = useCallback(\n\t\t(key: string) => mergedErrors[key],\n\t\t[mergedErrors],\n\t);\n\n\tconst getFieldValue = useCallback(\n\t\t(key: string) => values[key],\n\t\t[values],\n\t);\n\n\treturn {\n\t\tvalues,\n\t\terrors: mergedErrors,\n\t\tgetFieldError,\n\t\tgetFieldValue,\n\t\tsetFieldValue,\n\t\tsetValues,\n\t\treset,\n\t\tvalidate,\n\t};\n}\n","import { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nexport interface SchemaFormActionsProps {\n\t/** Copy for the submit button. */\n\tsubmitLabel: string;\n\t/** Copy for the reset button. */\n\tresetLabel: string;\n\t/** Renders the reset. */\n\tshowReset?: boolean;\n\t/** Renders the entry as unselectable. */\n\tdisabled?: boolean;\n\t/** Disables the submit button. */\n\tsubmitDisabled?: boolean;\n\t/** Disables the reset button. */\n\tresetDisabled?: boolean;\n\t/** Shows the pending state on submit. */\n\tsubmitting?: boolean;\n\tonReset?: () => void;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function SchemaFormActions({\n\tsubmitLabel,\n\tresetLabel,\n\tshowReset = false,\n\tdisabled = false,\n\tsubmitDisabled = false,\n\tresetDisabled = false,\n\tsubmitting = false,\n\tonReset,\n\tclassName,\n}: SchemaFormActionsProps) {\n\treturn (\n\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"end\" gap=\"md\" className={cn('schema-form-actions--component', className)}>\n\t\t\t{!!showReset && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tdisabled={disabled || resetDisabled || submitting}\n\t\t\t\t\tonClick={onReset}\n\t\t\t\t>\n\t\t\t\t\t{resetLabel}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t<Button\n\t\t\t\ttype=\"submit\"\n\t\t\t\ttone=\"primary\"\n\t\t\t\tloading={submitting}\n\t\t\t\tdisabled={disabled || submitDisabled}\n\t\t\t>\n\t\t\t\t{submitLabel}\n\t\t\t</Button>\n\t\t</Stack>\n\t);\n}\n\nSchemaFormActions.displayName = 'SchemaFormActions';\n","import { EmptyState } from '../../../blocks/data-display';\nimport { cn } from '../../../../lib/utils';\n\nexport interface SchemaFormEmptyProps {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Supporting copy shown under the label. */\n\tdescription: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function SchemaFormEmpty({ title, description, className }: SchemaFormEmptyProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tpadding=\"md\"\n\t\t\tborder\n\t\t\tclassName={cn('schema-form-empty--component bg-muted/20', className)}\n\t\t/>\n\t);\n}\n\nSchemaFormEmpty.displayName = 'SchemaFormEmpty';\n","import { useEffect, useState, type ElementType } from 'react';\n\nimport { CardCheckboxGroup, CardRadioGroup, Select, SwitchCard, ToggleField } from '../../../base/choice-inputs';\nimport { FormField } from '../../../base/forms';\nimport { Input, Textarea } from '../../../base/text-inputs';\nimport { TagsInput } from '../../../base/value-inputs';\nimport { DecimalInput } from '../../../base/forms-numeric';\nimport { cn } from '../../../../lib/utils';\n\nimport type { SchemaFormStrings } from '../schema-form.strings';\nimport type {\n\tSchemaFormField,\n\tSchemaFormFieldContext,\n\tSchemaFormValue,\n\tSchemaFormValues,\n} from '../schema-form.types';\nimport {\n\tformatJsonValue,\n\tparseJsonValue,\n\tparseNumberValue,\n\ttoBooleanValue,\n\ttoStringArray,\n\ttoStringValue,\n} from '../schema-form.utils';\n\nexport interface SchemaFormFieldRendererProps extends SchemaFormFieldContext {\n\t/** Overrides this surface's own copy. */\n\tstrings: SchemaFormStrings;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nfunction getFieldHint(field: SchemaFormField): string | undefined {\n\treturn field.hint ?? field.description;\n}\n\nfunction getTextDisplayValue(\n\tfield: SchemaFormField,\n\tvalue: SchemaFormValue,\n\tvalues: SchemaFormValues,\n\tonError?: (error: unknown) => void,\n): string {\n\tif (field.formatValue) {\n\t\ttry {\n\t\t\treturn field.formatValue(value, values);\n\t\t} catch (error) {\n\t\t\tonError?.(error);\n\t\t}\n\t}\n\treturn toStringValue(value);\n}\n\nfunction parseTextValue(\n\tfield: SchemaFormField,\n\trawValue: string,\n\tvalues: SchemaFormValues,\n\tonError?: (error: unknown) => void,\n): SchemaFormValue {\n\tif (field.parseValue) {\n\t\ttry {\n\t\t\treturn field.parseValue(rawValue, values);\n\t\t} catch (error) {\n\t\t\tonError?.(error);\n\t\t}\n\t}\n\treturn rawValue;\n}\n\nfunction parseNumberFieldValue(\n\tfield: SchemaFormField,\n\trawValue: string,\n\tvalues: SchemaFormValues,\n\tinteger: boolean,\n\tonError?: (error: unknown) => void,\n): SchemaFormValue {\n\tif (field.parseValue) {\n\t\ttry {\n\t\t\treturn field.parseValue(rawValue, values);\n\t\t} catch (error) {\n\t\t\tonError?.(error);\n\t\t}\n\t}\n\treturn parseNumberValue(rawValue, integer);\n}\n\nfunction parseJsonFieldValue(\n\tfield: SchemaFormField,\n\trawValue: string,\n\tvalues: SchemaFormValues,\n\tonError?: (error: unknown) => void,\n): { value: SchemaFormValue; valid: boolean } {\n\tif (field.type === 'json' && field.parseValue) {\n\t\ttry {\n\t\t\treturn { value: field.parseValue(rawValue, values), valid: true };\n\t\t} catch (error) {\n\t\t\tonError?.(error);\n\t\t\treturn { value: rawValue, valid: false };\n\t\t}\n\t}\n\treturn parseJsonValue(rawValue);\n}\n\nfunction optionIconNode(option: { icon?: ElementType }) {\n\tif (!option.icon) return undefined;\n\tconst Icon = option.icon;\n\treturn <Icon className=\"size-icon\" aria-hidden=\"true\" />;\n}\n\nfunction JsonFieldControl({\n\tfield,\n\tvalue,\n\tvalues,\n\terror,\n\tdisabled,\n\tfieldId,\n\tonValueChange,\n\tonError,\n\tstrings,\n}: SchemaFormFieldContext & { strings: SchemaFormStrings }) {\n\tconst indent = field.type === 'json' ? field.jsonIndent ?? 2 : 2;\n\tconst [text, setText] = useState(() => formatJsonValue(value, indent));\n\tconst [parseError, setParseError] = useState<string | undefined>();\n\tconst [isFocused, setIsFocused] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!isFocused) setText(formatJsonValue(value, indent));\n\t}, [indent, isFocused, value]);\n\n\tif (field.type !== 'json') return null;\n\n\tconst commit = (rawValue: string) => {\n\t\tconst parsed = parseJsonFieldValue(field, rawValue, values, onError);\n\t\tsetParseError(parsed.valid ? undefined : strings.jsonParseError);\n\t\tonValueChange(parsed.value);\n\t\treturn parsed;\n\t};\n\n\treturn (\n\t\t<FormField\n\t\t\tlabel={field.label}\n\t\t\trequired={field.required}\n\t\t\thint={getFieldHint(field)}\n\t\t\thelperText={field.helperText}\n\t\t\terror={error ?? parseError}\n\t\t\thtmlFor={fieldId}\n\t\t\tsupportingTextId={`${fieldId}-supporting`}\n\t\t\tclassName=\"schema-form-field--component schema-form-field--json\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tid={fieldId}\n\t\t\t\tname={field.key}\n\t\t\t\tvalue={text}\n\t\t\t\trows={field.rows ?? 6}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tinvalid={Boolean(error ?? parseError)}\n\t\t\t\tplaceholder={field.placeholder}\n\t\t\t\tspellCheck={false}\n\t\t\t\tclassName={cn('font-mono', field.controlClassName)}\n\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\tonChange={(event) => {\n\t\t\t\t\tconst next = event.target.value;\n\t\t\t\t\tsetText(next);\n\t\t\t\t\tconst parsed = parseJsonFieldValue(field, next, values, onError);\n\t\t\t\t\tsetParseError(parsed.valid ? undefined : strings.jsonParseError);\n\t\t\t\t\tonValueChange(parsed.value);\n\t\t\t\t}}\n\t\t\t\tonBlur={() => {\n\t\t\t\t\tsetIsFocused(false);\n\t\t\t\t\tconst parsed = commit(text);\n\t\t\t\t\tif (parsed.valid) setText(formatJsonValue(parsed.value, indent));\n\t\t\t\t}}\n\t\t\t\t{...field.textareaProps}\n\t\t\t\t\taria-describedby={[field.textareaProps?.['aria-describedby'], error || parseError || field.helperText || getFieldHint(field) ? `${fieldId}-supporting` : undefined].filter(Boolean).join(' ') || undefined}\n\t\t\t/>\n\t\t</FormField>\n\t);\n}\n\nexport function SchemaFormFieldRenderer({\n\tfield,\n\tvalue,\n\tvalues,\n\terror,\n\tdisabled,\n\trequired,\n\tfieldId,\n\tonValueChange,\n\tonError,\n\tstrings,\n\tclassName,\n}: SchemaFormFieldRendererProps) {\n\tconst fieldType = field.type ?? 'text';\n\tconst commonFieldProps = {\n\t\tlabel: field.label,\n\t\trequired,\n\t\thint: getFieldHint(field),\n\t\thelperText: field.helperText,\n\t\terror,\n\t\thtmlFor: fieldId,\n\t\tsupportingTextId: `${fieldId}-supporting`,\n\t\tclassName: cn('schema-form-field--component', className),\n\t};\n\n\tconst controlClassName = field.controlClassName;\n\tconst describedBy = error || field.helperText || getFieldHint(field) ? `${fieldId}-supporting` : undefined;\n\n\tif (fieldType === 'custom' && field.type === 'custom') {\n\t\treturn (\n\t\t\t<div className={cn('schema-form-field--component schema-form-field--custom', className)}>\n\t\t\t\t{field.render({ field, value, values, error, disabled, required, fieldId, onValueChange, onError })}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (fieldType === 'switch' && field.type === 'switch') {\n\t\tconst checked = toBooleanValue(value);\n\t\tif (field.switchStyle === 'card') {\n\t\t\treturn (\n\t\t\t\t<FormField error={error} supportingTextId={`${fieldId}-supporting`} className={cn('schema-form-field--component schema-form-field--switch-card', className)}>\n\t\t\t\t\t<SwitchCard\n\t\t\t\t\tlabel={field.label}\n\t\t\t\t\t\tdescription={field.description}\n\t\t\t\t\t\thint={field.hint}\n\t\t\t\t\t\tname={field.key}\n\t\t\t\t\t\tvalue={checked}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\t\tonValueChange={(next) => onValueChange(next)}\n\t\t\t\t\t\t{...field.switchCardProps}\n\t\t\t\t\taria-describedby={[field.switchCardProps?.['aria-describedby'], error ? `${fieldId}-supporting` : undefined].filter(Boolean).join(' ') || undefined}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<FormField error={error} supportingTextId={`${fieldId}-supporting`} className={cn('schema-form-field--component schema-form-field--switch', className)}>\n\t\t\t\t<ToggleField\n\t\t\t\t\tlabel={field.label}\n\t\t\t\t\tdescription={field.description ?? field.hint}\n\t\t\t\t\tname={field.key}\n\t\t\t\t\tvalue={checked}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\tonValueChange={(next) => onValueChange(next)}\n\t\t\t\t\t{...field.switchProps}\n\t\t\t\t\taria-describedby={[field.switchProps?.['aria-describedby'], error ? `${fieldId}-supporting` : undefined].filter(Boolean).join(' ') || undefined}\n\t\t\t\t/>\n\t\t\t</FormField>\n\t\t);\n\t}\n\n\tif (fieldType === 'json') {\n\t\treturn (\n\t\t\t<JsonFieldControl\n\t\t\t\tfield={field}\n\t\t\t\tvalue={value}\n\t\t\t\tvalues={values}\n\t\t\t\terror={error}\n\t\t\t\tdisabled={disabled}\n\t\t\t\trequired={required}\n\t\t\t\tfieldId={fieldId}\n\t\t\t\tonValueChange={onValueChange}\n\t\t\t\tonError={onError}\n\t\t\t\tstrings={strings}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (fieldType === 'textarea' && field.type === 'textarea') {\n\t\tconst displayValue = getTextDisplayValue(field, value, values, onError);\n\t\treturn (\n\t\t\t<FormField {...commonFieldProps}>\n\t\t\t\t<Textarea\n\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\tid={fieldId}\n\t\t\t\t\tname={field.key}\n\t\t\t\t\tvalue={displayValue}\n\t\t\t\t\trows={field.rows}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\trequired={required}\n\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\tplaceholder={field.placeholder}\n\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\tonChange={(event) => onValueChange(parseTextValue(field, event.target.value, values, onError))}\n\t\t\t\t\t{...field.textareaProps}\n\t\t\t\t/>\n\t\t\t</FormField>\n\t\t);\n\t}\n\n\tif ((fieldType === 'number' || fieldType === 'integer' || fieldType === 'decimal') && (\n\t\tfield.type === 'number' || field.type === 'integer' || field.type === 'decimal'\n\t)) {\n\t\tconst displayValue = getTextDisplayValue(field, value, values, onError);\n\t\tconst integer = field.type === 'integer';\n\t\tconst decimalPlaces = integer ? 0 : field.decimalPlaces ?? (field.type === 'decimal' ? 2 : 4);\n\t\treturn (\n\t\t\t<FormField {...commonFieldProps}>\n\t\t\t\t<DecimalInput\n\t\t\t\t\tid={fieldId}\n\t\t\t\t\tname={field.key}\n\t\t\t\t\tvalue={displayValue}\n\t\t\t\t\tmin={field.min}\n\t\t\t\t\tmax={field.max}\n\t\t\t\t\tstep={field.step}\n\t\t\t\t\tdecimalPlaces={decimalPlaces}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\trequired={required}\n\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\tplaceholder={field.placeholder}\n\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\tconst rawValue = event.target.value;\n\t\t\t\t\t\tonValueChange(parseNumberFieldValue(field, rawValue, values, integer, onError));\n\t\t\t\t\t}}\n\t\t\t\t\t{...field.numberProps}\n\t\t\t\t\taria-describedby={[field.numberProps?.['aria-describedby'], describedBy].filter(Boolean).join(' ') || undefined}\n\t\t\t\t/>\n\t\t\t</FormField>\n\t\t);\n\t}\n\n\tif (fieldType === 'select' && field.type === 'select') {\n\t\tconst options = field.options.map((option) => ({\n\t\t\tvalue: option.value,\n\t\t\tlabel: option.label,\n\t\t\tdisabled: option.disabled,\n\t\t\ticon: optionIconNode(option),\n\t\t}));\n\n\t\treturn (\n\t\t\t<FormField {...commonFieldProps}>\n\t\t\t\t<Select\n\t\t\t\t\tname={field.key}\n\t\t\t\t\tvalue={toStringValue(value)}\n\t\t\t\t\toptions={options}\n\t\t\t\t\tallowClear={field.allowClear}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\trequired={required}\n\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\tplaceholder={field.placeholder}\n\t\t\t\t\taria-label={field.label}\n\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\tonValueChange={(next) => onValueChange(next ?? null)}\n\t\t\t\t\t{...field.selectProps}\n\t\t\t\t\taria-describedby={[field.selectProps?.['aria-describedby'], describedBy].filter(Boolean).join(' ') || undefined}\n\t\t\t\t/>\n\t\t\t</FormField>\n\t\t);\n\t}\n\n\tif (fieldType === 'radio-cards' && field.type === 'radio-cards') {\n\t\treturn (\n\t\t\t<FormField {...commonFieldProps}>\n\t\t\t\t<CardRadioGroup\n\t\t\t\t\tname={field.key}\n\t\t\t\t\tvalue={toStringValue(value)}\n\t\t\t\t\toptions={field.options}\n\t\t\t\t\tcolumns={field.columns}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\tonValueChange={(next) => onValueChange(next)}\n\t\t\t\t\t{...field.radioProps}\n\t\t\t\t\taria-describedby={[field.radioProps?.['aria-describedby'], describedBy].filter(Boolean).join(' ') || undefined}\n\t\t\t\t/>\n\t\t\t</FormField>\n\t\t);\n\t}\n\n\tif (fieldType === 'checkbox-cards' && field.type === 'checkbox-cards') {\n\t\treturn (\n\t\t\t<FormField {...commonFieldProps}>\n\t\t\t\t<CardCheckboxGroup\n\t\t\t\t\tname={field.key}\n\t\t\t\t\tvalue={toStringArray(value)}\n\t\t\t\t\toptions={field.options}\n\t\t\t\t\tcolumns={field.columns}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\tonValueChange={(next) => onValueChange(next)}\n\t\t\t\t\t{...field.checkboxProps}\n\t\t\t\t\taria-describedby={[field.checkboxProps?.['aria-describedby'], describedBy].filter(Boolean).join(' ') || undefined}\n\t\t\t\t/>\n\t\t\t</FormField>\n\t\t);\n\t}\n\n\tif (fieldType === 'tags' && field.type === 'tags') {\n\t\treturn (\n\t\t\t<FormField {...commonFieldProps}>\n\t\t\t\t<TagsInput\n\t\t\t\t\tid={fieldId}\n\t\t\t\t\tvalue={toStringArray(value)}\n\t\t\t\t\trecommendations={field.recommendations}\n\t\t\t\t\tmaxTags={field.maxTags}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\tplaceholder={field.placeholder}\n\t\t\t\t\tclassName={controlClassName}\n\t\t\t\t\tonValueChange={(next) => onValueChange(next)}\n\t\t\t\t\t{...field.tagsProps}\n\t\t\t\t\taria-describedby={[field.tagsProps?.['aria-describedby'], describedBy].filter(Boolean).join(' ') || undefined}\n\t\t\t\t/>\n\t\t\t</FormField>\n\t\t);\n\t}\n\n\tconst inputType = fieldType === 'text' ? 'text' : fieldType;\n\tconst nativeInputProps = field.type === undefined || field.type === 'text' || field.type === 'email' || field.type === 'password' || field.type === 'url' || field.type === 'tel' || field.type === 'search' ? field.inputProps : undefined;\n\tconst displayValue = getTextDisplayValue(field, value, values, onError);\n\n\treturn (\n\t\t<FormField {...commonFieldProps}>\n\t\t\t<Input\n\t\t\t\tid={fieldId}\n\t\t\t\tname={field.key}\n\t\t\t\ttype={inputType}\n\t\t\t\tvalue={displayValue}\n\t\t\t\tdisabled={disabled}\n\t\t\t\trequired={required}\n\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\tplaceholder={field.placeholder}\n\t\t\t\tclassName={controlClassName}\n\t\t\t\tonChange={(event) => onValueChange(parseTextValue(field, event.target.value, values, onError))}\n\t\t\t\t{...nativeInputProps}\n\t\t\t\taria-describedby={[nativeInputProps?.['aria-describedby'], describedBy].filter(Boolean).join(' ') || undefined}\n\t\t\t/>\n\t\t</FormField>\n\t);\n}\n\nSchemaFormFieldRenderer.displayName = 'SchemaFormFieldRenderer';\n","export interface SchemaFormStrings {\n\tsubmitLabel: string;\n\tresetLabel: string;\n\tdefaultSectionTitle: string;\n\temptyTitle: string;\n\temptyDescription: string;\n\tjsonParseError: string;\n\tvalidationError: string;\n\tformatRequiredError: (label: string) => string;\n}\n\nexport const defaultSchemaFormStrings: SchemaFormStrings = {\n\tsubmitLabel: 'Save changes',\n\tresetLabel: 'Reset',\n\tdefaultSectionTitle: 'General',\n\temptyTitle: 'No fields configured',\n\temptyDescription: 'Add fields to the schema to render a form.',\n\tjsonParseError: 'Enter valid JSON.',\n\tvalidationError: 'Invalid value.',\n\tformatRequiredError: (label) => `${label} is required.`,\n};\n","import { Fragment, useId, useMemo } from 'react';\n\nimport { ContentBlock } from '../../base/display';\nimport { Stack } from '../../base/structure';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { useSchemaForm } from './hooks';\nimport {\n\tSchemaFormActions,\n\tSchemaFormEmpty,\n\tSchemaFormFieldRenderer,\n} from './partials';\nimport {\n\tdefaultSchemaFormStrings,\n\ttype SchemaFormStrings,\n} from './schema-form.strings';\nimport type {\n\tResolvedSchemaFormSection,\n\tSchemaFormField,\n\tSchemaFormFieldContext,\n\tSchemaFormProps,\n\tSchemaFormSubmitHelpers,\n} from './schema-form.types';\nimport {\n\tSCHEMA_FORM_COLUMNS,\n\tSCHEMA_FORM_FIELD_WIDTH,\n\tisFieldDisabled,\n\tresolveSchemaSections,\n} from './schema-form.utils';\n\nfunction toDomId(value: string): string {\n\treturn value.replace(/[^a-zA-Z0-9_-]/g, '-');\n}\n\nfunction SectionHeading({ section }: { section: ResolvedSchemaFormSection }) {\n\tif (!section.title && !section.description) return null;\n\n\treturn (\n\t\t<Stack gap=\"normal\" className=\"schema-form--section-heading mb-space-lg\">\n\t\t\t{!!section.title && (\n\t\t\t\t<Text weight=\"semibold\" className=\"schema-form--section-title\">\n\t\t\t\t\t{section.title}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t{!!section.description && (\n\t\t\t\t<Text type=\"secondary\" className=\"schema-form--section-description\">\n\t\t\t\t\t{section.description}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</Stack>\n\t);\n}\n\nexport function SchemaForm({\n\tschema,\n\tvalue,\n\tdefaultValue,\n\terrors,\n\tdisabled = false,\n\tlayout = 'form',\n\tcolumns = 2,\n\tid,\n\tname,\n\ttitle,\n\tdescription,\n\theaderSlot,\n\tfooterSlot,\n\tactionsSlot,\n\temptySlot,\n\tshowActions,\n\tsubmitLabel,\n\tresetLabel,\n\tsubmitDisabled = false,\n\tresetDisabled = false,\n\tsubmitting = false,\n\tonValueChange,\n\tonFieldChange,\n\tonSubmit,\n\tonReset,\n\tonError,\n\trenderField,\n\trenderSection,\n\tstrings: stringsProp,\n\tclassName,\n\tcontentClassName,\n\tsectionClassName,\n\tfieldClassName,\n}: SchemaFormProps) {\n\tconst generatedId = useId();\n\tconst formId = id ?? `schema-form-${generatedId}`;\n\tconst strings: SchemaFormStrings = useStrings(defaultSchemaFormStrings, stringsProp);\n\tconst form = useSchemaForm({\n\t\tfields: schema.fields,\n\t\tvalue,\n\t\tdefaultValue,\n\t\terrors,\n\t\tonValueChange,\n\t\tonFieldChange,\n\t\tformatRequiredError: strings.formatRequiredError,\n\t\tvalidationError: strings.validationError,\n\t\tonError,\n\t});\n\n\tconst sections = useMemo(\n\t\t() => resolveSchemaSections(schema, form.values, strings.defaultSectionTitle, columns, onError),\n\t\t[columns, form.values, onError, schema, strings.defaultSectionTitle],\n\t);\n\tconst hasFields = sections.some((section) => section.fields.length > 0);\n\n\tconst helpers: SchemaFormSubmitHelpers = {\n\t\tsetFieldValue: form.setFieldValue,\n\t\tsetValues: form.setValues,\n\t\treset: form.reset,\n\t\tvalidate: form.validate,\n\t};\n\n\tconst shouldShowActions = showActions ?? Boolean(onSubmit || onReset || actionsSlot);\n\tconst resolvedSubmitLabel = submitLabel ?? strings.submitLabel;\n\tconst resolvedResetLabel = resetLabel ?? strings.resetLabel;\n\n\tconst renderFieldNode = (field: SchemaFormField) => {\n\t\tconst fieldId = `${formId}-${toDomId(field.key)}`;\n\t\tconst fieldDisabled = disabled || isFieldDisabled(field, form.values, onError);\n\t\tconst context: SchemaFormFieldContext = {\n\t\t\tfield,\n\t\t\tvalue: form.getFieldValue(field.key),\n\t\t\tvalues: form.values,\n\t\t\terror: form.getFieldError(field.key),\n\t\t\tdisabled: fieldDisabled,\n\t\t\trequired: Boolean(field.required),\n\t\t\tfieldId,\n\t\t\tonValueChange: (nextValue) => form.setFieldValue(field.key, nextValue),\n\t\t\tonError,\n\t\t};\n\t\tconst defaultField = (\n\t\t\t<SchemaFormFieldRenderer\n\t\t\t\t{...context}\n\t\t\t\tstrings={strings}\n\t\t\t/>\n\t\t);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tkey={field.key}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'schema-form--field',\n\t\t\t\t\tSCHEMA_FORM_FIELD_WIDTH[field.width ?? 'auto'],\n\t\t\t\t\tfield.className,\n\t\t\t\t\tfieldClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{renderField?.({ ...context, defaultField }) ?? defaultField}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst renderSectionFields = (section: ResolvedSchemaFormSection) => (\n\t\t<div className={cn('schema-form--section-fields', SCHEMA_FORM_COLUMNS[section.columns])}>\n\t\t\t{section.fields.map(renderFieldNode)}\n\t\t</div>\n\t);\n\n\tconst renderPlainSection = (section: ResolvedSchemaFormSection) => {\n\t\tconst fields = renderSectionFields(section);\n\t\tconst custom = renderSection?.({ section, fields, values: form.values });\n\t\tif (custom !== undefined && custom !== null) {\n\t\t\treturn <Fragment key={section.id}>{custom}</Fragment>;\n\t\t}\n\n\t\treturn (\n\t\t\t<section\n\t\t\t\tkey={section.id}\n\t\t\t\tclassName={cn('schema-form--section', section.className, sectionClassName)}\n\t\t\t>\n\t\t\t\t<SectionHeading section={section} />\n\t\t\t\t{fields}\n\t\t\t\t{!!section.footerSlot && (\n\t\t\t\t\t<div className=\"schema-form--section-footer mt-space-lg\">\n\t\t\t\t\t\t{section.footerSlot}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</section>\n\t\t);\n\t};\n\n\tconst renderCardSection = (section: ResolvedSchemaFormSection) => {\n\t\tconst fields = renderSectionFields(section);\n\t\tconst custom = renderSection?.({ section, fields, values: form.values });\n\t\tif (custom !== undefined && custom !== null) {\n\t\t\treturn <Fragment key={section.id}>{custom}</Fragment>;\n\t\t}\n\n\t\treturn (\n\t\t\t<ContentBlock\n\t\t\t\tkey={section.id}\n\t\t\t\tclassName={cn('schema-form--section-card', section.className, sectionClassName)}\n\t\t\t\ticon={section.icon}\n\t\t\t\ttitle={section.title}\n\t\t\t\tdescription={section.description}\n\t\t\t\tfooterSlot={section.footerSlot}\n\t\t\t\theaderDivider\n\t\t\t>\n\t\t\t\t{fields}\n\t\t\t</ContentBlock>\n\t\t);\n\t};\n\n\tconst actions = actionsSlot ?? (\n\t\tshouldShowActions ? (\n\t\t\t<SchemaFormActions\n\t\t\t\tsubmitLabel={resolvedSubmitLabel}\n\t\t\t\tresetLabel={resolvedResetLabel}\n\t\t\t\tshowReset={Boolean(onReset)}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsubmitDisabled={submitDisabled}\n\t\t\t\tresetDisabled={resetDisabled}\n\t\t\t\tsubmitting={submitting}\n\t\t\t\tonReset={() => {\n\t\t\t\t\tconst nextValues = form.reset();\n\t\t\t\t\tonReset?.(nextValues, helpers);\n\t\t\t\t}}\n\t\t\t/>\n\t\t) : null\n\t);\n\n\tconst empty = emptySlot ?? (\n\t\t<SchemaFormEmpty\n\t\t\ttitle={strings.emptyTitle}\n\t\t\tdescription={strings.emptyDescription}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<form\n\t\t\tid={formId}\n\t\t\tname={name}\n\t\t\tnoValidate\n\t\t\tclassName={cn('schema-form--component @container/schema-form', className)}\n\t\t\tonSubmit={async (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (disabled || submitDisabled || submitting) return;\n\t\t\t\tconst valid = form.validate();\n\t\t\t\tif (!valid) return;\n\t\t\t\ttry {\n\t\t\t\t\tawait onSubmit?.(form.values, helpers, event);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tonError?.(error);\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{layout === 'cards' ? (\n\t\t\t\t<Stack gap=\"xl\" className={cn('schema-form--cards', contentClassName)}>\n\t\t\t\t\t{!!(title ?? schema.title ?? description ?? schema.description ?? headerSlot) && (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"start\" justify=\"between\" gap=\"xl\" className=\"schema-form--header\">\n\t\t\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t{!!(title ?? schema.title) && (\n\t\t\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"schema-form--title\">\n\t\t\t\t\t\t\t\t\t\t{title ?? schema.title}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{!!(description ?? schema.description) && (\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"schema-form--description\">\n\t\t\t\t\t\t\t\t\t\t{description ?? schema.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t{headerSlot}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t)}\n\t\t\t\t\t{hasFields ? sections.map(renderCardSection) : empty}\n\t\t\t\t\t{footerSlot}\n\t\t\t\t\t{actions}\n\t\t\t\t</Stack>\n\t\t\t) : (\n\t\t\t\t\t<ContentBlock\n\t\t\t\t\t\tclassName=\"schema-form--surface\"\n\t\t\t\t\t\tcontentGap=\"2xl\"\n\t\t\t\t\t\tcontentClassName={cn('schema-form--content', contentClassName)}\n\t\t\t\t\ttitle={title ?? schema.title}\n\t\t\t\t\tdescription={description ?? schema.description}\n\t\t\t\t\theaderEnd={headerSlot}\n\t\t\t\t\tfooterSlot={\n\t\t\t\t\t\tfooterSlot || actions ? (\n\t\t\t\t\t\t\t<Stack gap=\"lg\" className=\"schema-form--footer\">\n\t\t\t\t\t\t\t\t{footerSlot}\n\t\t\t\t\t\t\t\t{actions}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t\t}\n\t\t\t\t\theaderDivider={Boolean(title ?? schema.title ?? description ?? schema.description ?? headerSlot)}\n\t\t\t\t\tfooterDivider={Boolean(footerSlot || actions)}\n\t\t\t\t>\n\t\t\t\t\t\t{hasFields ? sections.map(renderPlainSection) : empty}\n\t\t\t\t\t</ContentBlock>\n\t\t\t)}\n\t\t</form>\n\t);\n}\n\nSchemaForm.displayName = 'SchemaForm';\n"],"mappings":"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"}

package/dist/features/suggestions.js

@@ -0,0 +1,149 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { t as n } from "../feedback-a9j9J-9A.js";
+import { t as r } from "../use-debounced-callback-Cx1h-hdv.js";
+import { r as i } from "../combobox-CHD750do.js";
+import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/features/suggestions/hooks/use-suggestions.ts
+var f = (e, t) => new Promise((n) => {
+	if (t.aborted) {
+		n();
+		return;
+	}
+	let r = setTimeout(() => {
+		t.removeEventListener("abort", i), n();
+	}, e), i = () => {
+		clearTimeout(r), n();
+	};
+	t.addEventListener("abort", i, { once: !0 });
+});
+function p(e) {
+	return !!(e && e.name === "AbortError");
+}
+function m(e) {
+	let { fetchData: t, minQueryLength: n = 1, debounceMs: i = 300, requestDelay: s = 0, preload: u = !1, query: d, defaultQuery: m = "", onQueryChange: h, value: g, defaultValue: _ = null, onValueChange: v, open: y, defaultOpen: b = !1, onOpenChange: x, onError: S } = e, [C, w] = l([]), [T, E] = l(m), [D, O] = l(_), [k, A] = l(b), [j, M] = l(!1), [N, P] = l(null), [F, I] = l(0), L = c(t), R = c(S);
+	L.current = t, R.current = S;
+	let z = d ?? T, B = g === void 0 ? D : g, V = y ?? k, H = a((e) => {
+		d === void 0 && E(e), h?.(e);
+	}, [d, h]), U = a((e) => {
+		g === void 0 && O(e), v?.(e);
+	}, [g, v]), W = a((e) => {
+		y === void 0 && A(e), x?.(e);
+	}, [y, x]), G = a(() => {
+		I((e) => e + 1);
+	}, []), K = r((e, t, n) => {
+		(async () => {
+			M(!0), P(null);
+			try {
+				if (t > 0 && await f(t, n), n.aborted) return;
+				let r = await L.current(e, { signal: n });
+				n.aborted || w(Array.isArray(r) ? r : []);
+			} catch (t) {
+				!n.aborted && !p(t) && (w((e) => e.length === 0 ? e : []), P(t), R.current?.(t, e));
+			} finally {
+				n.aborted || M(!1);
+			}
+		})();
+	}, i);
+	return o(() => {
+		let e = new AbortController();
+		return z.length >= n || u && z.length === 0 ? (K(z, s, e.signal), () => {
+			K.cancel(), e.abort();
+		}) : (w((e) => e.length === 0 ? e : []), P(null), M(!1), () => e.abort());
+	}, [
+		n,
+		u,
+		z,
+		F,
+		s,
+		K
+	]), {
+		items: C,
+		isLoading: j,
+		error: N,
+		isError: N !== null,
+		retry: G,
+		query: z,
+		setQuery: H,
+		value: B,
+		setValue: U,
+		open: V,
+		setOpen: W
+	};
+}
+//#endregion
+//#region src/components/features/suggestions/suggestions.strings.ts
+var h = {
+	placeholder: "Search...",
+	emptyMessage: "No results found.",
+	loadingMessage: "Searching...",
+	startTypingMessage: "Type to search.",
+	errorMessage: "Failed to load suggestions.",
+	retry: "Retry"
+};
+//#endregion
+//#region src/components/features/suggestions/suggestions.tsx
+function g(r) {
+	let { fetchData: a, itemKey: o, itemText: c, onValueChange: l, renderItem: f, minQueryLength: p = 1, debounceMs: g = 250, requestDelay: _ = 0, preload: v = !1, query: y, defaultQuery: b, onQueryChange: x, value: S, defaultValue: C, allowClear: w = !0, clearInputOnClose: T = !1, open: E, defaultOpen: D, onOpenChange: O, disabled: k = !1, className: A, onError: j, renderError: M, strings: N } = r, P = e(h, N), { items: F, isLoading: I, query: L, setQuery: R, value: z, setValue: B, open: V, setOpen: H, error: U, isError: W, retry: G } = m({
+		fetchData: a,
+		minQueryLength: p,
+		debounceMs: g,
+		requestDelay: _,
+		preload: v,
+		query: y,
+		defaultQuery: b,
+		onQueryChange: x,
+		value: S,
+		defaultValue: C,
+		onValueChange: l,
+		open: E,
+		defaultOpen: D,
+		onOpenChange: O,
+		onError: j
+	}), K = s(() => ({
+		placeholder: P.placeholder,
+		noResults: P.emptyMessage,
+		searching: P.loadingMessage,
+		typeToSearch: P.startTypingMessage
+	}), [P]), q = W && U !== null ? M?.({
+		error: U,
+		query: L,
+		retry: G
+	}) ?? /* @__PURE__ */ u(n, {
+		variant: "inline",
+		title: P.errorMessage,
+		onRetry: G,
+		retryLabel: P.retry,
+		className: "suggestions-combobox--error"
+	}) : null;
+	return /* @__PURE__ */ d("div", {
+		className: t("suggestions--component suggestions-combobox--component", A),
+		children: [/* @__PURE__ */ u(i, {
+			className: "suggestions-combobox--control",
+			items: F,
+			searchValue: L,
+			onSearchValueChange: R,
+			selectedValue: z,
+			onSelectedValueChange: B,
+			getItemLabel: c,
+			getItemKey: (e) => String(o(e)),
+			renderItem: f,
+			minSearchLength: p,
+			loading: I,
+			strings: K,
+			clearable: w,
+			open: V,
+			onOpenChange: (e) => {
+				H(e), !e && T && R("");
+			},
+			disabled: k
+		}), q]
+	});
+}
+g.displayName = "SuggestionsCombobox";
+//#endregion
+export { g as SuggestionsCombobox, h as defaultSuggestionsStrings, m as useSuggestions };
+
+//# sourceMappingURL=suggestions.js.map

package/dist/features/suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.js","names":["ErrorState","useDebouncedCallback","Combobox","wait","signal","timer","handleAbort","resolve","ms","isAbortError","error","useSuggestions","controlledQuery","controlledValue","controlledOpen","config","items","setItems","useState","internalQuery","setInternalQuery","defaultQuery","internalValue","setInternalValue","defaultValue","internalOpen","setInternalOpen","defaultOpen","isLoading","setIsLoading","setError","reloadTick","setReloadTick","fetchDataRef","useRef","fetchData","onErrorRef","onError","query","value","open","setQuery","useCallback","nextQuery","onQueryChange","setValue","nextValue","onValueChange","setOpen","nextOpen","onOpenChange","retry","current","runFetch","delayBeforeRequest","result","debounceMs","useEffect","controller","minQueryLength","preload","requestDelay","defaultSuggestionsStrings","SuggestionsCombobox","stringsProp","props","strings","useStrings","comboboxStrings","useMemo","errorNode","isError","renderError","cn","className","itemText","itemKey","item","allowClear","isOpen","clearInputOnClose"],"sources":["../../src/components/features/suggestions/hooks/use-suggestions.ts","../../src/components/features/suggestions/suggestions.strings.ts","../../src/components/features/suggestions/suggestions.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { DEFAULT_DEBOUNCE_MS, useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\n\nimport type {\n\tUseSuggestionsConfig,\n\tUseSuggestionsResult,\n} from '../suggestions.types';\n\nconst wait = (ms: number, signal: AbortSignal): Promise<void> =>\n\tnew Promise((resolve) => {\n\t\tif (signal.aborted) {\n\t\t\tresolve();\n\t\t\treturn;\n\t\t}\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsignal.removeEventListener('abort', handleAbort);\n\t\t\tresolve();\n\t\t}, ms);\n\t\tconst handleAbort = () => {\n\t\t\tclearTimeout(timer);\n\t\t\tresolve();\n\t\t};\n\t\tsignal.addEventListener('abort', handleAbort, { once: true });\n\t});\n\nfunction isAbortError(error: unknown): boolean {\n\treturn Boolean(error && (error as { name?: string }).name === 'AbortError');\n}\n\n/**\n * Headless data-fetching state machine for the suggestions feature.\n *\n * Returns the search/selection/open state plus the latest items + loading flag.\n * Consumers that want a different visual layer can build their own UI on top\n * of this hook without touching `<SuggestionsCombobox>`.\n */\nexport function useSuggestions<T>(\n\tconfig: UseSuggestionsConfig<T>,\n): UseSuggestionsResult<T> {\n\tconst {\n\t\tfetchData,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery = '',\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue = null,\n\t\tonValueChange,\n\t\topen: controlledOpen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tonError,\n\t} = config;\n\n\tconst [items, setItems] = useState<T[]>([]);\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery);\n\tconst [internalValue, setInternalValue] = useState<T | null>(defaultValue);\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst [error, setError] = useState<unknown | null>(null);\n\tconst [reloadTick, setReloadTick] = useState(0);\n\tconst fetchDataRef = useRef(fetchData);\n\tconst onErrorRef = useRef(onError);\n\n\tfetchDataRef.current = fetchData;\n\tonErrorRef.current = onError;\n\n\tconst query = controlledQuery ?? internalQuery;\n\tconst value = controlledValue !== undefined ? controlledValue : internalValue;\n\tconst open = controlledOpen ?? internalOpen;\n\n\tconst setQuery = useCallback((nextQuery: string) => {\n\t\tif (controlledQuery === undefined) {\n\t\t\tsetInternalQuery(nextQuery);\n\t\t}\n\t\tonQueryChange?.(nextQuery);\n\t}, [controlledQuery, onQueryChange]);\n\n\tconst setValue = useCallback((nextValue: T | null) => {\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalValue(nextValue);\n\t\t}\n\t\tonValueChange?.(nextValue);\n\t}, [controlledValue, onValueChange]);\n\n\tconst setOpen = useCallback((nextOpen: boolean) => {\n\t\tif (controlledOpen === undefined) {\n\t\t\tsetInternalOpen(nextOpen);\n\t\t}\n\t\tonOpenChange?.(nextOpen);\n\t}, [controlledOpen, onOpenChange]);\n\n\tconst retry = useCallback(() => {\n\t\tsetReloadTick((current) => current + 1);\n\t}, []);\n\n\tconst runFetch = useDebouncedCallback(\n\t\t(\n\t\t\tnextQuery: string,\n\t\t\tdelayBeforeRequest: number,\n\t\t\tsignal: AbortSignal,\n\t\t) => {\n\t\t\tvoid (async () => {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tsetError(null);\n\t\t\t\ttry {\n\t\t\t\t\tif (delayBeforeRequest > 0) {\n\t\t\t\t\t\tawait wait(delayBeforeRequest, signal);\n\t\t\t\t\t}\n\t\t\t\t\tif (signal.aborted) return;\n\n\t\t\t\t\tconst result = await fetchDataRef.current(nextQuery, { signal });\n\t\t\t\t\tif (!signal.aborted) {\n\t\t\t\t\t\tsetItems(Array.isArray(result) ? result : []);\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tif (!signal.aborted && !isAbortError(error)) {\n\t\t\t\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\t\t\t\tsetError(error);\n\t\t\t\t\t\tonErrorRef.current?.(error, nextQuery);\n\t\t\t\t\t}\n\t\t\t\t} finally {\n\t\t\t\t\tif (!signal.aborted) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})();\n\t\t},\n\t\tdebounceMs,\n\t);\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\n\t\tconst shouldQuery =\n\t\t\tquery.length >= minQueryLength ||\n\t\t\t(preload && query.length === 0);\n\n\t\tif (!shouldQuery) {\n\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\tsetError(null);\n\t\t\tsetIsLoading(false);\n\t\t\treturn () => controller.abort();\n\t\t}\n\n\t\trunFetch(query, requestDelay, controller.signal);\n\n\t\treturn () => {\n\t\t\trunFetch.cancel();\n\t\t\tcontroller.abort();\n\t\t};\n\t}, [\n\t\tminQueryLength,\n\t\tpreload,\n\t\tquery,\n\t\treloadTick,\n\t\trequestDelay,\n\t\trunFetch,\n\t]);\n\n\treturn {\n\t\titems,\n\t\tisLoading,\n\t\terror,\n\t\tisError: error !== null,\n\t\tretry,\n\t\tquery,\n\t\tsetQuery,\n\t\tvalue,\n\t\tsetValue,\n\t\topen,\n\t\tsetOpen,\n\t};\n}\n","/**\n * Default user-facing strings for `<SuggestionsCombobox>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SuggestionsCombobox strings={{ emptyMessage: t('search.empty') }} … />\n */\n\nexport interface SuggestionsStrings {\n\tplaceholder: string;\n\temptyMessage: string;\n\tloadingMessage: string;\n\tstartTypingMessage: string;\n\terrorMessage: string;\n\tretry: string;\n}\n\nexport const defaultSuggestionsStrings: SuggestionsStrings = {\n\tplaceholder: 'Search...',\n\temptyMessage: 'No results found.',\n\tloadingMessage: 'Searching...',\n\tstartTypingMessage: 'Type to search.',\n\terrorMessage: 'Failed to load suggestions.',\n\tretry: 'Retry',\n};\n","import { useMemo } from 'react';\n\nimport { Combobox } from '../combobox';\nimport { ErrorState } from '../../base/feedback';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { useSuggestions } from './hooks';\nimport { defaultSuggestionsStrings } from './suggestions.strings';\nimport type { SuggestionsComboboxProps } from './suggestions.types';\n\nexport function SuggestionsCombobox<T>(props: SuggestionsComboboxProps<T>) {\n\tconst {\n\t\tfetchData,\n\t\titemKey,\n\t\titemText,\n\t\tonValueChange,\n\t\trenderItem,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = 250,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tallowClear = true,\n\t\tclearInputOnClose = false,\n\t\topen: controlledOpen,\n\t\tdefaultOpen,\n\t\tonOpenChange,\n\t\tdisabled = false,\n\t\tclassName,\n\t\tonError,\n\t\trenderError,\n\t\tstrings: stringsProp,\n\t} = props;\n\n\tconst strings = useStrings(defaultSuggestionsStrings, stringsProp);\n\n\tconst {\n\t\titems,\n\t\tisLoading,\n\t\tquery,\n\t\tsetQuery,\n\t\tvalue,\n\t\tsetValue,\n\t\topen,\n\t\tsetOpen,\n\t\terror,\n\t\tisError,\n\t\tretry,\n\t} = useSuggestions<T>({\n\t\tfetchData,\n\t\tminQueryLength,\n\t\tdebounceMs,\n\t\trequestDelay,\n\t\tpreload,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\topen: controlledOpen,\n\t\tdefaultOpen,\n\t\tonOpenChange,\n\t\tonError,\n\t});\n\n\tconst comboboxStrings = useMemo(\n\t\t() => ({\n\t\t\tplaceholder: strings.placeholder,\n\t\t\tnoResults: strings.emptyMessage,\n\t\t\tsearching: strings.loadingMessage,\n\t\t\ttypeToSearch: strings.startTypingMessage,\n\t\t}),\n\t\t[strings],\n\t);\n\n\tconst errorNode = isError && error !== null\n\t\t? renderError?.({ error, query, retry }) ?? (\n\t\t\t<ErrorState\n\t\t\t\tvariant=\"inline\"\n\t\t\t\ttitle={strings.errorMessage}\n\t\t\t\tonRetry={retry}\n\t\t\t\tretryLabel={strings.retry}\n\t\t\t\tclassName=\"suggestions-combobox--error\"\n\t\t\t/>\n\t\t)\n\t\t: null;\n\n\treturn (\n\t\t<div className={cn('suggestions--component suggestions-combobox--component', className)}>\n\t\t\t<Combobox<T>\n\t\t\t\tclassName=\"suggestions-combobox--control\"\n\t\t\t\titems={items}\n\t\t\t\tsearchValue={query}\n\t\t\t\tonSearchValueChange={setQuery}\n\t\t\t\tselectedValue={value}\n\t\t\t\tonSelectedValueChange={setValue}\n\t\t\t\tgetItemLabel={itemText}\n\t\t\t\tgetItemKey={(item) => String(itemKey(item))}\n\t\t\t\trenderItem={renderItem}\n\t\t\t\tminSearchLength={minQueryLength}\n\t\t\t\tloading={isLoading}\n\t\t\t\tstrings={comboboxStrings}\n\t\t\t\tclearable={allowClear}\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={(isOpen) => {\n\t\t\t\t\tsetOpen(isOpen);\n\t\t\t\t\tif (!isOpen && clearInputOnClose) {\n\t\t\t\t\t\tsetQuery('');\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tdisabled={disabled}\n\t\t\t/>\n\t\t\t{errorNode}\n\t\t</div>\n\t);\n}\n\nSuggestionsCombobox.displayName = 'SuggestionsCombobox';\n"],"mappings":"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"}

package/dist/features/sync.js

@@ -0,0 +1,136 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { a as t, n } from "../typography-Cv8MT-82.js";
+import { t as r } from "../structure-BvW4vG4H.js";
+import { i, r as a } from "../choice-inputs-CavA-SGV.js";
+import { useEffect as o, useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Controller as u, useForm as d } from "react-hook-form";
+//#region src/hooks/useFormErrors.ts
+var f = (e) => ({
+	getError: (t) => {
+		if (e) return e[t];
+	},
+	hasError: (t) => e !== void 0 && e[t] !== void 0
+}), p = {
+	hoursLabel: "Sync window",
+	hoursDescription: "Choose how far back the integration should reconcile records.",
+	optionsLabel: "Options",
+	optionsDescription: "Limit the run when the repair only needs a specific record family."
+};
+//#endregion
+//#region src/components/features/sync/sync-range-dialog-form.tsx
+function m(e) {
+	let t = Number(e.hours);
+	if (!Number.isFinite(t)) throw TypeError("SyncRangeDialogForm requires numeric range values unless transformSubmit is provided.");
+	return {
+		hours: t,
+		options: [...e.options]
+	};
+}
+function h(h) {
+	let { formId: g, options: _, syncOptions: v, value: y, defaultValue: b, onValueChange: x, transformSubmit: S, onSubmit: C, onError: w, resetKey: T, disabled: E = !1, submitting: D = !1, errors: O, strings: k } = h, A = e(p, k), { getError: j } = f(Object.fromEntries(Object.entries(O ?? {}).map(([e, t]) => [e, Array.isArray(t) ? t[0] : t]))), M = s(() => ({
+		hours: b?.hours ?? "24",
+		options: [...b?.options ?? []]
+	}), [b?.hours, b?.options]), { control: N, getValues: P, handleSubmit: F, reset: I, formState: { isSubmitting: L } } = d({ defaultValues: y ?? M }), R = E || D || L;
+	o(() => {
+		y !== void 0 && I(y);
+	}, [I, y]), o(() => {
+		T !== void 0 && I(y ?? M);
+	}, [
+		M,
+		I,
+		T,
+		y
+	]);
+	let z = (e) => {
+		x?.(e);
+	};
+	return /* @__PURE__ */ l(r, {
+		render: /* @__PURE__ */ c("form", {}),
+		gap: "xl",
+		id: g,
+		onSubmit: F(async (e) => {
+			try {
+				await C((S ?? m)(e), e);
+			} catch (e) {
+				w?.(e);
+			}
+		}),
+		className: "sync-range-dialog-form--component",
+		"aria-busy": D || L || void 0,
+		children: [/* @__PURE__ */ l(r, {
+			render: /* @__PURE__ */ c("section", {}),
+			gap: "md",
+			className: "sync-range-dialog-form--section",
+			children: [
+				/* @__PURE__ */ l(r, {
+					gap: "dense",
+					className: "sync-range-dialog-form--section-header",
+					children: [/* @__PURE__ */ c(n, { children: A.hoursLabel }), /* @__PURE__ */ c(t, {
+						size: "xs",
+						type: "secondary",
+						children: A.hoursDescription
+					})]
+				}),
+				/* @__PURE__ */ c(u, {
+					name: "hours",
+					control: N,
+					rules: { required: !0 },
+					render: ({ field: e }) => /* @__PURE__ */ c(a, {
+						options: _,
+						value: e.value,
+						onValueChange: (t) => {
+							e.onChange(t), z({
+								...P(),
+								hours: t
+							});
+						},
+						name: e.name,
+						columns: 2,
+						invalid: !!j("hours"),
+						disabled: R
+					})
+				}),
+				j("hours") && /* @__PURE__ */ c(t, {
+					type: "error",
+					children: j("hours")
+				})
+			]
+		}), !!v && v.length > 0 && /* @__PURE__ */ c("section", {
+			className: "sync-range-dialog-form--section rounded-radius-md border border-border/70 bg-muted/20 p-surface",
+			children: /* @__PURE__ */ l(r, {
+				gap: "md",
+				children: [/* @__PURE__ */ l(r, {
+					gap: "dense",
+					className: "sync-range-dialog-form--section-header",
+					children: [/* @__PURE__ */ c(n, { children: A.optionsLabel }), /* @__PURE__ */ c(t, {
+						size: "xs",
+						type: "secondary",
+						children: A.optionsDescription
+					})]
+				}), /* @__PURE__ */ c(u, {
+					name: "options",
+					control: N,
+					render: ({ field: e }) => /* @__PURE__ */ c(i, {
+						options: v,
+						value: e.value,
+						onValueChange: (t) => {
+							e.onChange(t), z({
+								...P(),
+								options: t
+							});
+						},
+						columns: 2,
+						disabled: R
+					})
+				})]
+			})
+		})]
+	});
+}
+h.displayName = "SyncRangeDialogForm";
+//#endregion
+export { h as SyncRangeDialogForm, p as defaultSyncRangeDialogFormStrings };
+
+//# sourceMappingURL=sync.js.map

package/dist/features/sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync.js","names":["Text","Stack","CardRadioGroup","useFormErrors","errors","error","defaultSyncRangeDialogFormStrings","defaultTransformSubmit","hours","value","SyncRangeDialogForm","stringsProp","props","strings","useStrings","key","nextValue","initialValue","useMemo","defaultValue","formIsSubmitting","useForm","controlsDisabled","disabled","submitting","useEffect","reset","resetKey","emitChange","next","formId","handleSubmit","onSubmit","transformSubmit","values","Label","Controller","field","getValues","getError","syncOptions","CardCheckboxGroup","nextOptions"],"sources":["../../src/hooks/useFormErrors.ts","../../src/components/features/sync/sync.strings.ts","../../src/components/features/sync/sync-range-dialog-form.tsx"],"sourcesContent":["type ErrorKey<T> = Extract<keyof T, string>;\n\ntype ErrorBag<T> = Partial<Record<ErrorKey<T> | 'server' | 'general', string>>;\n\nexport const useFormErrors = <T extends Record<string, unknown> = Record<string, unknown>>(\n\terrors?: ErrorBag<T>,\n) => {\n\n\tconst getError = (error: ErrorKey<T>) => {\n\t\tif (!errors) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn errors[error];\n\t};\n\n\tconst hasError = (error: ErrorKey<T>) => {\n\t\treturn errors !== undefined && errors[error] !== undefined;\n\t};\n\n\treturn {\n\t\tgetError,\n\t\thasError,\n\t};\n};\n","/**\n * Default user-facing strings for `<SyncRangeDialogForm>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SyncRangeDialogForm strings={{ optionsLabel: t('sync.options') }} … />\n */\n\nexport interface SyncRangeDialogFormStrings {\n\t/** Label rendered above the required sync-window radio group. */\n\thoursLabel: string;\n\t/** Helper copy rendered below the sync-window label. */\n\thoursDescription: string;\n\t/** Label rendered above the optional sync-options checkbox group. */\n\toptionsLabel: string;\n\t/** Helper copy rendered below the optional sync-options label. */\n\toptionsDescription: string;\n}\n\nexport const defaultSyncRangeDialogFormStrings: SyncRangeDialogFormStrings = {\n\thoursLabel: 'Sync window',\n\thoursDescription: 'Choose how far back the integration should reconcile records.',\n\toptionsLabel: 'Options',\n\toptionsDescription: 'Limit the run when the repair only needs a specific record family.',\n};\n","import { useEffect, useMemo } from 'react';\nimport { Controller, type SubmitHandler, useForm } from 'react-hook-form';\nimport { CardCheckboxGroup, CardRadioGroup } from '../../base/choice-inputs';\nimport { Stack } from '../../base/structure';\nimport { Label, Text } from '../../typography';\nimport { useFormErrors } from '../../../hooks/useFormErrors';\nimport { useStrings } from '../../../lib/strings';\n\nimport { defaultSyncRangeDialogFormStrings } from './sync.strings';\nimport type { SyncRangeDialogFormProps, SyncRangeDialogFormSubmit, SyncRangeDialogFormValues } from './sync.types';\n\nfunction defaultTransformSubmit(value: SyncRangeDialogFormValues): SyncRangeDialogFormSubmit {\n\tconst hours = Number(value.hours);\n\tif (!Number.isFinite(hours)) {\n\t\tthrow new TypeError('SyncRangeDialogForm requires numeric range values unless transformSubmit is provided.');\n\t}\n\n\treturn {\n\t\thours,\n\t\toptions: [...value.options],\n\t};\n}\n\nexport function SyncRangeDialogForm<TSubmit = SyncRangeDialogFormSubmit>(props: SyncRangeDialogFormProps<TSubmit>) {\n\tconst {\n\t\tformId,\n\t\toptions,\n\t\tsyncOptions,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\ttransformSubmit,\n\t\tonSubmit,\n\t\tonError,\n\t\tresetKey,\n\t\tdisabled = false,\n\t\tsubmitting = false,\n\t\terrors,\n\t\tstrings: stringsProp,\n\t} = props;\n\tconst strings = useStrings(defaultSyncRangeDialogFormStrings, stringsProp);\n\tconst normalizedErrors = Object.fromEntries(\n\t\tObject.entries(errors ?? {}).map(([key, nextValue]) => [key, Array.isArray(nextValue) ? nextValue[0] : nextValue]),\n\t) as Partial<Record<string, string>>;\n\tconst { getError } = useFormErrors(normalizedErrors);\n\tconst initialValue = useMemo<SyncRangeDialogFormValues>(\n\t\t() => ({\n\t\t\thours: defaultValue?.hours ?? '24',\n\t\t\toptions: [...(defaultValue?.options ?? [])],\n\t\t}),\n\t\t[defaultValue?.hours, defaultValue?.options],\n\t);\n\n\tconst {\n\t\tcontrol,\n\t\tgetValues,\n\t\thandleSubmit,\n\t\treset,\n\t\tformState: { isSubmitting: formIsSubmitting },\n\t} = useForm<SyncRangeDialogFormValues>({\n\t\tdefaultValues: value ?? initialValue,\n\t});\n\tconst controlsDisabled = disabled || submitting || formIsSubmitting;\n\n\tuseEffect(() => {\n\t\tif (value !== undefined) reset(value);\n\t}, [reset, value]);\n\n\tuseEffect(() => {\n\t\tif (resetKey === undefined) return;\n\t\treset(value ?? initialValue);\n\t}, [initialValue, reset, resetKey, value]);\n\n\tconst emitChange = (next: SyncRangeDialogFormValues) => {\n\t\tonValueChange?.(next);\n\t};\n\n\tconst submit: SubmitHandler<SyncRangeDialogFormValues> = async (values) => {\n\t\ttry {\n\t\t\tconst transform =\n\t\t\t\ttransformSubmit ?? (defaultTransformSubmit as unknown as (value: SyncRangeDialogFormValues) => TSubmit);\n\t\t\tawait onSubmit(transform(values), values);\n\t\t} catch (error) {\n\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\tconsole.warn('[SyncRangeDialogForm] Submit failed.', error);\n\t\t\t}\n\t\t\tonError?.(error);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Stack\n\t\t\trender={<form />}\n\t\t\tgap=\"xl\"\n\t\t\tid={formId}\n\t\t\tonSubmit={handleSubmit(submit)}\n\t\t\tclassName=\"sync-range-dialog-form--component\"\n\t\t\taria-busy={submitting || formIsSubmitting || undefined}\n\t\t>\n\t\t\t<Stack render={<section />} gap=\"md\" className=\"sync-range-dialog-form--section\">\n\t\t\t\t<Stack gap=\"dense\" className=\"sync-range-dialog-form--section-header\">\n\t\t\t\t\t<Label>{strings.hoursLabel}</Label>\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t{strings.hoursDescription}\n\t\t\t\t\t</Text>\n\t\t\t\t</Stack>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"hours\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trules={{ required: true }}\n\t\t\t\t\trender={({ field }) => (\n\t\t\t\t\t\t<CardRadioGroup\n\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\tvalue={field.value}\n\t\t\t\t\t\t\tonValueChange={(hours) => {\n\t\t\t\t\t\t\t\tfield.onChange(hours);\n\t\t\t\t\t\t\t\temitChange({ ...getValues(), hours });\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tname={field.name}\n\t\t\t\t\t\t\tcolumns={2}\n\t\t\t\t\t\t\tinvalid={Boolean(getError('hours'))}\n\t\t\t\t\t\t\tdisabled={controlsDisabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t{getError('hours') && <Text type=\"error\">{getError('hours')}</Text>}\n\t\t\t</Stack>\n\n\t\t\t{!!syncOptions && syncOptions.length > 0 && (\n\t\t\t\t<section className=\"sync-range-dialog-form--section rounded-radius-md border border-border/70 bg-muted/20 p-surface\">\n\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t<Stack gap=\"dense\" className=\"sync-range-dialog-form--section-header\">\n\t\t\t\t\t\t\t<Label>{strings.optionsLabel}</Label>\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t{strings.optionsDescription}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"options\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({ field }) => (\n\t\t\t\t\t\t\t\t<CardCheckboxGroup\n\t\t\t\t\t\t\t\t\toptions={syncOptions}\n\t\t\t\t\t\t\t\t\tvalue={field.value}\n\t\t\t\t\t\t\t\t\tonValueChange={(nextOptions) => {\n\t\t\t\t\t\t\t\t\t\tfield.onChange(nextOptions);\n\t\t\t\t\t\t\t\t\t\temitChange({\n\t\t\t\t\t\t\t\t\t\t\t...getValues(),\n\t\t\t\t\t\t\t\t\t\t\toptions: nextOptions,\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tcolumns={2}\n\t\t\t\t\t\t\t\t\tdisabled={controlsDisabled}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Stack>\n\t\t\t\t</section>\n\t\t\t)}\n\t\t</Stack>\n\t);\n}\n\nSyncRangeDialogForm.displayName = 'SyncRangeDialogForm';\n"],"mappings":"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"}

package/dist/features/table.js

@@ -0,0 +1,3 @@
+"use client";
+import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "../table-ghtAQ-JJ.js";
+export { D as AvatarCell, b as CellStack, O as CellValue, h as ColumnVisibilityToggle, S as CurrencyCell, m as DataTable, o as DataTableActions, k as DataTableBody, p as DataTableFilterBar, l as DataTableHeader, x as DataTableToolbar, T as DateCell, _ as DateMetaCell, g as FullscreenToggle, y as Pagination, E as ResourceCell, u as StatusCell, C as StatusClusterCell, f as TableLink, M as addSelectionColumn, d as createHeaderSelectionCheckbox, j as createRowSelectionCheckbox, e as defaultDataTableStrings, s as getCellClassName, i as getDataTableScrollContainer, t as getRowClassName, A as getSelectedRowsData, c as handleColumnVisibilityChange, r as handleRowSelectionChange, n as handleSortingChange, v as mergeDataTableStrings, a as useDataTableScrollState, w as useDataTableSize };