themelia-react-ui 0.0.0-stage → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-pickers-ByP6Cv2z.js","names":["React","CalendarIcon","useDatesConfig","cn","Button","Text","Label","Stack","PICKER_TRIGGER_CHROME","defaultDatePickerStrings","DatePickerHeader","DatePickerFooter","PopoverTrigger","Popover","PopoverContent","SelectValue","SelectItem","SelectContent","SelectTrigger","Select","React$1","DEFAULT_YEAR_SPAN","MonthYearPicker","dateFormat","currentYear","open","setOpen","selection","setSelection","value","defaultValue","dates","dateFnsLocale","locale","enUS","t","useStrings","strings","triggerId","describedBy","ariaDescribedBy","error","monthSelectId","yearSelectId","yearRange","start","fromYear","end","toYear","i","monthNames","format","createOutput","date","year","month","readableFormat","handleMonthChange","monthValue","handleYearChange","yearValue","handleConfirm","onValueChange","closeOnSelect","buttonText","placeholder","className","label","hint","triggerProps","iconOnly","Calendar","header","index","name","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 { Stack } from '../structure';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '../popover';\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue\n} from '../../ui/select';\nimport { Label, Text } from '../../typography';\nimport { useDatesConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nimport { useStrings } from '../../../lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { PICKER_TRIGGER_CHROME } from './date-picker.recipes';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { MonthYearPickerProps, MonthYearOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\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\tformat: dateFormat = 'yyyy-MM',\n\treadableFormat = 'MMMM yyyy',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\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 currentYear = new Date().getFullYear();\n\tconst [open, setOpen] = React.useState(false);\n\tconst [selection, setSelection] = React.useState<{\n\t\tmonth: number;\n\t\tyear: number;\n\t} | undefined>(value ?? defaultValue);\n\n\tconst dates = useDatesConfig();\n\tconst dateFnsLocale = locale ?? dates.locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings);\n\tconst triggerId = React.useId();\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 = error ? describedBy : undefined;\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// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetSelection(value);\n\t\t}\n\t}, [value]);\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]);\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<Stack ref={ref} gap=\"md\" className={cn('month-year-picker--component', className)}>\n\t\t\t{!!(label || (hint && !error)) && (\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"xs\">\n\t\t\t\t\t{!!label && (\n\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\thtmlFor={triggerId}\n\t\t\t\t\t\t\tclassName={cn('leading-6', error && 'text-destructive')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Label>\n\t\t\t\t\t)}\n\t\t\t\t\t{!error && !!hint && (\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{hint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t)}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\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=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\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\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t// After the chrome: both set padding-x, and the square form\n\t\t\t\t\t\t\t\t// needs the later word.\n\t\t\t\t\t\t\t\ticonOnly && '!w-control shrink-0 justify-center !px-0',\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={cn('size-icon', !iconOnly && 'mr-control-gap')} />\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=\"w-80 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 */}\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{/* Month Selector */}\n\t\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t\t<Label htmlFor={monthSelectId}>{t.month}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\titems={monthNames.map((label, index) => ({ label, value: index.toString() }))}\n\t\t\t\t\t\t\t\tvalue={selection?.month?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleMonthChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id={monthSelectId} className=\"w-full\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder={<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">{t.month}</Text>} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{monthNames.map((name, index) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={name} value={index.toString()}>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">{name}</Text>\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</Stack>\n\n\t\t\t\t\t\t{/* Year Selector */}\n\t\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t\t<Label htmlFor={yearSelectId}>{t.year}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.year?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleYearChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id={yearSelectId} className=\"w-full\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder={<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">{t.year}</Text>} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{yearRange.map((year) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={year} value={year.toString()}>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" numeric lineHeight=\"tight\" className=\"text-inherit\">{year}</Text>\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</Stack>\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\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\t{!!error && (\n\t\t\t\t<Text id={describedBy} size=\"xs\" type=\"error\" content={error} />\n\t\t\t)}\n\t\t</Stack>\n\t);\n});\n\n// Convenience export for type\nexport type { MonthYearPickerProps, MonthYearOutput };\n\nMonthYearPicker.displayName = 'MonthYearPicker';\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,IAAMqB,IAAoB,IAEbC,IAAkBtB,EAAM,WAAiD,SAAyB,EAC9G,UACA,kBACA,kBACA,QAAQuB,IAAa,WACrB,oBAAiB,aACjB,gBACA,UACA,SACA,UACA,cAAW,IACX,cACA,mBAAgB,IAChB,aACA,YACA,WACA,WACA,aACA,WACA,cAAW,MACa,IAAK;CAC7B,IAAMC,qBAAc,IAAI,KAAK,EAAA,CAAE,YAAY,GACrC,CAACC,GAAMC,KAAW1B,EAAM,SAAS,EAAK,GACtC,CAAC2B,GAAWC,KAAgB5B,EAAM,SAGzB6B,KAASC,EAAY,GAE9BC,IAAQ7B,EAAe,GACvB8B,IAAgBC,MAAUF,EAAM,UAAUG,GAC1CC,IAAIC,EAAW3B,GAA0B4B,EAAO,GAChDC,IAAYtC,EAAM,MAAM,GAGxBuC,IAAc,GAAGD,EAAU,eAC3BE,KAAkBC,IAAQF,IAAc,KAAA,GAGxCG,IAAgB,GAAGJ,EAAU,SAC7BK,IAAe,GAAGL,EAAU,QAK5BM,KAAY5C,EAAM,cAAc;EACrC,IAAM6C,IAAQC,KAAYtB,IAAcH,GAClC0B,IAAMC,KAAUxB,IAAcH;EACpC,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI0B,IAAMF,IAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,MAAMA,IAAQI,CAAC;CAChF,GAAG;EAACH;EAAUE;EAAQxB;CAAW,CAAC,GAG5B0B,IAAalD,EAAM,cACjB,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAE9BmD,EAAO,IADG,KAAK,KAAMF,GAAG,CACjB,GAAM,QAAQ,EAAE,QAAQjB,EAAc,CAAC,CACrD,GACC,CAACA,CAAa,CAAC;CAGlB,EAAM,gBAAgB;EACrB,AAAIH,MAAU,KAAA,KACbD,EAAaC,CAAK;CAEpB,GAAG,CAACA,CAAK,CAAC;CAGV,IAAMuB,IAAepD,EAAM,aACzB,GAAe,MAAkC;EACjD,IAAMqD,IAAO,IAAI,KAAKC,GAAMC,GAAO,CAAC;EACpC,OAAO;GACN;GACA;GACA,WAAWJ,EAAOE,GAAM9B,GAAY,EAAE,QAAQS,EAAc,CAAC;GAC7D,UAAUmB,EAAOE,GAAMG,GAAgB,EAAE,QAAQxB,EAAc,CAAC;GAChE;EACD;CACD,GACA;EAACT;EAAYiC;EAAgBxB;CAAa,CAC3C,GAGMyB,KAAoBzD,EAAM,aAC9B,MAAwB;EAExB,IAAMuD,IAAQ,SADG,OAAOG,CACD,GAAU,EAAE,GAC7BJ,IAAO3B,GAAW,QAAQH;EAChC,EAAa;GAAE;GAAO;EAAK,CAAC;CAC7B,GACA,CAACG,GAAW,MAAMH,CAAW,CAC9B,GAEMmC,IAAmB3D,EAAM,aAC7B,MAAuB;EAEvB,IAAMsD,IAAO,SADG,OAAOM,CACD,GAAS,EAAE,GAC3BL,IAAQ5B,GAAW,SAAS;EAClC,EAAa;GAAE;GAAO;EAAK,CAAC;CAC7B,GACA,CAACA,GAAW,KAAK,CAClB,GAGMkC,KAAgB7D,EAAM,kBAAkB;EAC7C,AAAI2B,MACHmC,IAAgBV,EAAazB,EAAU,OAAOA,EAAU,IAAI,CAAC,GACzDoC,KACHrC,EAAQ,EAAK;CAGhB,GAAG;EAACC;EAAWmC;EAAeV;EAAcW;CAAa,CAAC,GAGpDC,IAAahE,EAAM,cAAc;EACtC,IAAI2B,GAAW;GACd,IAAM0B,IAAO,IAAI,KAAK1B,EAAU,MAAMA,EAAU,OAAO,CAAC;GACxD,OAAOwB,EAAOE,GAAMG,GAAgB,EAAE,QAAQxB,EAAc,CAAC;EAC9D;EACA,OAAOiC,KAAe9B,EAAE;CACzB,GAAG;EAACR;EAAW6B;EAAgBxB;EAAeiC;EAAa9B,EAAE;CAAe,CAAC;CAE7E,OACC,kBAAC5B,GAAD;EAAY;EAAK,KAAI;EAAK,WAAWJ,EAAG,gCAAgC+D,CAAS;EAAjF,UAAA;GACE,CAAC,EAAEC,KAAUC,KAAQ,CAAC3B,MACtB,kBAAClC,GAAD;IAAO,WAAU;IAAa,OAAM;IAAS,SAAQ;IAAU,KAAI;IAAnE,UAAA,CACE,CAAC,CAAC4D,KACF,kBAAC7D,GAAD;KACC,SAASgC;KACT,WAAWnC,EAAG,aAAasC,KAAS,kBAAkB;KAErD,UAAA0B;IACK,CAAA,GAEP,CAAC1B,KAAS,CAAC,CAAC2B,KACZ,kBAAC/D,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAC9B,UAAA+D;IACI,CAAA,CAED;;GAGR,kBAACvD,IAAD;IAAe;IAAM,cAAca;IAAnC,UAAA,CACC,kBAACd,IAAD,EACC,SAAS,MACR,kBAACR,GAAD;KACC,GAAIiE;KACJ,IAAI/B;KACJ,MAAK;KACL,aAAY;KACZ,gBAAc,CAAC,CAACG;KAChB,oBAAkBD;KAGlB,cAAY8B,IAAWnC,EAAE,kBAAkB,KAAA;KAC3C,WAAWhC,EACV,8CACAK,IAGA8D,KAAY,4CACZ,CAAC3C,KAAa,yBACX0C,EAAwC,SAC5C;KACU;KAnBX,UAAA,CAqBC,kBAACpE,GAAD,EAAc,WAAWE,EAAG,aAAa,CAACmE,KAAY,gBAAgB,EAAI,CAAA,GACzE,CAACA,KACD,kBAACjE,GAAD;MAAM,KAAI;MAAO,MAAK;MAAU,YAAW;MAAQ,WAAU;MAC3D,UAAA2D;KACI,CAAA,CAEA;IAET,CAAA,EAAA,CAAA,GAED,kBAAClD,IAAD;KACC,OAAM;KACN,WAAU;KACV,OAAM;KAHP,UAAA;MAME,CAAC,CAAC0D,KAAU,kBAAC9D,GAAD,EAAkB,QAAQ8D,EAAS,CAAA;MAGhD,kBAAC,OAAD;OAAK,WAAU;OACf,UAAA,kBAACjE,GAAD;QAAO,KAAI;QAAX,UAAA,CAEC,kBAACA,GAAD;SAAO,KAAI;SAAX,UAAA,CACC,kBAACD,GAAD;UAAO,SAASoC;UAAgB,UAAAP,EAAE;SAAa,CAAA,GAC/C,kBAAChB,GAAD;UACC,OAAO+B,EAAW,KAAK,GAAO,OAAW;WAAE;WAAO,OAAOuB,EAAM,SAAS;UAAE,EAAE;UAC5E,OAAO9C,GAAW,OAAO,SAAS;UAClC,eAAe8B;UACL;UAJX,UAAA,CAMC,kBAACvC,GAAD;WAAe,IAAIwB;WAAe,WAAU;WAC5C,UAAA,kBAAC3B,GAAD,EAAa,aAAa,kBAACV,GAAD;YAAM,KAAI;YAAO,MAAK;YAAU,MAAK;YAAY,WAAU;YAAgB,UAAA8B,EAAE;WAAY,CAAA,EAAI,CAAA;UACxG,CAAA,GACf,kBAAClB,GAAD,EAAA,UACEiC,EAAW,KAAK,GAAM,MACtB,kBAAClC,GAAD;WAAuB,OAAOyD,EAAM,SAAS;WAC7C,UAAA,kBAACpE,GAAD;YAAM,KAAI;YAAO,MAAK;YAAU,YAAW;YAAQ,WAAU;YAAgB,UAAAqE;WAAW,CAAA;UAC5E,GAFKA,CAEL,CACZ,EACa,CAAA,CACR;SACF,CAAA,CAAA;QAGP,CAAA,GAAA,kBAACnE,GAAD;SAAO,KAAI;SAAX,UAAA,CACC,kBAACD,GAAD;UAAO,SAASqC;UAAe,UAAAR,EAAE;SAAY,CAAA,GAC7C,kBAAChB,GAAD;UACC,OAAOQ,GAAW,MAAM,SAAS;UACjC,eAAegC;UACL;UAHX,UAAA,CAKC,kBAACzC,GAAD;WAAe,IAAIyB;WAAc,WAAU;WAC3C,UAAA,kBAAC5B,GAAD,EAAa,aAAa,kBAACV,GAAD;YAAM,KAAI;YAAO,MAAK;YAAU,MAAK;YAAY,WAAU;YAAgB,UAAA8B,EAAE;WAAW,CAAA,EAAI,CAAA;UACvG,CAAA,GACf,kBAAClB,GAAD,EAAA,UACE2B,GAAU,KAAK,MACf,kBAAC5B,GAAD;WAAuB,OAAOsC,EAAK,SAAS;WAC5C,UAAA,kBAACjD,GAAD;YAAM,KAAI;YAAO,MAAK;YAAU,SAAA;YAAQ,YAAW;YAAQ,WAAU;YAAgB,UAAAiD;WAAW,CAAA;UACpF,GAFKA,CAEL,CACZ,EACa,CAAA,CACR;SACF,CAAA,CAAA;QACD,CAAA,CAAA;;MACF,CAAA;MAGL,kBAAC,OAAD;OAAK,WAAU;OACd,UAAA,kBAAClD,GAAD;QACC,WAAU;QACV,SAASyD;QACT,UAAUc,KAAY,CAAChD;QAEtB,UAAAQ,EAAE;OACI,CAAA;MACJ,CAAA;MAGJ,CAAC,CAACyC,KAAU,CAAC,CAACjD,KACjB,kBAAChB,GAAD;OACI,QAAQiE;OACR,QAAQxB,EAAazB,EAAU,OAAOA,EAAU,IAAI;OACpD,cAAc,CAAC,CAACA;OAChB,aAAaqC;MACb,CAAA;KAEa;IACR,CAAA,CAAA;;GAER,CAAC,CAACvB,KACF,kBAACpC,GAAD;IAAM,IAAIkC;IAAa,MAAK;IAAK,MAAK;IAAQ,SAASE;GAAQ,CAAA;EAE1D;;AAET,CAAC;AAKD,EAAgB,cAAc"}

package/dist/disclosure-panel-B0HFNZ9x.js

@@ -0,0 +1,35 @@
+"use client";
+import * as e from "react";
+import { useRender as t } from "@base-ui/react/use-render";
+//#region src/components/ui/disclosure-panel.tsx
+function n({ props: n, state: r, render: i, heightVariable: a }) {
+	let o = n.style?.[a], s = e.useCallback((e) => {
+		if (!e || o === "auto" || o == null || e.hidden) return;
+		let t = getComputedStyle(e), n = {
+			height: t.height,
+			"padding-block-start": t.paddingBlockStart,
+			"padding-block-end": t.paddingBlockEnd
+		}, r = e.style.cssText, i = ["data-starting-style", "data-ending-style"].map((t) => [t, e.getAttribute(t)]);
+		e.style.setProperty("transition-property", "none", "important"), e.style.setProperty("height", "auto", "important");
+		for (let [t] of i) e.removeAttribute(t);
+		let s = parseFloat(getComputedStyle(e).height);
+		for (let [t, n] of i) n !== null && e.setAttribute(t, n);
+		e.style.setProperty(a, `${s}px`);
+		for (let [t, r] of Object.entries(n)) e.style.setProperty(t, r, "important");
+		e.offsetHeight, e.style.cssText = r, e.style.setProperty(a, `${s}px`);
+	}, [
+		o,
+		a,
+		r.open
+	]);
+	return t({
+		defaultTagName: "div",
+		render: typeof i == "function" ? ((e) => i(e, r)) : i,
+		props: { ...n },
+		ref: s
+	});
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=disclosure-panel-B0HFNZ9x.js.map

package/dist/disclosure-panel-B0HFNZ9x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure-panel-B0HFNZ9x.js","names":["React","React$1","DisclosurePanelElement","height","props","heightVariable","measure","node","styles","current","authoredStyle","states","name","expanded","value","state","useRender","render","renderProps"],"sources":["../src/components/ui/disclosure-panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useRender } from '@base-ui/react/use-render';\n\ntype PanelState = { open: boolean; transitionStatus: string | undefined };\n\n/** Keep the native panel and Base UI lifecycle; correct its collapsed-padding measurement. */\nexport function DisclosurePanelElement<State extends PanelState>({\n props,\n state,\n render,\n heightVariable,\n}: {\n props: React.ComponentPropsWithRef<'div'>;\n state: State;\n render?: useRender.RenderProp<State>;\n heightVariable: '--accordion-panel-height' | '--collapsible-panel-height';\n}) {\n const height = (props.style as Record<string, unknown> | undefined)?.[heightVariable];\n const measure = React.useCallback((node: HTMLDivElement | null) => {\n  // Base UI resets this to auto when opening finishes. Leave natural layout alone.\n  if (!node || height === 'auto' || height == null || node.hidden) return;\n  const styles = getComputedStyle(node);\n  const current = {\n   height: styles.height,\n   'padding-block-start': styles.paddingBlockStart,\n   'padding-block-end': styles.paddingBlockEnd,\n  };\n  // Preserve the complete declaration: CSS variable shorthands have empty CSSOM longhands.\n  const authoredStyle = node.style.cssText;\n  const attributes = ['data-starting-style', 'data-ending-style'] as const;\n  const states = attributes.map(name => [name, node.getAttribute(name)] as const);\n  node.style.setProperty('transition-property', 'none', 'important');\n  node.style.setProperty('height', 'auto', 'important');\n  for (const [name] of states) node.removeAttribute(name);\n  // Read geometry, never copy theme variables or insets into a second styling system.\n  // Computed layout height excludes ancestor transforms (for example, an opening dialog).\n  const expanded = parseFloat(getComputedStyle(node).height);\n  for (const [name, value] of states) if (value !== null) node.setAttribute(name, value);\n  node.style.setProperty(heightVariable, `${expanded}px`);\n  // Resume an interrupted transition from its rendered geometry, without a painted jump.\n  for (const [name, value] of Object.entries(current)) node.style.setProperty(name, value, 'important');\n  void node.offsetHeight;\n  node.style.cssText = authoredStyle;\n  node.style.setProperty(heightVariable, `${expanded}px`);\n }, [height, heightVariable, state.open]);\n\n return useRender({\n  defaultTagName: 'div',\n  render: typeof render === 'function' ? (renderProps => render(renderProps, state)) : render,\n  props: { ...props },\n  ref: measure,\n });\n}\n"],"mappings":";;;;AAMA,SAAgBE,EAAiD,EAChE,UACA,UACA,WACA,qBAME;CACF,IAAMC,IAAUC,EAAM,QAAgDC,IAChEC,IAAUN,EAAM,aAAa,MAAgC;EAElE,IAAI,CAACO,KAAQJ,MAAW,UAAUA,KAAU,QAAQI,EAAK,QAAQ;EACjE,IAAMC,IAAS,iBAAiBD,CAAI,GAC9BE,IAAU;GACf,QAAQD,EAAO;GACf,uBAAuBA,EAAO;GAC9B,qBAAqBA,EAAO;EAC7B,GAEME,IAAgBH,EAAK,MAAM,SAE3BI,IAAS,CADK,uBAAuB,mBAC5B,CAAA,CAAW,KAAI,MAAQ,CAACC,GAAML,EAAK,aAAaK,CAAI,CAAC,CAAU;EAE9E,AADAL,EAAK,MAAM,YAAY,uBAAuB,QAAQ,WAAW,GACjEA,EAAK,MAAM,YAAY,UAAU,QAAQ,WAAW;EACpD,KAAK,IAAM,CAACK,MAASD,GAAQ,EAAK,gBAAgBC,CAAI;EAGtD,IAAMC,IAAW,WAAW,iBAAiBN,CAAI,CAAC,CAAC,MAAM;EACzD,KAAK,IAAM,CAACK,GAAME,MAAUH,GAAQ,AAAIG,MAAU,QAAMP,EAAK,aAAaK,GAAME,CAAK;EACrF,EAAK,MAAM,YAAYT,GAAgB,GAAGQ,EAAS,GAAG;EAEtD,KAAK,IAAM,CAACD,GAAME,MAAU,OAAO,QAAQL,CAAO,GAAG,EAAK,MAAM,YAAYG,GAAME,GAAO,WAAW;EAGpG,AAFAP,EAAU,cACV,EAAK,MAAM,UAAUG,GACrBH,EAAK,MAAM,YAAYF,GAAgB,GAAGQ,EAAS,GAAG;CACvD,GAAG;EAACV;EAAQE;EAAgBU,EAAM;CAAI,CAAC;CAEvC,OAAOC,EAAU;EAChB,gBAAgB;EAChB,QAAQ,OAAOC,KAAW,eAAc,MAAeA,EAAOC,GAAaH,CAAK,KAAKE;EACrF,OAAO,EAAE,GAAGb,EAAM;EAClB,KAAKE;CACN,CAAC;AACF"}

package/dist/display-ByI5tkqy.js

@@ -0,0 +1,343 @@
+"use client";
+import { _ as e, o as t, s as n } from "./ui-provider-CftIB6TY.js";
+import { useStrings as r } from "./lib/strings.js";
+import { t as i } from "./utils-C2EKeIw3.js";
+import { a, r as o } from "./typography-Cv8MT-82.js";
+import { t as s } from "./structure-BvW4vG4H.js";
+import { t as c } from "./smart-card-B5FcKODh.js";
+import { s as l } from "./date-BFNMnrS5.js";
+import { t as u } from "./badge-BZXZT9wd.js";
+import { forwardRef as d, useId as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { CheckCircle2 as g, XCircle as _ } from "lucide-react";
+import { format as v } from "date-fns";
+//#region src/components/base/display/placeholder-pattern.tsx
+function y({ className: e }) {
+	let t = f();
+	return /* @__PURE__ */ h("svg", {
+		className: i("placeholder-pattern--component", e),
+		fill: "none",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ m("defs", { children: /* @__PURE__ */ m("pattern", {
+			id: t,
+			x: "0",
+			y: "0",
+			width: "10",
+			height: "10",
+			patternUnits: "userSpaceOnUse",
+			children: /* @__PURE__ */ m("path", {
+				d: "M-3 13 15-5M-5 5l18-18M-1 21 17 3",
+				stroke: "currentColor",
+				strokeWidth: "0.75",
+				strokeLinecap: "square",
+				vectorEffect: "non-scaling-stroke"
+			})
+		}) }), /* @__PURE__ */ m("rect", {
+			stroke: "none",
+			fill: `url(#${t})`,
+			width: "100%",
+			height: "100%"
+		})]
+	});
+}
+y.displayName = "PlaceholderPattern";
+//#endregion
+//#region src/components/base/display/visually-hidden.tsx
+function b({ children: e, className: t }) {
+	let n = typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ m(a, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "none",
+		className: "text-inherit",
+		children: e
+	}) : e;
+	return /* @__PURE__ */ m("span", {
+		className: i("visually-hidden--component", "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", "[clip:rect(0,0,0,0)]", t),
+		children: n
+	});
+}
+b.displayName = "VisuallyHidden";
+//#endregion
+//#region src/components/base/display/date-block.tsx
+var x = {
+	separator: "·",
+	unavailableLabel: "Date unavailable"
+}, S = {
+	neutral: {
+		frame: "border-border bg-card",
+		header: "border-border/70 bg-muted/60 text-foreground",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	},
+	secondary: {
+		frame: "border-border bg-muted/30",
+		header: "border-border/70 bg-muted text-foreground",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	},
+	primary: {
+		frame: "border-primary/30 bg-primary/5",
+		header: "border-primary-accent/20 bg-primary/10 text-primary-accent",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	},
+	destructive: {
+		frame: "border-destructive/30 bg-destructive/5",
+		header: "border-destructive/20 bg-destructive/10 text-destructive",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	},
+	info: {
+		frame: "border-info/30 bg-info/5",
+		header: "border-info/20 bg-info/10 text-info",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	},
+	success: {
+		frame: "border-success/30 bg-success/5",
+		header: "border-success/20 bg-success/10 text-success",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	},
+	warning: {
+		frame: "border-warning/40 bg-warning/5",
+		header: "border-warning/20 bg-warning/10 text-warning-accent",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	}
+}, C = {
+	default: {
+		frame: "",
+		header: "",
+		primary: "",
+		secondary: ""
+	},
+	muted: {
+		frame: "border-border bg-muted/30",
+		header: "border-border/70 bg-muted text-foreground",
+		primary: "text-foreground",
+		secondary: "text-muted-foreground"
+	},
+	inverse: {
+		frame: "border-inverse-border bg-inverse-background",
+		header: "border-inverse-border bg-inverse-surface text-inverse-muted",
+		primary: "text-inverse-foreground",
+		secondary: "text-inverse-muted"
+	}
+}, w = {
+	sm: {
+		frame: "w-12",
+		header: "px-control-xs py-space-2xs",
+		body: "min-h-control px-control-xs py-space-xs"
+	},
+	md: {
+		frame: "w-14",
+		header: "px-control-sm py-space-xs",
+		body: "min-h-control-lg px-control-sm py-space-sm"
+	},
+	lg: {
+		frame: "w-16",
+		header: "px-control py-space-sm",
+		body: "min-h-control-lg px-control py-space-md"
+	}
+}, T = {
+	sm: {
+		gap: "gap-space-sm",
+		padding: "px-control-xs py-space-xs"
+	},
+	md: {
+		gap: "gap-space-md",
+		padding: "px-control-sm py-space-sm"
+	},
+	lg: {
+		gap: "gap-space-lg",
+		padding: "px-control py-space-md"
+	}
+};
+function E(e) {
+	return e != null && e !== "";
+}
+function D(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function O({ date: o, time: s, dateTime: c, locale: u, layout: d = "stacked", timePlacement: f, tone: g = "neutral", variant: _ = "default", size: y, boxed: b, showWeekday: O = !0, showMonth: k = !0, showYear: A = !1, emptyLabel: j = "—", dayFormat: M = "d", weekdayFormat: N = "EEE", monthFormat: ee = "MMM", yearFormat: te = "yyyy", className: P, strings: ne, "aria-label": re, ...F }) {
+	let I = t(), { defaultScale: L } = n(), R = e(y, L), z = u ?? I.locale, B = r(x, ne), V = l(o), H = S[g], U = C[_], W = b ?? d === "stacked", G = f ?? (d === "inline" ? "inline" : "below"), K = E(s) && G !== "hidden", q = z ? { locale: z } : void 0, J = V ? v(V, N, q) : null, Y = V ? v(V, M, q) : null, X = V ? v(V, ee, q) : null, Z = V ? v(V, te, q) : null, Q = c ?? (V ? v(V, "yyyy-MM-dd") : void 0), $ = re ?? (V ? void 0 : B.unavailableLabel);
+	if (d === "inline") {
+		let e = /* @__PURE__ */ m("span", {
+			className: i("date-block--frame inline-flex min-w-0 items-center rounded-radius tabular-nums", T[R].gap, W && i("border", T[R].padding, H.frame, U.frame)),
+			children: V ? /* @__PURE__ */ h(p, { children: [
+				!!O && /* @__PURE__ */ m(a, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					className: i("date-block--weekday", H.secondary, U.secondary),
+					children: J
+				}),
+				/* @__PURE__ */ m(a, {
+					tag: "span",
+					weight: "semibold",
+					className: i("date-block--day", H.primary, U.primary),
+					children: Y
+				}),
+				(k || A) && /* @__PURE__ */ m(a, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: i("date-block--month-year", H.secondary, U.secondary),
+					children: [k ? X : null, A ? Z : null].filter(Boolean).join(" ")
+				}),
+				K && G === "inline" && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(a, {
+					tag: "span",
+					size: "xs",
+					className: i(H.secondary, U.secondary),
+					"aria-hidden": !0,
+					children: B.separator
+				}), D(s) ? /* @__PURE__ */ m(a, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					className: i("date-block--time tabular-nums", H.primary, U.primary),
+					children: s
+				}) : s] })
+			] }) : D(j) ? /* @__PURE__ */ m(a, {
+				tag: "span",
+				type: "secondary",
+				className: i("date-block--empty", H.secondary, U.secondary),
+				children: j
+			}) : j
+		});
+		return /* @__PURE__ */ h("time", {
+			dateTime: Q,
+			"aria-label": $,
+			"data-layout": d,
+			"data-size": R,
+			"data-tone": g,
+			"data-variant": _,
+			className: i("date-block--component inline-flex min-w-0", G === "below" ? "flex-col items-start gap-space-xs" : "items-center", P),
+			...F,
+			children: [e, K && G === "below" && (D(s) ? /* @__PURE__ */ m(a, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				className: i("date-block--time tabular-nums", H.secondary, U.secondary),
+				children: s
+			}) : s)]
+		});
+	}
+	let ie = /* @__PURE__ */ h("span", {
+		className: i("date-block--frame inline-flex shrink-0 flex-col overflow-hidden rounded-radius tabular-nums", w[R].frame, W && i("border", H.frame, U.frame)),
+		children: [V && O && /* @__PURE__ */ m(a, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			lineHeight: "tight",
+			className: i("date-block--weekday block text-center", w[R].header, W ? i("border-b", H.header, U.header) : i(H.secondary, U.secondary)),
+			children: J
+		}), /* @__PURE__ */ m("span", {
+			className: i("date-block--body flex flex-col items-center justify-center gap-space-2xs text-center", w[R].body),
+			children: V ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(a, {
+				tag: "span",
+				size: R === "sm" ? "sm" : R === "lg" ? "lg" : "base",
+				weight: "semibold",
+				lineHeight: "none",
+				className: i("date-block--day", H.primary, U.primary),
+				children: Y
+			}), (k || A) && /* @__PURE__ */ m(a, {
+				tag: "span",
+				size: "xs",
+				lineHeight: "tight",
+				className: i("date-block--month-year", H.secondary, U.secondary),
+				children: [k ? X : null, A ? Z : null].filter(Boolean).join(" ")
+			})] }) : D(j) ? /* @__PURE__ */ m(a, {
+				tag: "span",
+				type: "secondary",
+				className: i("date-block--empty", H.secondary, U.secondary),
+				children: j
+			}) : j
+		})]
+	});
+	return /* @__PURE__ */ h("time", {
+		dateTime: Q,
+		"aria-label": $,
+		"data-layout": d,
+		"data-size": R,
+		"data-tone": g,
+		"data-variant": _,
+		className: i("date-block--component inline-flex", K && G === "inline" ? "flex-row items-center gap-space-sm" : "flex-col items-center gap-space-xs", P),
+		...F,
+		children: [ie, K && (D(s) ? /* @__PURE__ */ m(a, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: i("date-block--time tabular-nums", H.secondary, U.secondary),
+			children: s
+		}) : s)]
+	});
+}
+O.displayName = "DateBlock";
+//#endregion
+//#region src/components/base/display/content-block.strings.ts
+var k = {
+	actionsLabel: "Actions",
+	tooltipLabel: "More information"
+}, A = d(function({ padding: e, surface: t, strings: n, className: a, headerClassName: o, contentClassName: s, footerClassName: l, ...u }, d) {
+	let f = r(k, n);
+	return /* @__PURE__ */ m(c, {
+		...u,
+		ref: d,
+		surface: t ?? "flat",
+		padding: e ?? (t && t !== "flat" ? "md" : "none"),
+		strings: f,
+		"data-component": "content-block",
+		"data-slot": "content-block",
+		"data-padding": e,
+		className: i("content-block--component", a),
+		headerClassName: i("content-block--header", o),
+		contentClassName: i("content-block--content", s),
+		footerClassName: i("content-block--footer", l)
+	});
+});
+A.displayName = "ContentBlock";
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+var j = {
+	true: "Yes",
+	false: "No"
+};
+function M(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var N = d(function({ label: e, value: t = !1, showIcon: n = !0, trueTone: c = "success", falseTone: l = "secondary", className: d, badgeClassName: f, strings: p, ...v }, y) {
+	let b = r(j, p), x = !!t, S = x ? g : _, C = x ? c : l, w = x ? b.true : b.false;
+	return /* @__PURE__ */ h(s, {
+		ref: y,
+		direction: "horizontal",
+		align: "center",
+		gap: "md",
+		justify: "between",
+		wrap: !1,
+		className: i("boolean-indicator--component", "min-w-0 px-row-x py-row-y", d),
+		...v,
+		children: [M(e) ? /* @__PURE__ */ m(o, {
+			className: "min-w-0 wrap-anywhere",
+			children: e
+		}) : e, /* @__PURE__ */ h(u, {
+			tone: C,
+			className: i("shrink-0 whitespace-nowrap", f),
+			children: [!!n && /* @__PURE__ */ m(S, { className: "size-icon-sm" }), M(w) ? /* @__PURE__ */ m(a, {
+				tag: "span",
+				size: "inherit",
+				weight: "medium",
+				lineHeight: "none",
+				className: "text-inherit",
+				children: w
+			}) : w]
+		})]
+	});
+});
+N.displayName = "BooleanIndicator";
+//#endregion
+export { x as a, O as i, A as n, b as o, k as r, y as s, N as t };
+
+//# sourceMappingURL=display-ByI5tkqy.js.map

package/dist/display-ByI5tkqy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-ByI5tkqy.js","names":["isSimpleText","_Fragment","resolveComponentScale","useDatesConfig","useDensityConfig","cn","DisplayLabel","Stack","Card","parseDateInput","Badge","Fragment$1","PlaceholderPattern","patternId","useId","className","VisuallyHidden","content","children","Text","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","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","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';\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 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/70 bg-muted/60 text-foreground',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tsecondary: {\n\t\tframe: 'border-border bg-muted/30',\n\t\theader: 'border-border/70 bg-muted text-foreground',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tprimary: {\n\t\tframe: 'border-primary/30 bg-primary/5',\n\t\theader: 'border-primary-accent/20 bg-primary/10 text-primary-accent',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tdestructive: {\n\t\tframe: 'border-destructive/30 bg-destructive/5',\n\t\theader: 'border-destructive/20 bg-destructive/10 text-destructive',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tinfo: {\n\t\tframe: 'border-info/30 bg-info/5',\n\t\theader: 'border-info/20 bg-info/10 text-info',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\tsuccess: {\n\t\tframe: 'border-success/30 bg-success/5',\n\t\theader: 'border-success/20 bg-success/10 text-success',\n\t\tprimary: 'text-foreground',\n\t\tsecondary: 'text-muted-foreground',\n\t},\n\twarning: {\n\t\tframe: 'border-warning/40 bg-warning/5',\n\t\theader: 'border-warning/20 bg-warning/10 text-warning-accent',\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/70 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 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 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', tones.primary, variants.primary)}>\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', tones.primary, variants.primary)}>\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 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 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', tones.primary, variants.primary)}\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: 'Actions',\n\ttooltipLabel: 'More information',\n};\n","/** @deprecated Use Card with surface=\"flat\" and padding=\"none\" for unframed content. */\nimport { 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/** Migration adapter only; Card owns all rendering, slots and surface recipes. */\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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"}