themelia-react-ui 2.0.6 → 3.0.0

package/dist/date-pickers-tj2MXmXd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-pickers-tj2MXmXd.js","names":["React","CalendarIcon","useDatesConfig","cn","Button","Text","Stack","popoverWidthRecipes","pickerTriggerClasses","DatePickerFooter","usePickerOpenState","defaultDatePickerStrings","DatePickerField","usePickerTriggerSize","DatePickerHeader","resolvePickerButtonProps","PopoverTrigger","Popover","PopoverContent","FormField","Select","React$1","DEFAULT_YEAR_SPAN","MonthYearPicker","controlledOpen","dateFormat","externalDescription","ariaInvalid","sizeProp","size","presentation","buttonTone","buttonStyle","currentYear","open","setOpen","selection","setSelection","value","defaultValue","previousValueRef","dates","dateFnsLocale","locale","enUS","t","useStrings","strings","generatedTriggerId","triggerId","id","describedBy","ariaDescribedBy","error","isInvalid","invalid","monthSelectId","yearSelectId","yearRange","start","fromYear","end","toYear","i","monthNames","format","createOutput","date","year","month","readableFormat","handleMonthChange","monthValue","handleYearChange","yearValue","handleConfirm","onValueChange","closeOnSelect","buttonText","placeholder","ref","className","triggerRef","triggerProps","iconOnly","Calendar","formControlIconClasses","header","index","disabled","footer"],"sources":["../src/components/base/date-pickers/month-year-picker.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '../buttons';\nimport { FormField } from '../forms/form-field';\nimport { Stack } from '../structure';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '../popover';\nimport { Select } from '../choice-inputs';\nimport { Text } from '../../typography';\nimport { useDatesConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nimport { useStrings } from '../../../lib/strings';\n\nimport { DatePickerField } from './date-picker-field';\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { pickerTriggerClasses, usePickerTriggerSize } from './date-picker.recipes';\nimport { resolvePickerButtonProps, usePickerOpenState } from './date-picker-internals';\nimport { formControlIconClasses } from '../forms/form-sizing';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { MonthYearPickerProps, MonthYearOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\nimport { popoverWidthRecipes } from '../popover/popover.recipes';\n\n/** Years offered on either side of the current year when no range is given. */\nconst DEFAULT_YEAR_SPAN = 10;\n\nexport const MonthYearPicker = React.forwardRef<HTMLDivElement, MonthYearPickerProps>(function MonthYearPicker({\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\topen: controlledOpen,\n\tdefaultOpen,\n\tonOpenChange,\n\tformat: dateFormat = 'yyyy-MM',\n\treadableFormat = 'MMMM yyyy',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tinvalid,\n\tid,\n\ttriggerRef,\n\tonBlur,\n\t'aria-describedby': externalDescription,\n\t'aria-invalid': ariaInvalid,\n\tdisabled = false,\n\tsize: sizeProp,\n\tbuttonTone,\n\tbuttonStyle,\n\tclassName,\n\tcloseOnSelect = true,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tfromYear,\n\ttoYear,\n\ticonOnly = false\n}: MonthYearPickerProps, ref) {\n\tconst size = usePickerTriggerSize(sizeProp);\n\tconst presentation = resolvePickerButtonProps(buttonTone, buttonStyle);\n\tconst currentYear = new Date().getFullYear();\n\tconst [open, setOpen] = usePickerOpenState({ open: controlledOpen, defaultOpen, onOpenChange, disabled });\n\tconst [selection, setSelection] = React.useState<{\n\t\tmonth: number;\n\t\tyear: number;\n\t} | undefined>(value ?? defaultValue);\n\tconst previousValueRef = React.useRef(value);\n\n\tconst dates = useDatesConfig();\n\tconst dateFnsLocale = locale ?? dates.locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings);\n\tconst generatedTriggerId = React.useId();\n\tconst triggerId = id ?? generatedTriggerId;\n\t// Mirrors the DatePicker variants: the error line is the trigger's\n\t// description, so screen readers announce it with the control.\n\tconst describedBy = `${triggerId}-description`;\n\tconst ariaDescribedBy = [externalDescription, error ? describedBy : undefined].filter(Boolean).join(' ') || undefined;\n\tconst isInvalid = Boolean(error) || Boolean(invalid || (ariaInvalid && ariaInvalid !== 'false'));\n\t// Derived from useId so several pickers can coexist on one page; these were\n\t// previously the fixed literals \"month-select\" / \"year-select\".\n\tconst monthSelectId = `${triggerId}-month`;\n\tconst yearSelectId = `${triggerId}-year`;\n\n\t// Year range. Anchored to the current year rather than fixed literals: the\n\t// previous 2017–2035 defaults would have stopped offering any future year\n\t// once 2035 arrived.\n\tconst yearRange = React.useMemo(() => {\n\t\tconst start = fromYear ?? currentYear - DEFAULT_YEAR_SPAN;\n\t\tconst end = toYear ?? currentYear + DEFAULT_YEAR_SPAN;\n\t\treturn Array.from({ length: Math.max(end - start + 1, 1) }, (_, i) => start + i);\n\t}, [fromYear, toYear, currentYear]);\n\n\t// Month names (localized)\n\tconst monthNames = React.useMemo(() => {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst date = new Date(2000, i, 1);\n\t\t\treturn format(date, 'MMMM', { locale: dateFnsLocale });\n\t\t});\n\t}, [dateFnsLocale]);\n\n\t// A new controlled value or its release owns selection; unrelated default\n\t// objects must not discard a month being edited before confirmation.\n\tReact.useEffect(() => {\n\t\tif (Object.is(previousValueRef.current, value)) return;\n\t\tpreviousValueRef.current = value;\n\t\tsetSelection(value ?? defaultValue);\n\t}, [value, defaultValue]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(month: number, year: number): MonthYearOutput => {\n\t\t\tconst date = new Date(year, month, 1);\n\t\t\treturn {\n\t\t\t\tmonth,\n\t\t\t\tyear,\n\t\t\t\tformatted: format(date, dateFormat, { locale: dateFnsLocale }),\n\t\t\t\treadable: format(date, readableFormat, { locale: dateFnsLocale }),\n\t\t\t\tdate\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle selection change\n\tconst handleMonthChange = React.useCallback(\n\t\t(monthValue: unknown) => {\n\t\t\tconst monthStr = String(monthValue);\n\t\t\tconst month = parseInt(monthStr, 10);\n\t\t\tconst year = selection?.year ?? currentYear;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.year, currentYear]\n\t);\n\n\tconst handleYearChange = React.useCallback(\n\t\t(yearValue: unknown) => {\n\t\t\tconst yearStr = String(yearValue);\n\t\t\tconst year = parseInt(yearStr, 10);\n\t\t\tconst month = selection?.month ?? 0;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.month]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tif (selection) {\n\t\t\tonValueChange?.(createOutput(selection.month, selection.year));\n\t\t\tif (closeOnSelect) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t}\n\t}, [selection, onValueChange, createOutput, closeOnSelect, setOpen]);\n\n\t// Button display text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (selection) {\n\t\t\tconst date = new Date(selection.year, selection.month, 1);\n\t\t\treturn format(date, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectMonthYear;\n\t}, [selection, readableFormat, dateFnsLocale, placeholder, t.selectMonthYear]);\n\n\treturn (\n\t\t<DatePickerField\n\t\t\trootRef={ref}\n\t\t\tclassName={cn('month-year-picker--component', className)}\n\t\t\tlabel={label}\n\t\t\thint={hint}\n\t\t\terror={error}\n\t\t\ttriggerId={triggerId}\n\t\t\tdescribedById={describedBy}\n\t\t>\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\tref={triggerRef}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\ttone={presentation.tone}\n\t\t\t\t\t\t\tbuttonStyle={presentation.buttonStyle}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\taria-invalid={isInvalid}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t\t// Icon-only drops the visible value, so the action name has to\n\t\t\t\t\t\t\t// carry the button on its own.\n\t\t\t\t\t\t\taria-label={iconOnly ? t.selectMonthYear : undefined}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\tpickerTriggerClasses(size, iconOnly),\n\t\t\t\t\t\t\t\t!selection && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className={formControlIconClasses[size]} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t{!iconOnly && (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"min-w-0 truncate text-inherit\">\n\t\t\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tinset=\"flush\"\n\t\t\t\t\tclassName={cn(popoverWidthRecipes.lg, 'gap-0')}\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t{/* Month and Year Selectors: ordinary FormField rows, so the label\n\t\t\t\t\t    rhythm matches every other field. */}\n\t\t\t\t\t<div className=\"p-surface\">\n\t\t\t\t\t<Stack gap=\"xl\">\n\t\t\t\t\t\t<FormField label={t.month} htmlFor={monthSelectId}>\n\t\t\t\t\t\t\t<Select id={monthSelectId}\n\t\t\t\t\t\t\t\toptions={monthNames.map((label,index)=>({label,value:index.toString()}))}\n\t\t\t\t\t\t\t\tvalue={selection?.month?.toString()} onValueChange={handleMonthChange}\n\t\t\t\t\t\t\t\tplaceholder={t.month} disabled={disabled}/>\n\t\t\t\t\t\t</FormField>\n\n\t\t\t\t\t\t<FormField label={t.year} htmlFor={yearSelectId}>\n\t\t\t\t\t\t\t<Select id={yearSelectId}\n\t\t\t\t\t\t\t\toptions={yearRange.map(year=>({label:year.toString(),value:year.toString()}))}\n\t\t\t\t\t\t\t\tvalue={selection?.year?.toString()} onValueChange={handleYearChange}\n\t\t\t\t\t\t\t\tplaceholder={t.year} disabled={disabled}/>\n\t\t\t\t\t\t</FormField>\n\t\t\t\t\t</Stack>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Confirm Button */}\n\t\t\t\t\t<div className=\"px-surface pb-surface\">\n\t\t\t\t\t\t<Button tone=\"primary\"\n\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\tdisabled={disabled || !selection}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Footer */}\n\t\t\t\t\t{!!footer && !!selection && (\n\t\t\t<DatePickerFooter\n\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\toutput={createOutput(selection.month, selection.year)}\n\t\t\t\t\t\t\thasSelection={!!selection}\n\t\t\t\t\t\t\tautoSummary={buttonText}\n\t\t\t\t\t\t/>\n\t\t)}\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t</DatePickerField>\n\t);\n});\n\n// Convenience export for type\nexport type { MonthYearPickerProps, MonthYearOutput };\n\nMonthYearPicker.displayName = 'MonthYearPicker';\n"],"mappings":"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"}

package/dist/display-CT_N2a3w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"display-CT_N2a3w.js","names":["isSimpleText","_Fragment","resolveComponentScale","useDensityConfig","useDatesConfig","cn","Text","Stack","toneRecipes","Card","parseDateInput","Badge","Fragment$1","PlaceholderPattern","patternId","useId","className","VisuallyHidden","content","children","defaultDateBlockStrings","toneClassMap","variantClassMap","stackedSizeClass","inlineSizeClass","hasContent","value","isSimpleText$1","DateBlock","localeProp","sizeProp","stringsProp","ariaLabel","props","dates","size","defaultScale","locale","strings","useStrings","resolved","date","tones","tone","variants","variant","useBox","boxed","layout","primaryClass","resolvedTimePlacement","timePlacement","showsTime","time","formatOptions","weekday","format","weekdayFormat","day","dayFormat","month","monthFormat","year","yearFormat","machineValue","dateTime","resolvedAriaLabel","dateRow","showWeekday","showMonth","showYear","emptyLabel","tile","defaultContentBlockStrings","ContentBlock","forwardRef","surface","padding","headerClassName","contentClassName","footerClassName","defaultBooleanIndicatorStrings","isSimpleText","BooleanIndicator","isTrue","Icon","CheckCircle2","XCircle","badgeTone","trueTone","falseTone","label","DisplayLabel","badgeClassName","showIcon"],"sources":["../src/components/base/display/placeholder-pattern.tsx","../src/components/base/display/visually-hidden.tsx","../src/components/base/display/date-block.tsx","../src/components/base/display/content-block.strings.ts","../src/components/base/display/content-block.tsx","../src/components/base/display/boolean-indicator.tsx"],"sourcesContent":["/**\n * PlaceholderPattern — diagonal-stripe SVG fill suitable as a skeleton or\n * empty-region indicator. Uses a unique pattern id per instance so multiple\n * copies on the same page don't collide.\n */\nimport { useId } from 'react';\n\nimport { cn } from '../../../lib/utils';\nexport interface PlaceholderPatternProps {\n\tclassName?: string;\n}\n\nexport function PlaceholderPattern({ className }: PlaceholderPatternProps) {\n\tconst patternId = useId();\n\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('placeholder-pattern--component', className)}\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<defs>\n\t\t\t\t<pattern\n\t\t\t\t\tid={patternId}\n\t\t\t\t\tx=\"0\"\n\t\t\t\t\ty=\"0\"\n\t\t\t\t\twidth=\"10\"\n\t\t\t\t\theight=\"10\"\n\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M-3 13 15-5M-5 5l18-18M-1 21 17 3\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstrokeWidth=\"0.75\"\n\t\t\t\t\t\tstrokeLinecap=\"square\"\n\t\t\t\t\t\tvectorEffect=\"non-scaling-stroke\"\n\t\t\t\t\t/>\n\t\t\t\t</pattern>\n\t\t\t</defs>\n\t\t\t<rect\n\t\t\t\tstroke=\"none\"\n\t\t\t\tfill={`url(#${patternId})`}\n\t\t\t\twidth=\"100%\"\n\t\t\t\theight=\"100%\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nPlaceholderPattern.displayName = 'PlaceholderPattern';\n\n","/**\n * VisuallyHidden — hides content from sighted users while keeping it readable\n * by assistive tech (screen readers, voice). Use to label icon-only buttons,\n * give context to status changes, or expose extra structure for AT users.\n */\nimport * as React from 'react';\n\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport interface VisuallyHiddenProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\nexport function VisuallyHidden({ children, className }: VisuallyHiddenProps) {\n\tconst content =\n\t\ttypeof children === 'string' || typeof children === 'number' || typeof children === 'bigint'\n\t\t\t? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"none\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t)\n\t\t\t: children;\n\n\treturn (\n\t\t<span\n\t\t\tclassName={cn('visually-hidden--component', \n\t\t\t\t'absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0',\n\t\t\t\t'[clip:rect(0,0,0,0)]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{content}\n\t\t</span>\n\t);\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden';\n","/**\n * DateBlock — a semantic calendar tile for event, schedule, and timeline rows.\n *\n * The stacked layout owns a compact fixed-format tile; the inline layout is a\n * lower-emphasis date stamp. Both share locale resolution, machine-readable\n * `<time>` semantics, size/tone variants, optional year display, and flexible\n * time metadata (including time ranges supplied as consumer content).\n */\nimport { format, type Locale } from 'date-fns';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport {\n\tparseDateInput,\n\ttype DateInput,\n} from '../../primitives';\nimport { Text } from '../../typography';\nimport {\n\ttype ComponentScale,\n\tuseDatesConfig,\n\tuseDensityConfig,\n} from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport type { SemanticTone } from '../../../lib/component-vocabulary';\nimport { toneRecipes } from '../../../lib/tone-recipes';\n\nexport type DateBlockLayout = 'stacked' | 'inline';\nexport type DateBlockTimePlacement = 'inline' | 'below' | 'hidden';\nexport type DateBlockTone = SemanticTone;\nexport type DateBlockVariant = 'default' | 'muted' | 'inverse';\nexport type DateBlockSize = ComponentScale;\n\nexport interface DateBlockStrings {\n\t/** Separator between the inline date and time metadata. */\n\tseparator: string;\n\t/** Accessible name used when `date` is empty or invalid. */\n\tunavailableLabel: string;\n}\n\nexport const defaultDateBlockStrings: DateBlockStrings = {\n\tseparator: '·',\n\tunavailableLabel: 'Date unavailable',\n};\n\nexport interface DateBlockProps\n\textends Omit<ComponentPropsWithoutRef<'time'>, 'children' | 'dateTime'> {\n\t/** Date instance, ISO string, unix timestamp, or an empty value. */\n\tdate?: DateInput;\n\t/** Time or time-range metadata, already formatted by the consumer. */\n\ttime?: ReactNode;\n\t/** Override the machine-readable value placed on the native `<time>`. */\n\tdateTime?: string;\n\t/** date-fns locale. Falls back to `<UIProvider config={{ dates: { locale } }}>`. */\n\tlocale?: Locale;\n\t/** Visual layout. @default \"stacked\" */\n\tlayout?: DateBlockLayout;\n\t/** Where time metadata renders. Defaults to `inline` for inline layout and `below` for stacked. */\n\ttimePlacement?: DateBlockTimePlacement;\n\t/** Semantic color treatment. @default \"neutral\" */\n\ttone?: DateBlockTone;\n\t/** Structural surface treatment. @default \"default\" */\n\tvariant?: DateBlockVariant;\n\t/** Structural scale. Falls back to `UIProvider.density.defaultScale`, then `md`. */\n\tsize?: DateBlockSize;\n\t/** Render a bounded surface. Defaults to `true` for stacked and `false` for inline. */\n\tboxed?: boolean;\n\t/** Show the weekday heading. @default true */\n\tshowWeekday?: boolean;\n\t/** Show the month label. @default true */\n\tshowMonth?: boolean;\n\t/** Show the year label for cross-year schedules and timelines. @default false */\n\tshowYear?: boolean;\n\t/** Visual fallback for an empty or invalid date. @default \"—\" */\n\temptyLabel?: ReactNode;\n\t/** date-fns day-of-month format. @default \"d\" */\n\tdayFormat?: string;\n\t/** date-fns weekday format. @default \"EEE\" */\n\tweekdayFormat?: string;\n\t/** date-fns month format. @default \"MMM\" */\n\tmonthFormat?: string;\n\t/** date-fns year format. @default \"yyyy\" */\n\tyearFormat?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<DateBlockStrings>;\n}\n\ninterface DateBlockToneClasses {\n\tframe: string;\n\t/** Content above the body. */\n\theader: string;\n\tprimary: string;\n\tsecondary: string;\n}\n\nconst toneClassMap: Record<DateBlockTone, DateBlockToneClasses> = {\n\tneutral: {\n\t\tframe: 'border-border bg-card',\n\t\theader: 'border-border/60 bg-muted/50 text-card-foreground',\n\t\tprimary: 'text-card-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tsecondary: {\n\t\tframe: 'border-border bg-muted/30',\n\t\theader: 'border-border/60 bg-muted text-foreground',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tprimary: {\n\t\tframe: `${toneRecipes.primary.edge} ${toneRecipes.primary.wash}`,\n\t\theader: `${toneRecipes.primary.edge} ${toneRecipes.primary.tint} ${toneRecipes.primary.ink}`,\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tdestructive: {\n\t\tframe: `${toneRecipes.destructive.edge} ${toneRecipes.destructive.wash}`,\n\t\theader: `${toneRecipes.destructive.edge} ${toneRecipes.destructive.tint} ${toneRecipes.destructive.ink}`,\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tinfo: {\n\t\tframe: `${toneRecipes.info.edge} ${toneRecipes.info.wash}`,\n\t\theader: `${toneRecipes.info.edge} ${toneRecipes.info.tint} ${toneRecipes.info.ink}`,\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tsuccess: {\n\t\tframe: `${toneRecipes.success.edge} ${toneRecipes.success.wash}`,\n\t\theader: `${toneRecipes.success.edge} ${toneRecipes.success.tint} ${toneRecipes.success.ink}`,\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\twarning: {\n\t\tframe: `${toneRecipes.warning.edge} ${toneRecipes.warning.wash}`,\n\t\theader: `${toneRecipes.warning.edge} ${toneRecipes.warning.tint} ${toneRecipes.warning.ink}`,\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n};\n\nconst variantClassMap: Record<DateBlockVariant, DateBlockToneClasses> = {\n\tdefault: { frame: '', header: '', primary: '', secondary: '' },\n\tmuted: {\n\t\tframe: 'border-border bg-muted/30',\n\t\theader: 'border-border/60 bg-muted text-foreground',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tinverse: {\n\t\tframe: 'border-inverse-border bg-inverse-background',\n\t\theader: 'border-inverse-border bg-inverse-surface text-inverse-muted',\n\t\tprimary: 'text-inverse-foreground',\n\t\tsecondary: 'text-inverse-muted',\n\t},\n};\n\nconst stackedSizeClass: Record<DateBlockSize, { frame: string; header: string; body: string }> = {\n\tsm: {\n\t\tframe: 'w-12',\n\t\theader: 'px-control-xs py-space-2xs',\n\t\tbody: 'min-h-control px-control-xs py-space-xs',\n\t},\n\tmd: {\n\t\tframe: 'w-14',\n\t\theader: 'px-control-sm py-space-xs',\n\t\tbody: 'min-h-control-lg px-control-sm py-space-sm',\n\t},\n\tlg: {\n\t\tframe: 'w-16',\n\t\theader: 'px-control py-space-sm',\n\t\tbody: 'min-h-control-lg px-control py-space-md',\n\t},\n};\n\nconst inlineSizeClass: Record<DateBlockSize, { gap: string; padding: string }> = {\n\tsm: { gap: 'gap-space-sm', padding: 'px-control-xs py-space-xs' },\n\tmd: { gap: 'gap-space-md', padding: 'px-control-sm py-space-sm' },\n\tlg: { gap: 'gap-space-lg', padding: 'px-control py-space-md' },\n};\n\nfunction hasContent(value: ReactNode): boolean {\n\treturn value !== null && value !== undefined && value !== '';\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport function DateBlock({\n\tdate,\n\ttime,\n\tdateTime,\n\tlocale: localeProp,\n\tlayout = 'stacked',\n\ttimePlacement,\n\ttone = 'neutral',\n\tvariant = 'default',\n\tsize: sizeProp,\n\tboxed,\n\tshowWeekday = true,\n\tshowMonth = true,\n\tshowYear = false,\n\temptyLabel = '—',\n\tdayFormat = 'd',\n\tweekdayFormat = 'EEE',\n\tmonthFormat = 'MMM',\n\tyearFormat = 'yyyy',\n\tclassName,\n\tstrings: stringsProp,\n\t'aria-label': ariaLabel,\n\t...props\n}: DateBlockProps) {\n\tconst dates = useDatesConfig();\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst locale = localeProp ?? dates.locale;\n\tconst strings = useStrings(defaultDateBlockStrings, stringsProp);\n\tconst resolved = parseDateInput(date);\n\tconst tones = toneClassMap[tone];\n\tconst variants = variantClassMap[variant];\n\tconst useBox = boxed ?? layout === 'stacked';\n\tconst primaryClass = cn(tones.primary, variants.primary, !useBox && tone === 'neutral' && variant === 'default' && 'text-foreground');\n\tconst resolvedTimePlacement = timePlacement ?? (layout === 'inline' ? 'inline' : 'below');\n\tconst showsTime = hasContent(time) && resolvedTimePlacement !== 'hidden';\n\tconst formatOptions = locale ? { locale } : undefined;\n\n\tconst weekday = resolved ? format(resolved, weekdayFormat, formatOptions) : null;\n\tconst day = resolved ? format(resolved, dayFormat, formatOptions) : null;\n\tconst month = resolved ? format(resolved, monthFormat, formatOptions) : null;\n\tconst year = resolved ? format(resolved, yearFormat, formatOptions) : null;\n\tconst machineValue = dateTime ?? (resolved ? format(resolved, 'yyyy-MM-dd') : undefined);\n\tconst resolvedAriaLabel = ariaLabel ?? (resolved ? undefined : strings.unavailableLabel);\n\n\tif (layout === 'inline') {\n\t\tconst dateRow = (\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'date-block--frame box-border inline-flex min-w-0 items-center rounded-radius tabular-nums',\n\t\t\t\t\tinlineSizeClass[size].gap,\n\t\t\t\t\tuseBox && cn('border', inlineSizeClass[size].padding, tones.frame, variants.frame),\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{resolved ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!!showWeekday && (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className={cn('date-block--weekday', tones.secondary, variants.secondary)}>\n\t\t\t\t\t\t\t\t{weekday}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className={cn('date-block--day', primaryClass)}>\n\t\t\t\t\t\t\t{day}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{(showMonth || showYear) && (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className={cn('date-block--month-year', tones.secondary, variants.secondary)}>\n\t\t\t\t\t\t\t\t{[showMonth ? month : null, showYear ? year : null].filter(Boolean).join(' ')}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{showsTime && resolvedTimePlacement === 'inline' && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className={cn(tones.secondary, variants.secondary)} aria-hidden>\n\t\t\t\t\t\t\t\t\t{strings.separator}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{isSimpleText(time) ? (\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className={cn('date-block--time tabular-nums', primaryClass)}>\n\t\t\t\t\t\t\t\t\t\t{time}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) : time}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\tisSimpleText(emptyLabel) ? (\n\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\" className={cn('date-block--empty', tones.secondary, variants.secondary)}>\n\t\t\t\t\t\t\t{emptyLabel}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : emptyLabel\n\t\t\t\t)}\n\t\t\t</span>\n\t\t);\n\n\t\treturn (\n\t\t\t<time\n\t\t\t\tdateTime={machineValue}\n\t\t\t\taria-label={resolvedAriaLabel}\n\t\t\t\tdata-layout={layout}\n\t\t\t\tdata-size={size}\n\t\t\t\tdata-tone={tone}\n\t\t\t\tdata-variant={variant}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'date-block--component inline-flex min-w-0',\n\t\t\t\t\tresolvedTimePlacement === 'below'\n\t\t\t\t\t\t? 'flex-col items-start gap-space-xs'\n\t\t\t\t\t\t: 'items-center',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{dateRow}\n\t\t\t\t{showsTime && resolvedTimePlacement === 'below' && (\n\t\t\t\t\tisSimpleText(time) ? (\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className={cn('date-block--time tabular-nums', tones.secondary, variants.secondary)}>\n\t\t\t\t\t\t\t{time}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : time\n\t\t\t\t)}\n\t\t\t</time>\n\t\t);\n\t}\n\n\tconst tile = (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t'date-block--frame box-border inline-flex shrink-0 flex-col overflow-hidden rounded-radius tabular-nums',\n\t\t\t\tstackedSizeClass[size].frame,\n\t\t\t\tuseBox && cn('border', tones.frame, variants.frame),\n\t\t\t)}\n\t\t>\n\t\t\t{resolved && showWeekday && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tlineHeight=\"tight\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'date-block--weekday block text-center',\n\t\t\t\t\t\tstackedSizeClass[size].header,\n\t\t\t\t\t\tuseBox ? cn('border-b', tones.header, variants.header) : cn(tones.secondary, variants.secondary),\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{weekday}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'date-block--body box-border flex flex-col items-center justify-center gap-space-2xs text-center',\n\t\t\t\t\tstackedSizeClass[size].body,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{resolved ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tsize={size === 'sm' ? 'sm' : size === 'lg' ? 'lg' : 'base'}\n\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\tlineHeight=\"none\"\n\t\t\t\t\t\t\tclassName={cn('date-block--day', primaryClass)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{day}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{(showMonth || showYear) && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\tlineHeight=\"tight\"\n\t\t\t\t\t\t\t\tclassName={cn('date-block--month-year', tones.secondary, variants.secondary)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{[showMonth ? month : null, showYear ? year : null].filter(Boolean).join(' ')}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\tisSimpleText(emptyLabel) ? (\n\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\" className={cn('date-block--empty', tones.secondary, variants.secondary)}>\n\t\t\t\t\t\t\t{emptyLabel}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : emptyLabel\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n\n\treturn (\n\t\t<time\n\t\t\tdateTime={machineValue}\n\t\t\taria-label={resolvedAriaLabel}\n\t\t\tdata-layout={layout}\n\t\t\tdata-size={size}\n\t\t\tdata-tone={tone}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t'date-block--component inline-flex',\n\t\t\t\tshowsTime && resolvedTimePlacement === 'inline'\n\t\t\t\t\t? 'flex-row items-center gap-space-sm'\n\t\t\t\t\t: 'flex-col items-center gap-space-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{tile}\n\t\t\t{showsTime && (\n\t\t\t\tisSimpleText(time) ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className={cn('date-block--time tabular-nums', tones.secondary, variants.secondary)}>\n\t\t\t\t\t\t{time}\n\t\t\t\t\t</Text>\n\t\t\t\t) : time\n\t\t\t)}\n\t\t</time>\n\t);\n}\n\nDateBlock.displayName = 'DateBlock';\n","export interface ContentBlockStrings {\n\tactionsLabel: string;\n\ttooltipLabel: string;\n}\n\nexport const defaultContentBlockStrings: ContentBlockStrings = {\n\tactionsLabel: 'More actions',\n\ttooltipLabel: 'More information',\n};\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { Card } from '../cards';\nimport type { ActionMenuAction } from '../action-menu';\nimport type { StructureGap } from '../structure';\nimport type { AlertTone } from '../feedback';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport type { CardSurface, ComponentScale } from '../../../lib/component-vocabulary';\nimport { cn } from '../../../lib/utils';\nimport { defaultContentBlockStrings, type ContentBlockStrings } from './content-block.strings';\nexport type ContentBlockPadding = ComponentScale;\nexport type ContentBlockSurface = CardSurface;\nexport type ContentBlockTitleSize = ComponentScale;\nexport interface ContentBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n\t/** Leading glyph on the title line, muted and shrink-proof. */\n\ticon?: ReactNode;\n\t/** Block title. */\n\ttitle?: ReactNode;\n\t/** Supporting sentence under the title. */\n\tdescription?: ReactNode;\n\t/** Content immediately after the title, before the tooltip affordance. */\n\ttitleSuffix?: ReactNode;\n\t/** Explanatory copy behind an info affordance on the title line. */\n\ttooltip?: ReactNode;\n\t/** Accessible name for the tooltip trigger. Defaults to the `tooltipLabel` string. */\n\ttooltipAriaLabel?: string;\n\t/** Full-width row above the title, inside the header. */\n\theaderStart?: ReactNode;\n\t/**\n\t * Single control at the end of the header, before the overflow menu.\n\t * Use `actions` instead for a list of commands.\n\t */\n\theaderAction?: ReactNode;\n\t/** Content at the end of the header, before `headerAction` and the overflow menu. */\n\theaderEnd?: ReactNode;\n\t/** Overflow menu at the far end of the header. */\n\tactions?: readonly ActionMenuAction[];\n\t/** Accessible name for the overflow trigger. Defaults to the `actionsLabel` string. */\n\tactionsLabel?: string;\n\t/** Content between the alert and `children`. */\n\tcontentTop?: ReactNode;\n\t/** Content after `children`. */\n\tcontentBottom?: ReactNode;\n\t/** Muted text in the footer band. Renders alongside `footerSlot`. */\n\tfooterText?: ReactNode;\n\t/** Full-width footer band under the content, for a single primary action. */\n\tfooterSlot?: ReactNode;\n\t/** Banner between the header and the content. */\n\talert?: ReactNode;\n\t/** Tone of the `alert` banner. */\n\talertTone?: AlertTone;\n\t/** Optional structural padding. Omit it to keep the block card-free. */\n\tpadding?: ContentBlockPadding;\n\t/** Optional surface chrome. Omit it to inherit the caller's surface. */\n\tsurface?: ContentBlockSurface;\n\t/** Title typography. Defaults to the compact title size. */\n\ttitleSize?: ContentBlockTitleSize;\n\t/** Draws a rule between the header and the content. */\n\theaderDivider?: boolean;\n\t/** Draws a rule between the content and the footer. */\n\tfooterDivider?: boolean;\n\t/** Merged onto the header region. */\n\theaderClassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\t/** Optional semantic spacing between direct content children. */\n\tcontentGap?: StructureGap;\n\t/** Merged onto the footer region. */\n\tfooterClassName?: string;\n\t/** Overrides the block's own copy (overflow-menu and tooltip labels). */\n\tstrings?: StringsProp<ContentBlockStrings>;\n}\n\n\n/**\n * Migration adapter only; Card owns all rendering, slots and surface recipes.\n * @deprecated Use Card with surface=\"flat\" and padding=\"none\" for unframed content.\n */\nexport const ContentBlock = forwardRef<HTMLDivElement, ContentBlockProps>(function ContentBlock({\n padding, surface, strings: stringsProp, className, headerClassName, contentClassName, footerClassName, ...props\n}, ref) {\n const strings = useStrings(defaultContentBlockStrings, stringsProp);\n return <Card\n  {...props}\n  ref={ref}\n  surface={surface ?? 'flat'}\n  padding={padding ?? (surface && surface !== 'flat' ? 'md' : 'none')}\n  strings={strings}\n  data-component=\"content-block\"\n  data-slot=\"content-block\"\n  data-padding={padding}\n  className={cn('content-block--component', className)}\n  headerClassName={cn('content-block--header', headerClassName)}\n  contentClassName={cn('content-block--content', contentClassName)}\n  footerClassName={cn('content-block--footer', footerClassName)}\n />;\n});\nContentBlock.displayName = 'ContentBlock';\nexport { defaultContentBlockStrings, type ContentBlockStrings } from './content-block.strings';\n","/**\n * BooleanIndicator — labelled yes/no chip showing the truth of a value with an\n * optional check/cross icon. Use for compact metadata grids where each row\n * answers a single boolean question. Strings overridable for i18n.\n */\nimport { CheckCircle2, XCircle } from 'lucide-react';\nimport React, { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { Badge, type BadgeTone } from '../badge';\nimport { Stack } from '../structure';\nimport { DisplayLabel, Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport interface BooleanIndicatorStrings {\n\ttrue: string;\n\tfalse: string;\n}\n\nexport const defaultBooleanIndicatorStrings: BooleanIndicatorStrings = {\n\ttrue: 'Yes',\n\tfalse: 'No',\n};\n\nexport interface BooleanIndicatorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/** What the flag describes, rendered as the row's `DisplayLabel`. */\n\tlabel: React.ReactNode;\n\t/** The flag. `null` reads as unknown and uses the false presentation. Defaults to `false`. */\n\tvalue?: boolean | null;\n\t/** Shows the check/cross glyph beside the badge text. Defaults to `true`. */\n\tshowIcon?: boolean;\n\t/** Badge tone when `value` is true. Defaults to `success`. */\n\ttrueTone?: BadgeTone;\n\t/** Badge tone when `value` is false. Defaults to `secondary`. */\n\tfalseTone?: BadgeTone;\n\t/** Merged onto the badge. */\n\tbadgeClassName?: string;\n\t/** Overrides the yes/no copy. */\n\tstrings?: StringsProp<BooleanIndicatorStrings>;\n}\n\nfunction isSimpleText(value: React.ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport const BooleanIndicator = forwardRef<HTMLDivElement, BooleanIndicatorProps>(function BooleanIndicator({\n\tlabel,\n\tvalue = false,\n\tshowIcon = true,\n\ttrueTone = 'success',\n\tfalseTone = 'secondary',\n\tclassName,\n\tbadgeClassName,\n\tstrings: stringsProp,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultBooleanIndicatorStrings, stringsProp);\n\tconst isTrue = Boolean(value);\n\tconst Icon = isTrue ? CheckCircle2 : XCircle;\n\tconst badgeTone = isTrue ? trueTone : falseTone;\n\tconst content = isTrue ? strings.true : strings.false;\n\n\treturn (\n\t\t<Stack\n\t\t\tref={ref}\n\t\t\tdirection=\"horizontal\"\n\t\t\talign=\"center\"\n\t\t\tgap=\"md\"\n\t\t\tjustify=\"between\"\n\t\t\twrap={false}\n\t\t\tclassName={cn('boolean-indicator--component', \n\t\t\t\t'min-w-0 px-row-x py-row-y',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(label) ? <DisplayLabel className=\"min-w-0 wrap-anywhere\">{label}</DisplayLabel> : label}\n\t\t\t<Badge\n\t\t\t\ttone={badgeTone}\n\t\t\t\tclassName={cn('shrink-0 whitespace-nowrap', badgeClassName)}\n\t\t\t>\n\t\t\t\t{/*\n\t\t\t\t  * `size-icon-sm` pairs with the badge's 12px label, matching the\n\t\t\t\t  * rest of the package's badge icons. At `size-icon` the glyph\n\t\t\t\t  * outgrew the text and pushed this badge to 26px, 4px taller\n\t\t\t\t  * than every other badge in the library.\n\t\t\t\t  */}\n\t\t\t\t{!!showIcon && <Icon className=\"size-icon-sm\" />}\n\t\t\t\t{isSimpleText(content) ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"none\" className=\"text-inherit\">\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</Text>\n\t\t\t\t) : content}\n\t\t\t</Badge>\n\t\t</Stack>\n\t);\n});\n\nBooleanIndicator.displayName = 'BooleanIndicator';\n"],"mappings":"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"}

package/dist/features/sync.js

@@ -1,142 +0,0 @@
-"use client";
-import { useStrings as e } from "../lib/strings.js";
-import { a as t, c as n } from "../typography-C7-YMW1S.js";
-import { t as r } from "../structure-DZJ2wbAU.js";
-import { i, r as a } from "../choice-inputs-DHGtx0QV.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(t, {
-						className: "text-inherit",
-						children: A.hoursLabel
-					}), /* @__PURE__ */ c(n, {
-						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(n, {
-					type: "error",
-					children: j("hours")
-				})
-			]
-		}), !!v && v.length > 0 && /* @__PURE__ */ c("section", {
-			className: "sync-range-dialog-form--section",
-			children: /* @__PURE__ */ l(r, {
-				gap: "md",
-				children: [/* @__PURE__ */ l(r, {
-					gap: "dense",
-					className: "sync-range-dialog-form--section-header",
-					children: [/* @__PURE__ */ c(t, {
-						className: "text-inherit",
-						children: A.optionsLabel
-					}), /* @__PURE__ */ c(n, {
-						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

@@ -1 +0,0 @@
-{"version":3,"file":"sync.js","names":["Label","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","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 className=\"text-inherit\">{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\">\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 className=\"text-inherit\">{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/feedback-Dzo1xtAU.js

@@ -1,246 +0,0 @@
-"use client";
-import { v as e } from "./ui-provider-C-74NVLc.js";
-import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-DhuoqFy4.js";
-import { n as r } from "./buttons-DeW0bQeK.js";
-import { c as i } from "./typography-C7-YMW1S.js";
-import { i as a } from "./text.styles-B64My8RZ.js";
-import { t as o } from "./structure-DZJ2wbAU.js";
-import { i as s } from "./tone-recipes-BPsRAvhu.js";
-import { t as c } from "./row-recipes-DL8n7t_b.js";
-import { t as l } from "./progress-DZFXXzPs.js";
-import { t as u } from "./skeleton-DDgdhmu9.js";
-import { forwardRef as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { AlertCircle as h, Loader2 as g } from "lucide-react";
-import { cva as _ } from "class-variance-authority";
-//#region src/components/ui/empty.tsx
-function v({ className: e, ...t }) {
-	return /* @__PURE__ */ p("div", {
-		"data-slot": "empty",
-		className: n("box-border flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance", e),
-		...t
-	});
-}
-function y({ className: e, ...t }) {
-	return /* @__PURE__ */ p("div", {
-		"data-slot": "empty-header",
-		className: n("flex max-w-sm flex-col items-center", e),
-		...t
-	});
-}
-var b = _("mb-space-md flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "bg-muted text-foreground flex size-avatar-lg shrink-0 items-center justify-center rounded-radius [&_svg:not([class*='size-'])]:size-[calc(var(--icon)*1.5)]"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function x({ className: e, variant: t = "default", ...r }) {
-	return /* @__PURE__ */ p("div", {
-		"data-slot": "empty-icon",
-		"data-variant": t,
-		className: n(b({
-			variant: t,
-			className: e
-		})),
-		...r
-	});
-}
-function S({ className: e, ...t }) {
-	return /* @__PURE__ */ p("div", {
-		"data-slot": "empty-title",
-		className: n("text-lg font-medium tracking-tight", e),
-		...t
-	});
-}
-function C({ className: e, ...t }) {
-	return /* @__PURE__ */ p("div", {
-		"data-slot": "empty-description",
-		className: n("text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", e),
-		...t
-	});
-}
-function w({ className: e, ...t }) {
-	return /* @__PURE__ */ p("div", {
-		"data-slot": "empty-content",
-		className: n("text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/feedback/empty.tsx
-function T(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function E({ className: e, ...t }) {
-	return /* @__PURE__ */ p(v, {
-		className: n("empty--component gap-space-lg rounded-surface p-surface", e),
-		...t
-	});
-}
-function D({ className: e, ...t }) {
-	return /* @__PURE__ */ p(y, {
-		className: n("empty-header--component gap-normal", e),
-		...t
-	});
-}
-function O({ className: e, ...t }) {
-	return /* @__PURE__ */ p(x, {
-		className: n("empty-media--component mb-space-sm", e),
-		...t
-	});
-}
-function k({ className: e, headingLevel: t = 3, role: r, "aria-level": a, children: o, ...s }) {
-	let c = r ?? "heading";
-	return /* @__PURE__ */ p(S, {
-		role: c,
-		"aria-level": a ?? (c === "heading" ? t : void 0),
-		className: n("empty-title--component tracking-normal", e),
-		...s,
-		children: T(o) ? /* @__PURE__ */ p(i, {
-			tag: "span",
-			size: "base",
-			weight: "semibold",
-			lineHeight: "tight",
-			children: o
-		}) : o
-	});
-}
-function A({ className: e, children: t, ...r }) {
-	return /* @__PURE__ */ p(C, {
-		className: n("empty-description--component", e),
-		...r,
-		children: T(t) ? /* @__PURE__ */ p(i, {
-			tag: "span",
-			type: "secondary",
-			lineHeight: "relaxed",
-			children: t
-		}) : t
-	});
-}
-function j({ className: e, children: t, ...r }) {
-	return /* @__PURE__ */ p(w, {
-		className: n("empty-content--component gap-space-md", e),
-		...r,
-		children: T(t) ? /* @__PURE__ */ p(i, { children: t }) : t
-	});
-}
-E.displayName = "Empty", D.displayName = "EmptyHeader", O.displayName = "EmptyMedia", k.displayName = "EmptyTitle", A.displayName = "EmptyDescription", j.displayName = "EmptyContent";
-//#endregion
-//#region src/components/base/feedback/state-display.strings.ts
-var M = {
-	title: "Something went wrong",
-	description: "Please try again.",
-	retry: "Try again"
-}, N = {
-	inline: "w-full max-w-full py-row-y",
-	panel: "w-full border"
-}, P = {
-	neutral: "rounded-surface p-surface border-border bg-card text-card-foreground",
-	destructive: `rounded-radius px-row-x ${c.default} gap-x-space-lg ${s.destructive.edge} ${s.destructive.wash} text-card-foreground`
-};
-function F(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var I = d(function({ componentClassName: t, variant: r, tone: s, icon: c, title: l, description: u, action: d, details: f, className: h, ...g }, _) {
-	let v = t.replace("--component", ""), { defaultTextSize: y } = e();
-	return /* @__PURE__ */ m("div", {
-		ref: _,
-		"data-variant": r,
-		"data-tone": s,
-		className: n(a({
-			size: y,
-			type: "inherit"
-		}), t, "box-border grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-start gap-x-space-sm", "sm:grid-cols-[auto_minmax(0,1fr)_auto]", N[r], r === "panel" && P[s], h),
-		...g,
-		children: [
-			/* @__PURE__ */ p("span", {
-				"aria-hidden": "true",
-				className: n(`${v}--icon`, "mt-space-2xs inline-flex size-icon shrink-0 items-center justify-center"),
-				children: c
-			}),
-			(l !== void 0 || u !== void 0) && /* @__PURE__ */ m("div", {
-				className: n(`${v}--message`, "grid min-w-0", r === "inline" ? "gap-dense" : "gap-normal"),
-				children: [l !== void 0 && (F(l) ? /* @__PURE__ */ p(i, {
-					tag: "span",
-					type: "inherit",
-					weight: "semibold",
-					className: n(`${v}--title`, "block min-w-0"),
-					children: l
-				}) : /* @__PURE__ */ p("div", {
-					className: n(`${v}--title`, "min-w-0"),
-					children: l
-				})), u !== void 0 && (F(u) ? /* @__PURE__ */ p(i, {
-					tag: "span",
-					size: r === "inline" ? "xs" : void 0,
-					type: "secondary",
-					className: n(`${v}--description`, "block min-w-0"),
-					children: u
-				}) : /* @__PURE__ */ p("div", {
-					className: n(`${v}--description`, "min-w-0"),
-					children: u
-				}))]
-			}),
-			d !== void 0 && /* @__PURE__ */ p("div", {
-				className: n(`${v}--action`, "col-start-2 row-start-2 mt-space-sm justify-self-start", "sm:col-start-3 sm:row-start-1 sm:mt-0 sm:justify-self-end sm:self-start"),
-				children: d
-			}),
-			f !== void 0 && /* @__PURE__ */ p(o, {
-				gap: "md",
-				className: n(`${v}--details`, "col-start-2 col-end-[-1] mt-space-md"),
-				children: f
-			})
-		]
-	});
-});
-I.displayName = "StateDisplayFrame";
-var L = d(function({ label: e, description: t, progress: n, variant: r = "inline", skeleton: i = !1, lines: a = 3, icon: o, className: s, ...c }, d) {
-	let h = typeof n == "number" ? Math.min(100, Math.max(0, n)) : void 0;
-	return /* @__PURE__ */ p(I, {
-		ref: d,
-		role: "status",
-		"aria-live": "polite",
-		componentClassName: "loading-state--component",
-		variant: r,
-		tone: "neutral",
-		icon: o ?? /* @__PURE__ */ p(g, { className: "size-icon animate-spin text-muted-foreground" }),
-		title: e,
-		description: t,
-		details: h !== void 0 || i ? /* @__PURE__ */ m(f, { children: [h !== void 0 && /* @__PURE__ */ p(l, {
-			value: h,
-			size: "sm",
-			showValue: !1,
-			"aria-label": typeof e == "string" ? e : void 0
-		}), i === !0 ? /* @__PURE__ */ p(u, { lines: a }) : i] }) : void 0,
-		className: s,
-		...c
-	});
-});
-L.displayName = "LoadingState";
-var R = d(function({ title: e, description: n, action: i, onRetry: a, retryLabel: o, strings: s, variant: c = "panel", icon: l, className: u, ...d }, f) {
-	let m = t(M, s), g = o === void 0 ? m.retry : o, _ = i ?? (a && g ? /* @__PURE__ */ p(r, {
-		type: "button",
-		size: c === "inline" ? "sm" : void 0,
-		onClick: a,
-		children: g
-	}) : void 0);
-	return /* @__PURE__ */ p(I, {
-		ref: f,
-		role: "alert",
-		componentClassName: "error-state--component",
-		variant: c,
-		tone: "destructive",
-		icon: l ?? /* @__PURE__ */ p(h, { className: "size-icon text-destructive" }),
-		title: e === void 0 ? m.title : e,
-		description: n === void 0 ? m.description : n,
-		action: _,
-		className: u,
-		...d
-	});
-});
-R.displayName = "ErrorState";
-//#endregion
-export { j as a, O as c, E as i, k as l, L as n, A as o, M as r, D as s, R as t };
-
-//# sourceMappingURL=feedback-Dzo1xtAU.js.map

package/dist/feedback-Dzo1xtAU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-Dzo1xtAU.js","names":["Empty","EmptyHeader","EmptyMedia","EmptyTitle","EmptyDescription","EmptyContent","isSimpleText","EmptyPrimitive","EmptyHeaderPrimitive","EmptyMediaPrimitive","EmptyTitlePrimitive","EmptyDescriptionPrimitive","EmptyContentPrimitive","_Fragment","useTypographyConfig","cn","Button","Text","resolveTextClassNames","Stack","toneRecipes","rowBlockPaddingClasses","Progress","ContentSkeleton","Fragment$1","Empty$1","props","className","EmptyHeader$1","emptyMediaVariants","cva","EmptyMedia$1","variant","EmptyTitle$1","EmptyDescription$1","EmptyContent$1","isSimpleText$1","value","Empty","EmptyHeader","EmptyMedia","EmptyTitle","ariaLevel","resolvedRole","role","headingLevel","children","EmptyDescription","EmptyContent","defaultErrorStateStrings","frameVariantClass","frameToneClass","isSimpleText","StateDisplayFrame","forwardRef","regionPrefix","componentClassName","tone","defaultTextSize","icon","title","description","action","details","LoadingState","resolvedProgress","progress","Loader2","label","skeleton","ErrorState","stringsProp","strings","useStrings","resolvedRetryLabel","retryLabel","retryAction","onRetry","AlertCircle"],"sources":["../src/components/ui/empty.tsx","../src/components/base/feedback/empty.tsx","../src/components/base/feedback/state-display.strings.ts","../src/components/base/feedback/state-display.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        // No border style here: without preflight a bare `border-dashed` paints a\n        // 3px currentColor frame. Callers that want a frame add a semantic border.\n        \"box-border flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        \"flex max-w-sm flex-col items-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-space-md flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-avatar-lg shrink-0 items-center justify-center rounded-radius [&_svg:not([class*='size-'])]:size-[calc(var(--icon)*1.5)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n","/**\n * Tokenized low-level empty-state parts.\n *\n * Use the blocks `EmptyState` for an opinionated ready-made state. These\n * parts are for consumers that need to assemble their own media/content/action\n * anatomy without importing the internal shadcn primitive.\n */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tEmpty as EmptyPrimitive,\n\tEmptyContent as EmptyContentPrimitive,\n\tEmptyDescription as EmptyDescriptionPrimitive,\n\tEmptyHeader as EmptyHeaderPrimitive,\n\tEmptyMedia as EmptyMediaPrimitive,\n\tEmptyTitle as EmptyTitlePrimitive,\n} from '../../ui/empty';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type EmptyProps = ComponentProps<typeof EmptyPrimitive>;\nexport type EmptyContentProps = ComponentProps<typeof EmptyContentPrimitive>;\nexport type EmptyDescriptionProps = ComponentProps<typeof EmptyDescriptionPrimitive>;\nexport type EmptyHeaderProps = ComponentProps<typeof EmptyHeaderPrimitive>;\nexport type EmptyMediaProps = ComponentProps<typeof EmptyMediaPrimitive>;\nexport interface EmptyTitleProps extends ComponentProps<typeof EmptyTitlePrimitive> {\n\t/** Accessible heading level used by the default `role=\"heading\"` output. */\n\theadingLevel?: 2 | 3 | 4 | 5 | 6;\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Root layout for a consumer-blocks empty state. */\nexport function Empty({ className, ...props }: EmptyProps) {\n\treturn (\n\t\t<EmptyPrimitive\n\t\t\tclassName={cn('empty--component gap-space-lg rounded-surface p-surface', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/** Centered title and description stack. */\nexport function EmptyHeader({ className, ...props }: EmptyHeaderProps) {\n\treturn <EmptyHeaderPrimitive className={cn('empty-header--component gap-normal', className)} {...props} />;\n}\n\n/** Optional icon or illustration region. */\nexport function EmptyMedia({ className, ...props }: EmptyMediaProps) {\n\treturn <EmptyMediaPrimitive className={cn('empty-media--component mb-space-sm', className)} {...props} />;\n}\n\n/** Empty-state heading calibrated to the admin typography scale. */\nexport function EmptyTitle({ className, headingLevel = 3, role, 'aria-level': ariaLevel, children, ...props }: EmptyTitleProps) {\n\tconst resolvedRole = role ?? 'heading';\n\treturn (\n\t\t<EmptyTitlePrimitive\n\t\t\trole={resolvedRole}\n\t\t\taria-level={ariaLevel ?? (resolvedRole === 'heading' ? headingLevel : undefined)}\n\t\t\tclassName={cn('empty-title--component tracking-normal', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"base\" weight=\"semibold\" lineHeight=\"tight\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</EmptyTitlePrimitive>\n\t);\n}\n\n/** Supporting explanation for the absence of content. */\nexport function EmptyDescription({ className, children, ...props }: EmptyDescriptionProps) {\n\treturn (\n\t\t<EmptyDescriptionPrimitive className={cn('empty-description--component', className)} {...props}>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" type=\"secondary\" lineHeight=\"relaxed\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</EmptyDescriptionPrimitive>\n\t);\n}\n\n/** Actions or next-step content rendered below the explanation. */\nexport function EmptyContent({ className, children, ...props }: EmptyContentProps) {\n\treturn (\n\t\t<EmptyContentPrimitive className={cn('empty-content--component gap-space-md', className)} {...props}>\n\t\t\t{isSimpleText(children) ? <Text>{children}</Text> : children}\n\t\t</EmptyContentPrimitive>\n\t);\n}\n\nEmpty.displayName = 'Empty';\nEmptyHeader.displayName = 'EmptyHeader';\nEmptyMedia.displayName = 'EmptyMedia';\nEmptyTitle.displayName = 'EmptyTitle';\nEmptyDescription.displayName = 'EmptyDescription';\nEmptyContent.displayName = 'EmptyContent';\n","export interface ErrorStateStrings {\n\t/** Default heading when no error-specific title was supplied. */\n\ttitle: string;\n\t/** Default guidance when no error-specific description was supplied. */\n\tdescription: string;\n\t/** Label of the recovery action when `onRetry` is supplied. */\n\tretry: string;\n}\n\nexport const defaultErrorStateStrings: ErrorStateStrings = {\n\ttitle: 'Something went wrong',\n\tdescription: 'Please try again.',\n\tretry: 'Try again',\n};\n","/**\n * Shared async-state presentations for bounded admin surfaces.\n *\n * `inline` is a compact, chrome-free status for menus, table regions, and\n * existing panels. `panel` owns one deliberate frame so consumers do not\n * have to recreate card padding around loading and error states. Loading and\n * error use the same icon/message/action grid, which keeps transitions between\n * states visually stable.\n */\nimport { AlertCircle, Loader2 } from 'lucide-react';\nimport {\n\tforwardRef,\n\ttype ComponentPropsWithoutRef,\n\ttype ReactNode,\n} from 'react';\n\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { resolveTextClassNames } from '../../typography/text.styles';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\n\nimport { Progress } from './progress';\nimport { ContentSkeleton } from '../skeleton/skeleton';\nimport { toneRecipes } from '../../../lib/tone-recipes';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\nimport { defaultErrorStateStrings, type ErrorStateStrings } from './state-display.strings';\n\nexport { defaultErrorStateStrings, type ErrorStateStrings } from './state-display.strings';\n\ntype DivProps = ComponentPropsWithoutRef<'div'>;\ntype StateDisplayVariant = 'inline' | 'panel';\ntype StateDisplayTone = 'neutral' | 'destructive';\n\ninterface StateDisplayFrameProps extends Omit<DivProps, 'title'> {\n\tcomponentClassName: string;\n\t/** `inline` is chrome-free; `panel` owns one framed surface. */\n\tvariant: StateDisplayVariant;\n\ttone: StateDisplayTone;\n\t/** Leading glyph beside the message. */\n\ticon: ReactNode;\n\t/** Heading above the description. */\n\ttitle?: ReactNode;\n\t/** Supporting copy under the label. */\n\tdescription?: ReactNode;\n\t/** Control offered alongside the message. */\n\taction?: ReactNode;\n\tdetails?: ReactNode;\n}\n\nconst frameVariantClass: Record<StateDisplayVariant, string> = {\n\tinline: 'w-full max-w-full py-row-y',\n\tpanel: 'w-full border',\n};\n\n// The neutral panel is a loading surface and keeps the surface inset. The tinted\n// destructive panel is a notice, so it takes Alert's row geometry (corner, row\n// insets and media gap) and a failure reads the same as a destructive Alert.\nconst frameToneClass: Record<StateDisplayTone, string> = {\n\tneutral: 'rounded-surface p-surface border-border bg-card text-card-foreground',\n\tdestructive: `rounded-radius px-row-x ${rowBlockPaddingClasses.default} gap-x-space-lg ${toneRecipes.destructive.edge} ${toneRecipes.destructive.wash} text-card-foreground`,\n};\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nconst StateDisplayFrame = forwardRef<HTMLDivElement, StateDisplayFrameProps>(\n\tfunction StateDisplayFrame({\n\t\tcomponentClassName,\n\t\tvariant,\n\t\ttone,\n\t\ticon,\n\t\ttitle,\n\t\tdescription,\n\t\taction,\n\t\tdetails,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst regionPrefix = componentClassName.replace('--component', '');\n\t\tconst { defaultTextSize } = useTypographyConfig();\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-variant={variant}\n\t\t\t\tdata-tone={tone}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tresolveTextClassNames({ size: defaultTextSize, type: 'inherit' }),\n\t\t\t\t\tcomponentClassName,\n\t\t\t\t\t'box-border grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-start gap-x-space-sm',\n\t\t\t\t\t'sm:grid-cols-[auto_minmax(0,1fr)_auto]',\n\t\t\t\t\tframeVariantClass[variant],\n\t\t\t\t\tvariant === 'panel' && frameToneClass[tone],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t`${regionPrefix}--icon`,\n\t\t\t\t\t\t'mt-space-2xs inline-flex size-icon shrink-0 items-center justify-center',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{icon}\n\t\t\t\t</span>\n\t\t\t\t{(title !== undefined || description !== undefined) && (\n\t\t\t\t\t<div className={cn(`${regionPrefix}--message`, 'grid min-w-0', variant === 'inline' ? 'gap-dense' : 'gap-normal')}>\n\t\t\t\t\t\t{title !== undefined && (\n\t\t\t\t\t\t\tisSimpleText(title) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"semibold\" className={cn(`${regionPrefix}--title`, 'block min-w-0')}>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : <div className={cn(`${regionPrefix}--title`, 'min-w-0')}>{title}</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{description !== undefined && (\n\t\t\t\t\t\t\tisSimpleText(description) ? (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize={variant === 'inline' ? 'xs' : undefined}\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(`${regionPrefix}--description`, 'block min-w-0')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className={cn(`${regionPrefix}--description`, 'min-w-0')}>\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{action !== undefined && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t`${regionPrefix}--action`,\n\t\t\t\t\t\t\t'col-start-2 row-start-2 mt-space-sm justify-self-start',\n\t\t\t\t\t\t\t'sm:col-start-3 sm:row-start-1 sm:mt-0 sm:justify-self-end sm:self-start',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{action}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{details !== undefined && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t`${regionPrefix}--details`,\n\t\t\t\t\t\t\t'col-start-2 col-end-[-1] mt-space-md',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{details}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\nStateDisplayFrame.displayName = 'StateDisplayFrame';\n\nexport type LoadingStateVariant = StateDisplayVariant;\n\nexport interface LoadingStateProps extends DivProps {\n\t/** Primary line of the state message. */\n\tlabel?: ReactNode;\n\t/** Supporting copy under the label. */\n\tdescription?: ReactNode;\n\t/** Completion percentage, 0-100, for determinate loading. */\n\tprogress?: number;\n\t/** `inline` (default) for a chrome-free status inside an existing region; `panel` for one framed surface. */\n\tvariant?: LoadingStateVariant;\n\t/** Renders placeholder bars instead of a message. */\n\tskeleton?: boolean | ReactNode;\n\t/** How many skeleton bars to draw. */\n\tlines?: number;\n\t/** Leading glyph beside the message. Defaults to a spinning loader. */\n\ticon?: ReactNode;\n}\n\nexport const LoadingState = forwardRef<HTMLDivElement, LoadingStateProps>(\n\tfunction LoadingState({\n\t\tlabel,\n\t\tdescription,\n\t\tprogress,\n\t\tvariant = 'inline',\n\t\tskeleton = false,\n\t\tlines = 3,\n\t\ticon,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst resolvedProgress = typeof progress === 'number'\n\t\t\t? Math.min(100, Math.max(0, progress))\n\t\t\t: undefined;\n\t\tconst details = resolvedProgress !== undefined || skeleton\n\t\t\t? (\n\t\t\t\t<>\n\t\t\t\t\t{resolvedProgress !== undefined && (\n\t\t\t\t\t\t<Progress\n\t\t\t\t\t\t\tvalue={resolvedProgress}\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tshowValue={false}\n\t\t\t\t\t\t\taria-label={typeof label === 'string' ? label : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{skeleton === true ? <ContentSkeleton lines={lines} /> : skeleton}\n\t\t\t\t</>\n\t\t\t)\n\t\t\t: undefined;\n\n\t\treturn (\n\t\t\t<StateDisplayFrame\n\t\t\t\tref={ref}\n\t\t\t\trole=\"status\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t\tcomponentClassName=\"loading-state--component\"\n\t\t\t\tvariant={variant}\n\t\t\t\ttone=\"neutral\"\n\t\t\t\ticon={icon ?? (\n\t\t\t\t\t<Loader2 className=\"size-icon animate-spin text-muted-foreground\" />\n\t\t\t\t)}\n\t\t\t\ttitle={label}\n\t\t\t\tdescription={description}\n\t\t\t\tdetails={details}\n\t\t\t\tclassName={className}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nLoadingState.displayName = 'LoadingState';\n\nexport type ErrorStateVariant = StateDisplayVariant;\n\nexport interface ErrorStateProps extends Omit<DivProps, 'title'> {\n\t/** Default error copy. Explicit title, description and retryLabel props win. */\n\tstrings?: StringsProp<ErrorStateStrings>;\n\t/** Heading above the description. */\n\ttitle?: ReactNode;\n\t/** Supporting copy under the label. */\n\tdescription?: ReactNode;\n\t/** Control offered alongside the message. */\n\taction?: ReactNode;\n\t/** Renders a retry button (with `retryLabel`) that calls this. Ignored when `action` is set. */\n\tonRetry?: () => void;\n\t/** Copy for the retry action in the error state. */\n\tretryLabel?: ReactNode;\n\t/** `panel` (default) for one framed surface; `inline` for a chrome-free status inside an existing region. */\n\tvariant?: ErrorStateVariant;\n\t/** Leading glyph beside the message. Defaults to an alert icon. */\n\ticon?: ReactNode;\n}\n\nexport const ErrorState = forwardRef<HTMLDivElement, ErrorStateProps>(\n\tfunction ErrorState({\n\t\ttitle,\n\t\tdescription,\n\t\taction,\n\t\tonRetry,\n\t\tretryLabel,\n\t\tstrings: stringsProp,\n\t\tvariant = 'panel',\n\t\ticon,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst strings = useStrings(defaultErrorStateStrings, stringsProp);\n\t\tconst resolvedRetryLabel = retryLabel === undefined ? strings.retry : retryLabel;\n\t\t// Retrying recovers; it destroys nothing. The default (neutral outline)\n\t\t// button keeps red for the failure itself, not the way out of it.\n\t\tconst retryAction = action ?? (onRetry && resolvedRetryLabel ? (\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tsize={variant === 'inline' ? 'sm' : undefined}\n\t\t\t\tonClick={onRetry}\n\t\t\t>\n\t\t\t\t{resolvedRetryLabel}\n\t\t\t</Button>\n\t\t) : undefined);\n\n\t\treturn (\n\t\t\t<StateDisplayFrame\n\t\t\t\tref={ref}\n\t\t\t\trole=\"alert\"\n\t\t\t\tcomponentClassName=\"error-state--component\"\n\t\t\t\tvariant={variant}\n\t\t\t\ttone=\"destructive\"\n\t\t\t\ticon={icon ?? <AlertCircle className=\"size-icon text-destructive\" />}\n\t\t\t\ttitle={title === undefined ? strings.title : title}\n\t\t\t\tdescription={description === undefined ? strings.description : description}\n\t\t\t\taction={retryAction}\n\t\t\t\tclassName={className}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nErrorState.displayName = 'ErrorState';\n"],"mappings":"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"}

package/dist/field-affordance-recipes-D6H7tVJi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-affordance-recipes-D6H7tVJi.js","names":["affordanceGeometry","interactionRecipes","FieldClearGlyph","XIcon","fieldAffordanceRecipes","focusRecipes","selectToggleRecipes"],"sources":["../src/lib/field-affordance-recipes.ts"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { affordanceGeometry } from './affordance-geometry.generated';\nimport { focusRecipes } from './focus-recipes';\nimport { interactionRecipes } from './interaction-recipes';\n\n/**\n * The one clear glyph: a plain X drawn at `fieldAffordanceRecipes.icon`, never a\n * circled X, so Input, Textarea, Cascader and Combobox clear actions match.\n */\nexport const FieldClearGlyph = XIcon;\n\n/** Field affordances have one target/clearance owner. Primitives own behavior. */\nexport const fieldAffordanceRecipes = {\n\t/** Content-sized targets for a chip/reaction that already owns its chrome. */\n\tinline: `${interactionRecipes.nativeButtonReset} inline-flex shrink-0 items-center justify-center rounded-radius outline-none transition-[color,box-shadow]`,\n\ttarget: `${interactionRecipes.nativeButtonReset} inline-flex size-control-clear shrink-0 items-center justify-center rounded-radius outline-none transition-[color,box-shadow]`,\n\tfocus: `focus-visible:z-10 ${focusRecipes.edge} disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,\n\tclear: 'text-muted-foreground hover:text-foreground',\n\ttoggle: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n\ticon: 'size-control-clear-icon shrink-0 max-h-full max-w-full',\n\tcentered: 'absolute top-1/2 -translate-y-1/2',\n\tclearEnd: affordanceGeometry.clearEnd,\n\tclearPadding: affordanceGeometry.clearPadding,\n\ttogglePadding: affordanceGeometry.togglePadding,\n\ttextareaCountPadding: affordanceGeometry.textareaCountPadding,\n\tmeasuredPadding: affordanceGeometry.measuredPadding,\n\tmeasuredStartPadding: affordanceGeometry.measuredStartPadding,\n\tpairedClearPadding: affordanceGeometry.pairedClearPadding,\n\tpairedIconPadding: affordanceGeometry.pairedIconPadding,\n\tpairedAddonPadding: affordanceGeometry.pairedAddonPadding,\n\tpairedCountPadding: affordanceGeometry.pairedCountPadding,\n} as const;\n\n/**\n * Select-like toggles share one chevron geometry: the glyph scales with the\n * control size, and the toggle track is offset by half the difference between\n * its 1.375rem target and the glyph, so the chevron centres where a Select\n * trigger draws its own (inside the 1px border plus the control padding).\n * Written from the root tokens so scoped density and spacing apply.\n */\nexport const selectToggleRecipes = {\n\ticon: { sm: 'size-icon-sm', md: 'size-icon', lg: 'size-icon-lg' },\n\ttrack: affordanceGeometry.selectToggleTrack,\n\t/**\n\t * Text clearance for an editable field with the toggle track: the track offset,\n\t * the whole 1.375rem target (not only its glyph) and the spaced copy gap, so a\n\t * value never runs under the target at any density or spacing.\n\t */\n\tpadding: affordanceGeometry.selectTogglePadding,\n\t/** The same clearance when a clear target precedes the toggle in the track. */\n\tclearPadding: {\n\t\tsm: 'pe-[calc((var(--control-x)*0.8333333+0.625rem)*var(--space-scale)+1px+(4.125rem*var(--density-scale)+var(--icon)*0.75)/2)]',\n\t\tmd: 'pe-[calc((var(--control-x)+0.625rem)*var(--space-scale)+1px+(4.125rem*var(--density-scale)+var(--icon))/2)]',\n\t\tlg: 'pe-[calc((var(--control-x)+0.625rem)*var(--space-scale)+1px+(4.125rem*var(--density-scale)+var(--icon)*1.25)/2)]',\n\t},\n} as const satisfies Record<string, Record<'sm' | 'md' | 'lg', string>>;\n"],"mappings":";;;;;AASA,IAAaE,IAAkBC,GAGlBC,IAAyB;CAErC,QAAQ,GAAGH,EAAmB,kBAAkB;CAChD,QAAQ,GAAGA,EAAmB,kBAAkB;CAChD,OAAO,sBAAsBI,EAAa,KAAK;CAC/C,OAAO;CACP,QAAQ;CACR,MAAM;CACN,UAAU;CACV,UAAUL,EAAmB;CAC7B,cAAcA,EAAmB;CACjC,eAAeA,EAAmB;CAClC,sBAAsBA,EAAmB;CACzC,iBAAiBA,EAAmB;CACpC,sBAAsBA,EAAmB;CACzC,oBAAoBA,EAAmB;CACvC,mBAAmBA,EAAmB;CACtC,oBAAoBA,EAAmB;CACvC,oBAAoBA,EAAmB;AACxC,GASaM,IAAsB;CAClC,MAAM;EAAE,IAAI;EAAgB,IAAI;EAAa,IAAI;CAAe;CAChE,OAAON,EAAmB;CAM1B,SAASA,EAAmB;CAE5B,cAAc;EACb,IAAI;EACJ,IAAI;EACJ,IAAI;CACL;AACD"}

package/dist/field-state-recipes-7sza8QbC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-state-recipes-7sza8QbC.js","names":["focusRecipes","fieldStateRecipes"],"sources":["../src/lib/field-state-recipes.ts"],"sourcesContent":["import { focusRecipes } from './focus-recipes';\n\n/** Native fields and field-shaped triggers share one frame-state contract.\n * Focus is the shared frame recipe: the 1px frame takes --ring inside a soft\n * halo. Validation marks the frame with the destructive border; a focused\n * invalid field keeps that border and shows the halo in the destructive color.\n * Editable values retain the semantic foreground. Compound fields apply the same\n * state to their outer frame, never each child.\n */\nexport const fieldStateRecipes = {\n\tfocus: focusRecipes.frame,\n\tinvalid: 'aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:ring-destructive/30 dark:aria-invalid:focus-visible:ring-destructive/50',\n\tgroupFocus: 'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50',\n\tgroupInvalid: 'has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:border-destructive has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-destructive/30 dark:has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-destructive/50',\n\teditorFocus: 'has-[[data-slot=editor-field]:focus-visible]:border-ring has-[[data-slot=editor-field]:focus-visible]:ring-3 has-[[data-slot=editor-field]:focus-visible]:ring-ring/50',\n\teditorInvalid: 'has-[[data-slot=editor-field][aria-invalid=true]]:border-destructive has-[[data-slot=editor-field][aria-invalid=true]]:has-[[data-slot=editor-field]:focus-visible]:border-destructive has-[[data-slot=editor-field][aria-invalid=true]]:has-[[data-slot=editor-field]:focus-visible]:ring-destructive/30 dark:has-[[data-slot=editor-field][aria-invalid=true]]:has-[[data-slot=editor-field]:focus-visible]:ring-destructive/50',\n} as const;\n"],"mappings":";;AASA,IAAaC,IAAoB;CAChC,OAAOD,EAAa;CACpB,SAAS;CACT,YAAY;CACZ,cAAc;CACd,aAAa;CACb,eAAe;AAChB"}