themelia-react-ui 2.0.6 → 3.0.0

package/dist/{chart-I7ROnsl8.js.map → chart-CygRCyIZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-I7ROnsl8.js","names":["React","_Fragment","NumberValue","cn","Text","popoverRecipes","Number","serializeScopedThemeModes","React$1","Fragment$1","RechartsPrimitive","INITIAL_DIMENSION","ChartContext","useChart","context","ChartContainer","props","uniqueId","chartId","id","className","ChartStyle","colorConfig","config","item","declarations","key","itemConfig","color","mode","ChartTooltip","ChartTooltipContent","tooltipLabel","hideLabel","payload","labelKey","getPayloadConfigFromPayload","value","label","labelFormatter","labelClassName","active","nestLabel","indicator","nameKey","payloadFill","indicatorColor","formatter","index","hideIndicator","valueFormatter","ChartLegend","ChartLegendContent","verticalAlign","fallbackLabel","hideIcon","payloadPayload","configLabelKey"],"sources":["../src/components/base/chart/chart.tsx"],"sourcesContent":["/**\n * Chart — Recharts helpers with shadcn-compatible configuration.\n *\n * Localized from the shadcn/ReUI chart helper into the base layer so chart\n * chrome uses this library's tokens, tooltip density, and BEM DOM hooks.\n * The Recharts peer stays isolated to the exact `base/chart` entrypoint.\n */\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { Number as NumberValue } from '../../primitives';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { serializeScopedThemeModes } from '../../../lib/theme-mode-css';\nimport { popoverRecipes } from '../popover/popover.recipes';\n\ntype ChartTheme = 'light' | 'dark';\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const;\n\nexport type ChartConfig = Record<\n\tstring,\n\t{\n\t\t/** Axis label for the hovered position. Supplied by Recharts. */\n\t\tlabel?: React.ReactNode;\n\t\t/** Leading glyph. */\n\t\ticon?: React.ComponentType;\n\t} & (\n\t\t| { color?: string; theme?: never }\n\t\t| { color?: never; theme: Record<ChartTheme, string> }\n\t)\n>;\n\nexport type ChartPayloadItem = {\n\tdataKey?: string | number;\n\t/** Series name. */\n\tname?: string | number;\n\t/** The series value at the hovered point. */\n\tvalue?: string | number | Array<string | number>;\n\ttype?: string;\n\t/** Overrides the colour of the tooltip indicator. */\n\tcolor?: string;\n\tfill?: string;\n\t/** The raw data row for the hovered point. Supplied by Recharts. */\n\tpayload?: Record<string, unknown>;\n};\n\nexport interface ChartInitialDimension {\n\twidth: number;\n\theight: number;\n}\n\ninterface ChartContextProps {\n\t/** Maps each data key to its label, colour, and icon. */\n\tconfig: ChartConfig;\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart(): ChartContextProps {\n\tconst context = React.useContext(ChartContext);\n\n\tif (!context) {\n\t\tthrow new Error('useChart must be used within a <ChartContainer />');\n\t}\n\n\treturn context;\n}\n\nexport interface ChartContainerProps extends React.ComponentPropsWithoutRef<'div'> {\n\t/** Maps each data key to its label, colour, and icon. */\n\tconfig: ChartConfig;\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n\t/** Starting width and height, so the chart renders before its container is measured. */\n\tinitialDimension?: ChartInitialDimension;\n}\n\nfunction ChartContainer({\n\tid,\n\tclassName,\n\tchildren,\n\tconfig,\n\tinitialDimension = INITIAL_DIMENSION,\n\t...props\n}: ChartContainerProps) {\n\tconst uniqueId = React.useId();\n\tconst chartId = `chart-${id ?? uniqueId.replace(/:/g, '')}`;\n\n\treturn (\n\t\t<ChartContext.Provider value={{ config }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"chart\"\n\t\t\t\tdata-chart={chartId}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'chart--component flex aspect-video w-full min-w-0 justify-center text-xs',\n\t\t\t\t\t'[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-label]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-value]:fill-muted-foreground',\n\t\t\t\t\t\"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\",\n\t\t\t\t\t'[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border',\n\t\t\t\t\t'[&_.recharts-dot[stroke=\"#fff\"]]:stroke-transparent',\n\t\t\t\t\t'[&_.recharts-layer]:outline-hidden',\n\t\t\t\t\t\"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\",\n\t\t\t\t\t'[&_.recharts-radial-bar-background-sector]:fill-muted',\n\t\t\t\t\t'[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted',\n\t\t\t\t\t\"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\",\n\t\t\t\t\t'[&_.recharts-sector]:outline-hidden',\n\t\t\t\t\t'[&_.recharts-sector[stroke=\"#fff\"]]:stroke-transparent',\n\t\t\t\t\t'[&_.recharts-surface]:outline-hidden',\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<ChartStyle id={chartId} config={config} />\n\t\t\t\t<RechartsPrimitive.ResponsiveContainer initialDimension={initialDimension}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsPrimitive.ResponsiveContainer>\n\t\t\t</div>\n\t\t</ChartContext.Provider>\n\t);\n}\n\nfunction ChartStyle({ id, config }: { id: string; config: ChartConfig }) {\n\tconst colorConfig = Object.entries(config).filter(([, item]) => item.theme ?? item.color);\n\n\tif (!colorConfig.length) {\n\t\treturn null;\n\t}\n\tconst declarations = (mode: ChartTheme) => colorConfig.flatMap(([key, itemConfig]) => {\n\t\tconst color = itemConfig.theme?.[mode] ?? itemConfig.color;\n\t\treturn color ? [`--color-${key}: ${color};`] : [];\n\t});\n\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: serializeScopedThemeModes(`[data-chart=${id}]`, { light: declarations('light'), dark: declarations('dark') }),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nexport interface ChartTooltipContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\t/** Whether the tooltip is showing. Supplied by Recharts. */\n\tactive?: boolean;\n\t/** Data points under the cursor. Supplied by Recharts. */\n\tpayload?: ChartPayloadItem[];\n\t/** Axis label for the hovered position. Supplied by Recharts. */\n\tlabel?: React.ReactNode;\n\t/** Merged onto the tooltip label. */\n\tlabelClassName?: string;\n\t/** Formats the tooltip label. */\n\tlabelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;\n\t/** Formats each tooltip value. */\n\tformatter?: (\n\t\t/** The series value at the hovered point. */\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\t/** Series name. */\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t\t/** The raw data row for the hovered point. Supplied by Recharts. */\n\t\tpayload?: Record<string, unknown>,\n\t) => React.ReactNode;\n\t/**\n\t * Formats only each value, keeping the colour indicator and series label,\n\t * for example to render currency. `formatter` replaces the whole row.\n\t */\n\tvalueFormatter?: (\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t) => React.ReactNode;\n\t/** Overrides the colour of the tooltip indicator. */\n\tcolor?: string;\n\t/** Hides the tooltip label row. */\n\thideLabel?: boolean;\n\t/** Hides the colour indicator beside each value. */\n\thideIndicator?: boolean;\n\t/** Shape of the colour indicator. */\n\tindicator?: 'line' | 'dot' | 'dashed';\n\t/** Key in the payload holding each series name. */\n\tnameKey?: string;\n\t/** Key in the payload holding the tooltip label. */\n\tlabelKey?: string;\n}\n\nfunction ChartTooltipContent({\n\tactive,\n\tpayload,\n\tclassName,\n\tindicator = 'dot',\n\thideLabel = false,\n\thideIndicator = false,\n\tlabel,\n\tlabelFormatter,\n\tlabelClassName,\n\tformatter,\n\tvalueFormatter,\n\tcolor,\n\tnameKey,\n\tlabelKey,\n}: ChartTooltipContentProps) {\n\tconst { config } = useChart();\n\n\tconst tooltipLabel = React.useMemo(() => {\n\t\tif (hideLabel || !payload?.length) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst [item] = payload;\n\t\tconst key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;\n\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\tconst value =\n\t\t\t!labelKey && typeof label === 'string'\n\t\t\t\t? (config[label]?.label ?? label)\n\t\t\t\t: itemConfig?.label;\n\n\t\tif (labelFormatter) {\n\t\t\treturn (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"div\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName={cn('chart--tooltip-label', labelClassName)}\n\t\t\t\t>\n\t\t\t\t\t{labelFormatter(value, payload)}\n\t\t\t\t</Text>\n\t\t\t);\n\t\t}\n\n\t\tif (!value) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag=\"div\"\n\t\t\t\tsize=\"xs\"\n\t\t\t\ttype=\"inherit\"\n\t\t\t\tweight=\"medium\"\n\t\t\t\tclassName={cn('chart--tooltip-label', labelClassName)}\n\t\t\t>\n\t\t\t\t{value}\n\t\t\t</Text>\n\t\t);\n\t}, [\n\t\tlabel,\n\t\tlabelFormatter,\n\t\tpayload,\n\t\thideLabel,\n\t\tlabelClassName,\n\t\tconfig,\n\t\tlabelKey,\n\t]);\n\n\tif (!active || !payload?.length) {\n\t\treturn null;\n\t}\n\n\tconst nestLabel = payload.length === 1 && indicator !== 'dot';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t// The shared anchored-surface chrome (border, fill, elevation) of popovers and menus.\n\t\t\t\t'chart--tooltip grid min-w-32 items-start gap-space-sm text-xs',\n\t\t\t\tpopoverRecipes.surface,\n\t\t\t\tpopoverRecipes.displayCompact,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!nestLabel && tooltipLabel}\n\t\t\t<div className=\"grid gap-space-sm\">\n\t\t\t\t{payload\n\t\t\t\t\t.filter((item) => item.type !== 'none')\n\t\t\t\t\t.map((item, index) => {\n\t\t\t\t\t\tconst key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;\n\t\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\t\t\t\t\tconst payloadFill =\n\t\t\t\t\t\t\ttypeof item.payload?.fill === 'string'\n\t\t\t\t\t\t\t\t? item.payload.fill\n\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst indicatorColor = color ?? payloadFill ?? item.color ?? item.fill;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={`${item.dataKey ?? item.name ?? 'value'}-${index}`}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'chart--tooltip-item flex w-full flex-wrap items-stretch gap-space-md [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n\t\t\t\t\t\t\t\t\tindicator === 'dot' && 'items-center',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!formatter && item.value !== undefined && item.name !== undefined ? (\n\t\t\t\t\t\t\t\t\tformatter(item.value, item.name, item, index, item.payload)\n\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\t\t{itemConfig?.icon ? (\n\t\t\t\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t!hideIndicator && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'dot' && 'size-2.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'line' && 'h-3 w-1',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'dashed' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'h-0 w-0 border-[1.5px] border-dashed bg-transparent',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnestLabel && indicator === 'dashed' && 'my-0.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'--color-bg': indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'--color-border': indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'flex flex-1 justify-between gap-space-lg leading-none',\n\t\t\t\t\t\t\t\t\t\t\t\tnestLabel ? 'items-end' : 'items-center',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"grid gap-space-sm\">\n\t\t\t\t\t\t\t\t\t\t\t\t{nestLabel && tooltipLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{itemConfig?.label ?? item.name}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{item.value !== undefined && (\n\t\t\t\t\t\t\t\t\t\t\t\tvalueFormatter && item.name !== undefined ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"inherit\" weight=\"medium\" className=\"chart--tooltip-value text-end tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{valueFormatter(item.value, item.name, item, index)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t) : typeof item.value === 'number' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<NumberValue value={item.value} size=\"xs\" type=\"inherit\" weight=\"medium\" align=\"right\" />\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t// Ranges and formatted values stay in the sans UI font with tabular figures.\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"inherit\" weight=\"medium\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Array.isArray(item.value) ? item.value.join(' - ') : String(item.value)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nexport interface ChartLegendContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\thideIcon?: boolean;\n\t/** Legend entries, one per series. Supplied by Recharts. */\n\tpayload?: ChartPayloadItem[];\n\tverticalAlign?: 'top' | 'bottom' | 'middle';\n\t/** Key in the payload holding each series name. */\n\tnameKey?: string;\n}\n\nfunction ChartLegendContent({\n\tclassName,\n\thideIcon = false,\n\tpayload,\n\tverticalAlign = 'bottom',\n\tnameKey,\n}: ChartLegendContentProps) {\n\tconst { config } = useChart();\n\n\tif (!payload?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'chart--legend flex flex-wrap items-center justify-center gap-x-space-xl gap-y-space-md text-xs',\n\t\t\t\tverticalAlign === 'top' ? 'pb-space-lg' : 'pt-space-lg',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{payload\n\t\t\t\t.filter((item) => item.type !== 'none')\n\t\t\t\t.map((item, index) => {\n\t\t\t\t\tconst key = `${nameKey ?? item.dataKey ?? 'value'}`;\n\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\t\t\t\tconst fallbackLabel = item.value ?? item.name ?? item.dataKey ?? key;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={`${item.value ?? key}-${index}`}\n\t\t\t\t\t\t\tclassName=\"chart--legend-item flex items-center gap-space-sm [&>svg]:size-icon-sm [&>svg]:text-muted-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{itemConfig?.icon && !hideIcon ? (\n\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"h-2 w-2 shrink-0 rounded-[2px]\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: item.color,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\">\n\t\t\t\t\t\t\t\t{itemConfig?.label ?? fallbackLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t</div>\n\t);\n}\n\nfunction getPayloadConfigFromPayload(\n\tconfig: ChartConfig,\n\tpayload: unknown,\n\tkey: string,\n) {\n\tif (typeof payload !== 'object' || payload === null) {\n\t\treturn undefined;\n\t}\n\n\tconst payloadPayload =\n\t\t'payload' in payload &&\n\t\ttypeof payload.payload === 'object' &&\n\t\tpayload.payload !== null\n\t\t\t? payload.payload\n\t\t\t: undefined;\n\n\tlet configLabelKey = key;\n\n\tif (\n\t\tkey in payload &&\n\t\ttypeof payload[key as keyof typeof payload] === 'string'\n\t) {\n\t\tconfigLabelKey = payload[key as keyof typeof payload] as string;\n\t} else if (\n\t\tpayloadPayload &&\n\t\tkey in payloadPayload &&\n\t\ttypeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n\t) {\n\t\tconfigLabelKey = payloadPayload[\n\t\t\tkey as keyof typeof payloadPayload\n\t\t] as string;\n\t}\n\n\treturn configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\nexport {\n\tChartContainer,\n\tChartTooltip,\n\tChartTooltipContent,\n\tChartLegend,\n\tChartLegendContent,\n\tChartStyle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"chart-CygRCyIZ.js","names":["React","_Fragment","NumberValue","cn","Text","popoverRecipes","Number","serializeScopedThemeModes","React$1","Fragment$1","RechartsPrimitive","INITIAL_DIMENSION","ChartContext","useChart","context","ChartContainer","props","uniqueId","chartId","id","className","ChartStyle","colorConfig","config","item","declarations","key","itemConfig","color","mode","ChartTooltip","ChartTooltipContent","tooltipLabel","hideLabel","payload","labelKey","getPayloadConfigFromPayload","value","label","labelFormatter","labelClassName","active","nestLabel","indicator","nameKey","payloadFill","indicatorColor","formatter","index","hideIndicator","valueFormatter","ChartLegend","ChartLegendContent","verticalAlign","fallbackLabel","hideIcon","payloadPayload","configLabelKey"],"sources":["../src/components/base/chart/chart.tsx"],"sourcesContent":["/**\n * Chart — Recharts helpers with shadcn-compatible configuration.\n *\n * Localized from the shadcn/ReUI chart helper into the base layer so chart\n * chrome uses this library's tokens, tooltip density, and BEM DOM hooks.\n * The Recharts peer stays isolated to the exact `base/chart` entrypoint.\n */\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { Number as NumberValue } from '../../primitives';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { serializeScopedThemeModes } from '../../../lib/theme-mode-css';\nimport { popoverRecipes } from '../popover/popover.recipes';\n\ntype ChartTheme = 'light' | 'dark';\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const;\n\nexport type ChartConfig = Record<\n\tstring,\n\t{\n\t\t/** Axis label for the hovered position. Supplied by Recharts. */\n\t\tlabel?: React.ReactNode;\n\t\t/** Leading glyph. */\n\t\ticon?: React.ComponentType;\n\t} & (\n\t\t| { color?: string; theme?: never }\n\t\t| { color?: never; theme: Record<ChartTheme, string> }\n\t)\n>;\n\nexport type ChartPayloadItem = {\n\tdataKey?: string | number;\n\t/** Series name. */\n\tname?: string | number;\n\t/** The series value at the hovered point. */\n\tvalue?: string | number | Array<string | number>;\n\ttype?: string;\n\t/** Overrides the colour of the tooltip indicator. */\n\tcolor?: string;\n\tfill?: string;\n\t/** The raw data row for the hovered point. Supplied by Recharts. */\n\tpayload?: Record<string, unknown>;\n};\n\nexport interface ChartInitialDimension {\n\twidth: number;\n\theight: number;\n}\n\ninterface ChartContextProps {\n\t/** Maps each data key to its label, colour, and icon. */\n\tconfig: ChartConfig;\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart(): ChartContextProps {\n\tconst context = React.useContext(ChartContext);\n\n\tif (!context) {\n\t\tthrow new Error('useChart must be used within a <ChartContainer />');\n\t}\n\n\treturn context;\n}\n\nexport interface ChartContainerProps extends React.ComponentPropsWithoutRef<'div'> {\n\t/** Maps each data key to its label, colour, and icon. */\n\tconfig: ChartConfig;\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n\t/** Starting width and height, so the chart renders before its container is measured. */\n\tinitialDimension?: ChartInitialDimension;\n}\n\nfunction ChartContainer({\n\tid,\n\tclassName,\n\tchildren,\n\tconfig,\n\tinitialDimension = INITIAL_DIMENSION,\n\t...props\n}: ChartContainerProps) {\n\tconst uniqueId = React.useId();\n\tconst chartId = `chart-${id ?? uniqueId.replace(/:/g, '')}`;\n\n\treturn (\n\t\t<ChartContext.Provider value={{ config }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"chart\"\n\t\t\t\tdata-chart={chartId}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'chart--component flex aspect-video w-full min-w-0 justify-center text-xs',\n\t\t\t\t\t'[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-label]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-value]:fill-muted-foreground',\n\t\t\t\t\t\"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\",\n\t\t\t\t\t'[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border',\n\t\t\t\t\t'[&_.recharts-dot[stroke=\"#fff\"]]:stroke-transparent',\n\t\t\t\t\t'[&_.recharts-layer]:outline-hidden',\n\t\t\t\t\t\"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\",\n\t\t\t\t\t'[&_.recharts-radial-bar-background-sector]:fill-muted',\n\t\t\t\t\t'[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted',\n\t\t\t\t\t\"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\",\n\t\t\t\t\t'[&_.recharts-sector]:outline-hidden',\n\t\t\t\t\t'[&_.recharts-sector[stroke=\"#fff\"]]:stroke-transparent',\n\t\t\t\t\t'[&_.recharts-surface]:outline-hidden',\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<ChartStyle id={chartId} config={config} />\n\t\t\t\t<RechartsPrimitive.ResponsiveContainer initialDimension={initialDimension}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsPrimitive.ResponsiveContainer>\n\t\t\t</div>\n\t\t</ChartContext.Provider>\n\t);\n}\n\nfunction ChartStyle({ id, config }: { id: string; config: ChartConfig }) {\n\tconst colorConfig = Object.entries(config).filter(([, item]) => item.theme ?? item.color);\n\n\tif (!colorConfig.length) {\n\t\treturn null;\n\t}\n\tconst declarations = (mode: ChartTheme) => colorConfig.flatMap(([key, itemConfig]) => {\n\t\tconst color = itemConfig.theme?.[mode] ?? itemConfig.color;\n\t\treturn color ? [`--color-${key}: ${color};`] : [];\n\t});\n\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: serializeScopedThemeModes(`[data-chart=${id}]`, { light: declarations('light'), dark: declarations('dark') }),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nexport interface ChartTooltipContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\t/** Whether the tooltip is showing. Supplied by Recharts. */\n\tactive?: boolean;\n\t/** Data points under the cursor. Supplied by Recharts. */\n\tpayload?: ChartPayloadItem[];\n\t/** Axis label for the hovered position. Supplied by Recharts. */\n\tlabel?: React.ReactNode;\n\t/** Merged onto the tooltip label. */\n\tlabelClassName?: string;\n\t/** Formats the tooltip label. */\n\tlabelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;\n\t/** Formats each tooltip value. */\n\tformatter?: (\n\t\t/** The series value at the hovered point. */\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\t/** Series name. */\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t\t/** The raw data row for the hovered point. Supplied by Recharts. */\n\t\tpayload?: Record<string, unknown>,\n\t) => React.ReactNode;\n\t/**\n\t * Formats only each value, keeping the colour indicator and series label,\n\t * for example to render currency. `formatter` replaces the whole row.\n\t */\n\tvalueFormatter?: (\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t) => React.ReactNode;\n\t/** Overrides the colour of the tooltip indicator. */\n\tcolor?: string;\n\t/** Hides the tooltip label row. */\n\thideLabel?: boolean;\n\t/** Hides the colour indicator beside each value. */\n\thideIndicator?: boolean;\n\t/** Shape of the colour indicator. */\n\tindicator?: 'line' | 'dot' | 'dashed';\n\t/** Key in the payload holding each series name. */\n\tnameKey?: string;\n\t/** Key in the payload holding the tooltip label. */\n\tlabelKey?: string;\n}\n\nfunction ChartTooltipContent({\n\tactive,\n\tpayload,\n\tclassName,\n\tindicator = 'dot',\n\thideLabel = false,\n\thideIndicator = false,\n\tlabel,\n\tlabelFormatter,\n\tlabelClassName,\n\tformatter,\n\tvalueFormatter,\n\tcolor,\n\tnameKey,\n\tlabelKey,\n}: ChartTooltipContentProps) {\n\tconst { config } = useChart();\n\n\tconst tooltipLabel = React.useMemo(() => {\n\t\tif (hideLabel || !payload?.length) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst [item] = payload;\n\t\tconst key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;\n\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\tconst value =\n\t\t\t!labelKey && typeof label === 'string'\n\t\t\t\t? (config[label]?.label ?? label)\n\t\t\t\t: itemConfig?.label;\n\n\t\tif (labelFormatter) {\n\t\t\treturn (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"div\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName={cn('chart--tooltip-label', labelClassName)}\n\t\t\t\t>\n\t\t\t\t\t{labelFormatter(value, payload)}\n\t\t\t\t</Text>\n\t\t\t);\n\t\t}\n\n\t\tif (!value) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag=\"div\"\n\t\t\t\tsize=\"xs\"\n\t\t\t\ttype=\"inherit\"\n\t\t\t\tweight=\"medium\"\n\t\t\t\tclassName={cn('chart--tooltip-label', labelClassName)}\n\t\t\t>\n\t\t\t\t{value}\n\t\t\t</Text>\n\t\t);\n\t}, [\n\t\tlabel,\n\t\tlabelFormatter,\n\t\tpayload,\n\t\thideLabel,\n\t\tlabelClassName,\n\t\tconfig,\n\t\tlabelKey,\n\t]);\n\n\tif (!active || !payload?.length) {\n\t\treturn null;\n\t}\n\n\tconst nestLabel = payload.length === 1 && indicator !== 'dot';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t// The shared anchored-surface chrome (border, fill, elevation) of popovers and menus.\n\t\t\t\t'chart--tooltip grid min-w-32 items-start gap-space-sm text-xs',\n\t\t\t\tpopoverRecipes.surface,\n\t\t\t\tpopoverRecipes.displayCompact,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!nestLabel && tooltipLabel}\n\t\t\t<div className=\"grid gap-space-sm\">\n\t\t\t\t{payload\n\t\t\t\t\t.filter((item) => item.type !== 'none')\n\t\t\t\t\t.map((item, index) => {\n\t\t\t\t\t\tconst key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;\n\t\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\t\t\t\t\tconst payloadFill =\n\t\t\t\t\t\t\ttypeof item.payload?.fill === 'string'\n\t\t\t\t\t\t\t\t? item.payload.fill\n\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst indicatorColor = color ?? payloadFill ?? item.color ?? item.fill;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={`${item.dataKey ?? item.name ?? 'value'}-${index}`}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'chart--tooltip-item flex w-full flex-wrap items-stretch gap-space-md [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n\t\t\t\t\t\t\t\t\tindicator === 'dot' && 'items-center',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!formatter && item.value !== undefined && item.name !== undefined ? (\n\t\t\t\t\t\t\t\t\tformatter(item.value, item.name, item, index, item.payload)\n\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\t\t{itemConfig?.icon ? (\n\t\t\t\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t!hideIndicator && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'dot' && 'size-2.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'line' && 'h-3 w-1',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'dashed' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'h-0 w-0 border-[1.5px] border-dashed bg-transparent',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnestLabel && indicator === 'dashed' && 'my-0.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'--color-bg': indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'--color-border': indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'flex flex-1 justify-between gap-space-lg leading-none',\n\t\t\t\t\t\t\t\t\t\t\t\tnestLabel ? 'items-end' : 'items-center',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"grid gap-space-sm\">\n\t\t\t\t\t\t\t\t\t\t\t\t{nestLabel && tooltipLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{itemConfig?.label ?? item.name}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{item.value !== undefined && (\n\t\t\t\t\t\t\t\t\t\t\t\tvalueFormatter && item.name !== undefined ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"inherit\" weight=\"medium\" className=\"chart--tooltip-value text-end tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{valueFormatter(item.value, item.name, item, index)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t) : typeof item.value === 'number' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<NumberValue value={item.value} size=\"xs\" type=\"inherit\" weight=\"medium\" align=\"right\" />\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t// Ranges and formatted values stay in the sans UI font with tabular figures.\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"inherit\" weight=\"medium\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Array.isArray(item.value) ? item.value.join(' - ') : String(item.value)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nexport interface ChartLegendContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\thideIcon?: boolean;\n\t/** Legend entries, one per series. Supplied by Recharts. */\n\tpayload?: ChartPayloadItem[];\n\tverticalAlign?: 'top' | 'bottom' | 'middle';\n\t/** Key in the payload holding each series name. */\n\tnameKey?: string;\n}\n\nfunction ChartLegendContent({\n\tclassName,\n\thideIcon = false,\n\tpayload,\n\tverticalAlign = 'bottom',\n\tnameKey,\n}: ChartLegendContentProps) {\n\tconst { config } = useChart();\n\n\tif (!payload?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'chart--legend flex flex-wrap items-center justify-center gap-x-space-xl gap-y-space-md text-xs',\n\t\t\t\tverticalAlign === 'top' ? 'pb-space-lg' : 'pt-space-lg',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{payload\n\t\t\t\t.filter((item) => item.type !== 'none')\n\t\t\t\t.map((item, index) => {\n\t\t\t\t\tconst key = `${nameKey ?? item.dataKey ?? 'value'}`;\n\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\t\t\t\tconst fallbackLabel = item.value ?? item.name ?? item.dataKey ?? key;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={`${item.value ?? key}-${index}`}\n\t\t\t\t\t\t\tclassName=\"chart--legend-item flex items-center gap-space-sm [&>svg]:size-icon-sm [&>svg]:text-muted-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{itemConfig?.icon && !hideIcon ? (\n\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"h-2 w-2 shrink-0 rounded-[2px]\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: item.color,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\">\n\t\t\t\t\t\t\t\t{itemConfig?.label ?? fallbackLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t</div>\n\t);\n}\n\nfunction getPayloadConfigFromPayload(\n\tconfig: ChartConfig,\n\tpayload: unknown,\n\tkey: string,\n) {\n\tif (typeof payload !== 'object' || payload === null) {\n\t\treturn undefined;\n\t}\n\n\tconst payloadPayload =\n\t\t'payload' in payload &&\n\t\ttypeof payload.payload === 'object' &&\n\t\tpayload.payload !== null\n\t\t\t? payload.payload\n\t\t\t: undefined;\n\n\tlet configLabelKey = key;\n\n\tif (\n\t\tkey in payload &&\n\t\ttypeof payload[key as keyof typeof payload] === 'string'\n\t) {\n\t\tconfigLabelKey = payload[key as keyof typeof payload] as string;\n\t} else if (\n\t\tpayloadPayload &&\n\t\tkey in payloadPayload &&\n\t\ttypeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n\t) {\n\t\tconfigLabelKey = payloadPayload[\n\t\t\tkey as keyof typeof payloadPayload\n\t\t] as string;\n\t}\n\n\treturn configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\nexport {\n\tChartContainer,\n\tChartTooltip,\n\tChartTooltipContent,\n\tChartLegend,\n\tChartLegendContent,\n\tChartStyle,\n};\n"],"mappings":"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"}

package/dist/{checkbox-MoyHIAPs.js → checkbox-Dy5_XBMZ.js}

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "./utils-DhuoqFy4.js";
-import { t } from "./focus-recipes-B653VaLq.js";
-import { t as n } from "./field-state-recipes-7sza8QbC.js";
+import { t as e } from "./utils-BVbAG2J6.js";
+import { t } from "./focus-recipes-DSkiUvUp.js";
+import { t as n } from "./field-state-recipes-EtCxpEy3.js";
 import { forwardRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { CheckIcon as o, MinusIcon as s } from "lucide-react";
@@ -37,4 +37,4 @@ u.displayName = "Checkbox";
 //#endregion
 export { u as t };
 
-//# sourceMappingURL=checkbox-MoyHIAPs.js.map
+//# sourceMappingURL=checkbox-Dy5_XBMZ.js.map

package/dist/{checkbox-MoyHIAPs.js.map → checkbox-Dy5_XBMZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-MoyHIAPs.js","names":["Checkbox","CheckboxPrimitive","Checkbox","CheckboxPrimitive","cn","fieldStateRecipes","Checkbox$2","props","Checkbox","focusRecipes","className","CheckIcon","MinusIcon","Checkbox$1","forwardRef","ariaInvalid","invalid","onCheckedChange","checked","onValueChange"],"sources":["../src/components/ui/checkbox.tsx","../src/components/base/choice-inputs/checkbox.tsx"],"sourcesContent":["\"use client\"\n\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\n\nimport { fieldStateRecipes } from \"../../lib/field-state-recipes\"\nimport { cn } from \"../../lib/utils\"\nimport { focusRecipes } from \"../../lib/focus-recipes\"\n\nexport interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, 'onChange'> {\n\tonCheckedChange?: (checked: boolean | 'indeterminate') => void\n}\n\n/**\n * Raw checkbox recipe. The boundary is the shared `--input` control border, the\n * same one every field and outline button draws; focus is the shared focus frame,\n * and invalid follows the field-state contract (destructive border, destructive\n * halo on focus). Checked and invalid borders win over the focus border.\n */\nfunction Checkbox({\n\tclassName,\n\tonCheckedChange,\n\t...props\n}: CheckboxProps) {\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tdata-slot=\"checkbox\"\n\t\t\tclassName={cn(\n\t\t\t\t\"peer box-border inline-flex size-4 shrink-0 items-center justify-center rounded-radius-xs border border-input bg-transparent shadow-none transition-[color,background-color,border-color,box-shadow] outline-none\",\n\t\t\t\tfocusRecipes.frame,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\"data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground\",\n\t\t\t\t\"data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground\",\n\t\t\t\t\"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonCheckedChange={onCheckedChange}\n\t\t\t{...props}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator\n\t\t\t\tdata-slot=\"checkbox-indicator\"\n\t\t\t\tclassName=\"group/indicator flex items-center justify-center text-current\"\n\t\t\t>\n\t\t\t\t{/* The indeterminate state draws its own dash instead of a misleading check. */}\n\t\t\t\t<CheckIcon className=\"size-icon-md group-data-[indeterminate]/indicator:hidden\" />\n\t\t\t\t<MinusIcon className=\"hidden size-icon-md group-data-[indeterminate]/indicator:block\" />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t)\n}\n\nexport { Checkbox }\n","import { forwardRef } from 'react';\n\nimport { Checkbox as CheckboxPrimitive, type CheckboxProps as PrimitiveCheckboxProps } from '../../ui/checkbox';\nimport { cn } from '../../../lib/utils';\n\n/**\n * Checkbox — base wrapper around the shadcn/Base UI checkbox primitive.\n *\n * The primitive renders an inline-flex square, so token size utilities render\n * as a box instead of collapsing to the two border lines. Its boundary is the\n * shared `--input` control border, the same one every field, choice control and\n * outline button draws.\n *\n * The root ref accepts the actual HTMLElement, including custom button renders.\n * The compact corner recipe derives from the shared theme radius, so scoped\n * consumer radius overrides still apply. The indeterminate state draws a dash.\n */\nexport interface CheckboxProps extends PrimitiveCheckboxProps {\n\t/** Applies the shared invalid boundary and accessibility state. */\n\tinvalid?: boolean;\n\t/** Boolean checked callback, emitted alongside onCheckedChange. Indeterminate remains a separate visual state. */\n\tonValueChange?: (checked: boolean) => void;\n}\n\nconst Checkbox = forwardRef<HTMLElement, CheckboxProps>(function Checkbox({ className, invalid, onValueChange, onCheckedChange, 'aria-invalid': ariaInvalid, ...props }, ref) {\n\treturn (\n\t\t<CheckboxPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('checkbox--component', className)}\n\t\t\t{...props}\n\t\t\taria-invalid={invalid || ariaInvalid}\n\t\t\tonCheckedChange={(checked) => {\n\t\t\t\tonCheckedChange?.(checked);\n\t\t\t\tonValueChange?.(checked === true);\n\t\t\t}}\n\t\t/>\n\t);\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAS,EACjB,cACA,oBACA,GAAGO,KACc;CACjB,OACC,kBAACN,EAAkB,MAAnB;EACC,aAAU;EACV,WAAWG,EACV,qNACAK,EAAa,OACbJ,EAAkB,SAClB,kGACA,oHACA,iEACAK,CACD;EACiB;EACjB,GAAIH;EAEJ,UAAA,kBAACN,EAAkB,WAAnB;GACC,aAAU;GACV,WAAU;GAFX,UAAA,CAKC,kBAACU,GAAD,EAAW,WAAU,2DAA4D,CAAA,GACjF,kBAACC,GAAD,EAAW,WAAU,iEAAkE,CAAA,CAC3D;;CACN,CAAA;AAE1B;;;ACzBA,IAAMV,IAAWY,EAAuC,SAAkB,EAAE,cAAW,YAAS,kBAAe,oBAAiB,gBAAgBC,GAAa,GAAGR,KAAS,GAAK;CAC7K,OACC,kBAACJ,GAAD;EACM;EACL,WAAWC,EAAG,uBAAuBM,CAAS;EAC9C,GAAIH;EACJ,gBAAcS,KAAWD;EACzB,kBAAkB,MAAY;GAE7B,AADAE,IAAkBC,CAAO,GACzBC,IAAgBD,MAAY,EAAI;EACjC;CACA,CAAA;AAEH,CAAC;AAED,EAAS,cAAc"}
+{"version":3,"file":"checkbox-Dy5_XBMZ.js","names":["Checkbox","CheckboxPrimitive","Checkbox","CheckboxPrimitive","cn","fieldStateRecipes","Checkbox$2","props","Checkbox","focusRecipes","className","CheckIcon","MinusIcon","Checkbox$1","forwardRef","ariaInvalid","invalid","onCheckedChange","checked","onValueChange"],"sources":["../src/components/ui/checkbox.tsx","../src/components/base/choice-inputs/checkbox.tsx"],"sourcesContent":["\"use client\"\n\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\n\nimport { fieldStateRecipes } from \"../../lib/field-state-recipes\"\nimport { cn } from \"../../lib/utils\"\nimport { focusRecipes } from \"../../lib/focus-recipes\"\n\nexport interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, 'onChange'> {\n\tonCheckedChange?: (checked: boolean | 'indeterminate') => void\n}\n\n/**\n * Raw checkbox recipe. The boundary is the shared `--input` control border, the\n * same one every field and outline button draws; focus is the shared focus frame,\n * and invalid follows the field-state contract (destructive border, destructive\n * halo on focus). Checked and invalid borders win over the focus border.\n */\nfunction Checkbox({\n\tclassName,\n\tonCheckedChange,\n\t...props\n}: CheckboxProps) {\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tdata-slot=\"checkbox\"\n\t\t\tclassName={cn(\n\t\t\t\t\"peer box-border inline-flex size-4 shrink-0 items-center justify-center rounded-radius-xs border border-input bg-transparent shadow-none transition-[color,background-color,border-color,box-shadow] outline-none\",\n\t\t\t\tfocusRecipes.frame,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\"data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground\",\n\t\t\t\t\"data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground\",\n\t\t\t\t\"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonCheckedChange={onCheckedChange}\n\t\t\t{...props}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator\n\t\t\t\tdata-slot=\"checkbox-indicator\"\n\t\t\t\tclassName=\"group/indicator flex items-center justify-center text-current\"\n\t\t\t>\n\t\t\t\t{/* The indeterminate state draws its own dash instead of a misleading check. */}\n\t\t\t\t<CheckIcon className=\"size-icon-md group-data-[indeterminate]/indicator:hidden\" />\n\t\t\t\t<MinusIcon className=\"hidden size-icon-md group-data-[indeterminate]/indicator:block\" />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t)\n}\n\nexport { Checkbox }\n","import { forwardRef } from 'react';\n\nimport { Checkbox as CheckboxPrimitive, type CheckboxProps as PrimitiveCheckboxProps } from '../../ui/checkbox';\nimport { cn } from '../../../lib/utils';\n\n/**\n * Checkbox — base wrapper around the shadcn/Base UI checkbox primitive.\n *\n * The primitive renders an inline-flex square, so token size utilities render\n * as a box instead of collapsing to the two border lines. Its boundary is the\n * shared `--input` control border, the same one every field, choice control and\n * outline button draws.\n *\n * The root ref accepts the actual HTMLElement, including custom button renders.\n * The compact corner recipe derives from the shared theme radius, so scoped\n * consumer radius overrides still apply. The indeterminate state draws a dash.\n */\nexport interface CheckboxProps extends PrimitiveCheckboxProps {\n\t/** Applies the shared invalid boundary and accessibility state. */\n\tinvalid?: boolean;\n\t/** Boolean checked callback, emitted alongside onCheckedChange. Indeterminate remains a separate visual state. */\n\tonValueChange?: (checked: boolean) => void;\n}\n\nconst Checkbox = forwardRef<HTMLElement, CheckboxProps>(function Checkbox({ className, invalid, onValueChange, onCheckedChange, 'aria-invalid': ariaInvalid, ...props }, ref) {\n\treturn (\n\t\t<CheckboxPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('checkbox--component', className)}\n\t\t\t{...props}\n\t\t\taria-invalid={invalid || ariaInvalid}\n\t\t\tonCheckedChange={(checked) => {\n\t\t\t\tonCheckedChange?.(checked);\n\t\t\t\tonValueChange?.(checked === true);\n\t\t\t}}\n\t\t/>\n\t);\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAS,EACjB,cACA,oBACA,GAAGO,KACc;CACjB,OACC,kBAACN,EAAkB,MAAnB;EACC,aAAU;EACV,WAAWG,EACV,qNACAK,EAAa,OACbJ,EAAkB,SAClB,kGACA,oHACA,iEACAK,CACD;EACiB;EACjB,GAAIH;EAEJ,UAAA,kBAACN,EAAkB,WAAnB;GACC,aAAU;GACV,WAAU;GAFX,UAAA,CAKC,kBAACU,GAAD,EAAW,WAAU,2DAA4D,CAAA,GACjF,kBAACC,GAAD,EAAW,WAAU,iEAAkE,CAAA,CAC3D;;CACN,CAAA;AAE1B;;;ACzBA,IAAMV,IAAWY,EAAuC,SAAkB,EAAE,cAAW,YAAS,kBAAe,oBAAiB,gBAAgBC,GAAa,GAAGR,KAAS,GAAK;CAC7K,OACC,kBAACJ,GAAD;EACM;EACL,WAAWC,EAAG,uBAAuBM,CAAS;EAC9C,GAAIH;EACJ,gBAAcS,KAAWD;EACzB,kBAAkB,MAAY;GAE7B,AADAE,IAAkBC,CAAO,GACzBC,IAAgBD,MAAY,EAAI;EACjC;CACA,CAAA;AAEH,CAAC;AAED,EAAS,cAAc"}

package/dist/{choice-inputs-DHGtx0QV.js → choice-inputs-oJEsrb5Y.js}

@@ -1,24 +1,25 @@
 "use client";
-import { S as e, d as t, i as n, v as r } from "./ui-provider-C-74NVLc.js";
+import { C as e, a as t, f as n, y as r } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-DhuoqFy4.js";
-import { a as o, c as s } from "./typography-C7-YMW1S.js";
+import { t as a } from "./utils-BVbAG2J6.js";
+import { a as o, c as s } from "./typography-C0dELqYV.js";
 import { o as c, s as l } from "./text.styles-B64My8RZ.js";
-import { t as u } from "./focus-recipes-B653VaLq.js";
-import { t as d } from "./anchored-positioning-DPnKTvNs.js";
-import { t as f } from "./portal-recipes-DyUXqUtD.js";
-import { t as p } from "./motion-recipes-DitYv6P2.js";
-import { t as m } from "./structure-DZJ2wbAU.js";
-import { a as h } from "./surface-recipes-C8mNycaY.js";
-import { n as g, r as _, t as v } from "./popover.recipes-DJ0AkUan.js";
-import { n as y, t as b } from "./collection-content-CSnwtOTH.js";
-import { t as x } from "./interaction-recipes-4wZ2tvfb.js";
-import { t as S } from "./field-state-recipes-7sza8QbC.js";
-import { r as C } from "./field-affordance-recipes-D6H7tVJi.js";
-import { d as w, h as T, p as E, s as D, y as O } from "./form-sizing-CgcrUbLU.js";
-import { t as k } from "./checkbox-MoyHIAPs.js";
-import * as A from "react";
-import { forwardRef as j, memo as M, useCallback as N, useId as P, useMemo as F, useState as I } from "react";
+import { t as u } from "./focus-recipes-DSkiUvUp.js";
+import { n as d } from "./anchored-positioning-1U_eBFNx.js";
+import { t as f } from "./portal-recipes-BPeS4rGB.js";
+import { t as p } from "./motion-recipes-CUc_aHuG.js";
+import { t as m } from "./structure-DElaQwwN.js";
+import { s as h } from "./surface-recipes-DV6rrOFq.js";
+import { n as g, r as _, t as v } from "./popover.recipes-BqkdvlZn.js";
+import { n as y, t as b } from "./collection-content-D7SoDlYd.js";
+import { t as x } from "./interaction-recipes-DmuS1ase.js";
+import { t as S } from "./field-state-recipes-EtCxpEy3.js";
+import { r as C } from "./field-affordance-recipes-DfbMadot.js";
+import { d as w, h as T, p as E, s as D, y as O } from "./form-sizing-DE_dZw32.js";
+import { t as k } from "./use-controllable-state-BlP8SyBI.js";
+import { t as A } from "./checkbox-Dy5_XBMZ.js";
+import * as j from "react";
+import { forwardRef as M, memo as N, useCallback as P, useId as F, useMemo as I } from "react";
 import { jsx as L, jsxs as R } from "react/jsx-runtime";
 import { CheckIcon as z, ChevronDownIcon as B, ChevronUpIcon as V, CircleCheck as H } from "lucide-react";
 import { Select as U } from "@base-ui/react/select";
@@ -53,8 +54,8 @@ function re({ className: e, size: t = "default", iconClassName: n, children: r,
 		}) })]
 	});
 }
-function ie({ className: e, container: t, children: r, side: i = "bottom", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, alignItemWithTrigger: l = !0, positionMethod: u = d, ...m }) {
-	let g = n(t);
+function ie({ className: e, container: n, children: r, side: i = "bottom", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, alignItemWithTrigger: l = !0, positionMethod: u = d, ...m }) {
+	let g = t(n);
 	return /* @__PURE__ */ L(U.Portal, {
 		container: g,
 		className: f(),
@@ -228,8 +229,8 @@ function Se({ option: e, size: t }) {
 		descriptionClassName: "select--option-description line-clamp-2"
 	});
 }
-var Ce = M(j(function(e, n) {
-	let r = Object.prototype.hasOwnProperty.call(e, "value"), { options: o, density: s, placeholder: c, strings: l, allowClear: u = !1, invalid: d, size: f, className: p, contentClassName: m, onValueChange: h, disabled: g, readOnly: _, defaultOpen: v, open: y, onOpenChange: b, onOpenChangeComplete: x, modal: S, highlightItemOnHover: w, name: T, form: D, autoComplete: k, inputRef: A, id: j, required: M, "aria-label": P, "aria-labelledby": I, "aria-describedby": z, "aria-invalid": B, onFocus: V, onBlur: H, value: U, defaultValue: W, renderOption: G, renderValue: K, ...te } = e, ie = i(he, l), { defaultScale: ae } = t(), q = O(f, ae), J = c ?? ie.placeholder, Y = F(() => {
+var Ce = N(M(function(e, t) {
+	let r = Object.prototype.hasOwnProperty.call(e, "value"), { options: o, density: s, placeholder: c, strings: l, allowClear: u = !1, invalid: d, size: f, className: p, contentClassName: m, onValueChange: h, disabled: g, readOnly: _, defaultOpen: v, open: y, onOpenChange: b, onOpenChangeComplete: x, modal: S, highlightItemOnHover: w, name: T, form: D, autoComplete: k, inputRef: A, id: j, required: M, "aria-label": N, "aria-labelledby": F, "aria-describedby": z, "aria-invalid": B, onFocus: V, onBlur: H, value: U, defaultValue: W, renderOption: G, renderValue: K, ...te } = e, ie = i(he, l), { defaultScale: ae } = n(), q = O(f, ae), J = c ?? ie.placeholder, Y = I(() => {
 		let e = o.map((e) => ({
 			option: e,
 			internalValue: _e(e.value)
@@ -245,10 +246,10 @@ var Ce = M(j(function(e, n) {
 		u,
 		o,
 		J
-	]), oe = F(() => new Map(Y.map((e) => [e.internalValue, e.option])), [Y]), X = ve(U), se = ve(W), ce = N((e) => {
+	]), oe = I(() => new Map(Y.map((e) => [e.internalValue, e.option])), [Y]), X = ve(U), se = ve(W), ce = P((e) => {
 		let t = ye(e);
 		h?.(t);
-	}, [h]), fe = N((e) => ye(e) ?? "", []);
+	}, [h]), fe = P((e) => ye(e) ?? "", []);
 	return /* @__PURE__ */ R(ee, {
 		onValueChange: ce,
 		disabled: g,
@@ -269,9 +270,9 @@ var Ce = M(j(function(e, n) {
 		itemToStringValue: fe,
 		...r ? { value: X } : {},
 		children: [/* @__PURE__ */ L(re, {
-			ref: n,
-			"aria-label": P,
-			"aria-labelledby": I,
+			ref: t,
+			"aria-label": N,
+			"aria-labelledby": F,
 			"aria-describedby": z,
 			"aria-invalid": d ? !0 : B,
 			onFocus: V,
@@ -327,14 +328,14 @@ function we({ className: e, size: t = "default", ...n }) {
 }
 //#endregion
 //#region src/components/base/choice-inputs/switch.tsx
-var Q = j(function({ onValueChange: n, size: r, invalid: i, className: o, id: s, name: c, "aria-invalid": l, ...u }, d) {
-	let { defaultScale: f } = t(), p = e(r, f), m = i ? !0 : l, h = m !== void 0 && m !== !1 && m !== "false";
+var Q = M(function({ onValueChange: t, size: r, invalid: i, className: o, id: s, name: c, "aria-invalid": l, ...u }, d) {
+	let { defaultScale: f } = n(), p = e(r, f), m = i ? !0 : l, h = m !== void 0 && m !== !1 && m !== "false";
 	return /* @__PURE__ */ L(we, {
 		ref: d,
 		...u,
 		id: s,
 		name: c,
-		onCheckedChange: (e) => n?.(e),
+		onCheckedChange: (e) => t?.(e),
 		size: p === "sm" ? "sm" : "default",
 		"aria-invalid": m,
 		className: a("switch--component", p === "lg" && "h-6! w-11! [&_[data-slot=switch-thumb]]:size-5! [&[data-checked]_[data-slot=switch-thumb]]:translate-x-[20px]!", h && "data-unchecked:border-destructive", o)
@@ -370,27 +371,26 @@ var Te = {
 	sm: "px-row-x py-row-y-sm",
 	md: "px-row-x py-row-y",
 	lg: "px-row-x py-row-y-lg"
-}, Oe = `${x.tileHover} ${u.frame}`, $ = "flex h-lh shrink-0 items-center", ke = "size-action-sm shrink-0 text-primary-foreground fill-primary stroke-primary-foreground", Ae = "inline-flex size-action-sm shrink-0 items-center justify-center", je = A.forwardRef(function({ "aria-describedby": n, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, hint: f, icon: p, name: h, value: g, defaultValue: _, onValueChange: v, disabled: y = !1, invalid: b, className: x }, C) {
-	let w = g !== void 0, [E, D] = I(_ ?? !1), O = w ? g ?? !1 : E, { defaultScale: k } = t(), A = T[e(void 0, k)], j = P(), M = l ?? j, F = typeof d == "string" && d.trim() !== "", z = F ? `${M}-description` : void 0, B = N((e) => {
-		y || (w || D(e), v?.(e));
-	}, [
-		y,
-		w,
-		v
-	]), V = N((e) => {
-		e.target.closest("[role=\"switch\"]") || B(!O);
-	}, [O, B]);
+}, Oe = `${x.tileHover} ${u.frame}`, $ = "flex h-lh shrink-0 items-center", ke = "size-action-sm shrink-0 text-primary-foreground fill-primary stroke-primary-foreground", Ae = "inline-flex size-action-sm shrink-0 items-center justify-center", je = j.forwardRef(function({ "aria-describedby": t, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, hint: f, icon: p, name: h, value: g, defaultValue: _, onValueChange: v, disabled: y = !1, invalid: b, className: x }, C) {
+	let [w, E] = k({
+		value: g,
+		defaultValue: _ ?? !1,
+		onChange: v
+	}), { defaultScale: D } = n(), O = T[e(void 0, D)], A = F(), j = l ?? A, M = typeof d == "string" && d.trim() !== "", N = M ? `${j}-description` : void 0, I = P((e) => {
+		y || E(e);
+	}, [y, E]), z = P((e) => {
+		e.target.closest("[role=\"switch\"]") || I(!w);
+	}, [w, I]);
 	return /* @__PURE__ */ R("div", {
 		ref: C,
 		"aria-invalid": b || r,
-		onClick: V,
-		className: a("switch-card--component", "group relative flex items-start gap-space-lg rounded-surface border bg-card text-card-foreground p-surface transition-[background,border-color,box-shadow] duration-150", "border-border", O && "border-primary", S.invalid, !y && "cursor-pointer hover:border-input", y && "cursor-not-allowed opacity-50", x),
+		onClick: z,
+		className: a("switch-card--component", "group relative flex items-start gap-space-lg rounded-surface border bg-card text-card-foreground p-surface transition-[background,border-color,box-shadow] duration-150", "border-border", w && "border-primary", S.invalid, !y && "cursor-pointer hover:border-input", y && "cursor-not-allowed opacity-50", x),
 		children: [
 			!!h && /* @__PURE__ */ L("input", {
 				type: "hidden",
 				name: h,
-				value: O ? "1" : "0",
-				"aria-hidden": "true"
+				value: w ? "1" : "0"
 			}),
 			!!p && /* @__PURE__ */ L("span", {
 				className: a("switch-card--icon size-control", "inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground"),
@@ -401,12 +401,12 @@ var Te = {
 				className: "min-w-0 flex-1",
 				children: [
 					/* @__PURE__ */ L(o, {
-						htmlFor: M,
+						htmlFor: j,
 						className: a("block text-inherit", y ? "cursor-not-allowed" : "cursor-pointer"),
 						children: u
 					}),
-					!!F && /* @__PURE__ */ L(s, {
-						id: z,
+					!!M && /* @__PURE__ */ L(s, {
+						id: N,
 						size: "xs",
 						type: "secondary",
 						children: d
@@ -419,18 +419,18 @@ var Te = {
 				]
 			}),
 			/* @__PURE__ */ L("div", {
-				className: a("switch-card--control", $, A),
+				className: a("switch-card--control", $, O),
 				children: /* @__PURE__ */ L(Q, {
 					className: "data-disabled:opacity-100",
-					id: M,
+					id: j,
 					ref: i,
 					onBlur: c,
-					checked: O,
-					onValueChange: B,
+					checked: w,
+					onValueChange: I,
 					disabled: y,
 					invalid: b || !!(r && r !== "false"),
 					"aria-label": u,
-					"aria-describedby": [n, z].filter(Boolean).join(" ") || void 0
+					"aria-describedby": [t, N].filter(Boolean).join(" ") || void 0
 				})
 			})
 		]
@@ -442,51 +442,51 @@ je.displayName = "SwitchCard";
 function Me(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var Ne = j(function({ "aria-describedby": n, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, kind: f = "switch", value: p, defaultValue: h, onValueChange: g, disabled: _ = !1, invalid: v = !1, name: y, className: b, controlPosition: x = "trailing" }, S) {
-	let C = p !== void 0, [w, E] = I(h ?? !1), D = C ? p ?? !1 : w, { defaultScale: O } = t(), A = a("toggle-field--control", $, T[e(void 0, O)]), j = P(), M = l ?? j, F = `${M}-label`, z = d != null && d !== !1, B = z ? `${M}-description` : void 0, V = N((e) => {
-		_ || (C || E(e), g?.(e));
-	}, [
-		_,
-		C,
-		g
-	]), H = (e) => {
-		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || V(!D);
-	}, U = f === "switch" ? /* @__PURE__ */ L(Q, {
+var Ne = M(function({ "aria-describedby": t, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, kind: f = "switch", value: p, defaultValue: h, onValueChange: g, disabled: _ = !1, invalid: v = !1, name: y, className: b, controlPosition: x = "trailing" }, S) {
+	let [C, w] = k({
+		value: p,
+		defaultValue: h ?? !1,
+		onChange: g
+	}), { defaultScale: E } = n(), D = a("toggle-field--control", $, T[e(void 0, E)]), O = F(), j = l ?? O, M = `${j}-label`, N = d != null && d !== !1, I = N ? `${j}-description` : void 0, z = P((e) => {
+		_ || w(e);
+	}, [_, w]), B = (e) => {
+		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || z(!C);
+	}, V = f === "switch" ? /* @__PURE__ */ L(Q, {
 		className: "after:inset-x-0",
-		id: M,
+		id: j,
 		ref: i,
 		onBlur: c,
 		name: y,
-		checked: D,
-		onValueChange: V,
+		checked: C,
+		onValueChange: z,
 		disabled: _,
 		invalid: v || !!(r && r !== "false"),
-		"aria-labelledby": F,
-		"aria-describedby": [n, B].filter(Boolean).join(" ") || void 0
-	}) : /* @__PURE__ */ L(k, {
-		id: M,
+		"aria-labelledby": M,
+		"aria-describedby": [t, I].filter(Boolean).join(" ") || void 0
+	}) : /* @__PURE__ */ L(A, {
+		id: j,
 		ref: i,
 		onBlur: c,
 		name: y,
-		checked: D,
-		onCheckedChange: (e) => V(e === !0),
+		checked: C,
+		onCheckedChange: (e) => z(e === !0),
 		disabled: _,
 		"aria-invalid": v || r,
-		"aria-labelledby": F,
-		"aria-describedby": [n, B].filter(Boolean).join(" ") || void 0
-	}), W = /* @__PURE__ */ R(m, {
+		"aria-labelledby": M,
+		"aria-describedby": [t, I].filter(Boolean).join(" ") || void 0
+	}), H = /* @__PURE__ */ R(m, {
 		gap: "dense",
 		className: "min-w-0 flex-1",
 		children: [/* @__PURE__ */ L("div", {
-			id: F,
+			id: M,
 			children: Me(u) ? /* @__PURE__ */ L(o, {
-				htmlFor: M,
+				htmlFor: j,
 				"data-disabled": _ || void 0,
 				className: a("block text-inherit data-disabled:opacity-50", _ ? "cursor-not-allowed" : "cursor-pointer"),
 				children: u
 			}) : u
-		}), z && /* @__PURE__ */ L("div", {
-			id: B,
+		}), N && /* @__PURE__ */ L("div", {
+			id: I,
 			children: Me(d) ? /* @__PURE__ */ L(s, {
 				size: "xs",
 				type: "secondary",
@@ -501,17 +501,17 @@ var Ne = j(function({ "aria-describedby": n, "aria-invalid": r, controlRef: i, o
 		wrap: !1,
 		gap: "md",
 		role: "group",
-		onClick: H,
+		onClick: B,
 		className: a("toggle-field--component rounded-radius py-row-y", _ && "pointer-events-none", b),
 		children: [
 			x === "leading" && /* @__PURE__ */ L("div", {
-				className: A,
-				children: U
+				className: D,
+				children: V
 			}),
-			W,
+			H,
 			x === "trailing" && /* @__PURE__ */ L("div", {
-				className: A,
-				children: U
+				className: D,
+				children: V
 			})
 		]
 	});
@@ -527,21 +527,20 @@ var Fe = {
 	2: "grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2",
 	3: "grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2 @xl/card-checkbox-group:grid-cols-3",
 	4: "grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2 @2xl/card-checkbox-group:grid-cols-4"
-}, Ie = j(function({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
-	let { defaultScale: x } = t(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-checkbox-group--marker", $, l[C ?? "sm"], c.normal), E = u !== void 0, [D, k] = I(d ?? []), A = F(() => E ? u ?? [] : D, [
-		D,
-		E,
-		u
-	]), j = Te[w], M = N((e) => {
+}, Ie = M(function({ "aria-label": e, "aria-labelledby": t, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
+	let { defaultScale: x } = n(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-checkbox-group--marker", $, l[C ?? "sm"], c.normal), [E, D] = k({
+		value: u,
+		defaultValue: d ?? [],
+		onChange: f
+	}), A = Te[w], j = P((e) => {
 		if (_ || o.find((t) => t.value === e)?.disabled) return;
-		let t = A.includes(e) ? A.filter((t) => t !== e) : [...A, e];
-		E || k(t), f?.(t);
+		let t = E.includes(e) ? E.filter((t) => t !== e) : [...E, e];
+		D(t);
 	}, [
 		_,
 		o,
-		A,
 		E,
-		f
+		D
 	]);
 	return /* @__PURE__ */ L("div", {
 		ref: b,
@@ -550,12 +549,12 @@ var Fe = {
 			className: a("card-checkbox-group--grid", Fe[h]),
 			role: "group",
 			"aria-label": e,
-			"aria-labelledby": n,
+			"aria-labelledby": t,
 			"aria-describedby": i,
 			"aria-invalid": g || void 0,
 			"aria-disabled": _ || void 0,
 			children: o.map((e) => {
-				let t = e.icon, n = e.label, r = A.includes(e.value), i = _ || e.disabled, o = !!p && r, c = p ? `${p}[]` : void 0;
+				let t = e.icon, n = e.label, r = E.includes(e.value), i = _ || e.disabled, o = !!p && r, c = p ? `${p}[]` : void 0;
 				return /* @__PURE__ */ R("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ L("input", {
@@ -569,15 +568,15 @@ var Fe = {
 						type: "button",
 						"aria-pressed": r,
 						"aria-invalid": g || void 0,
-						onClick: () => M(e.value),
+						onClick: () => j(e.value),
 						disabled: i,
 						"data-selected": r,
-						className: a("box-border group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-surface border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150", Oe, "data-[selected=true]:border-primary", j.padding, j.gap, S.invalid, "disabled:cursor-not-allowed disabled:opacity-50"),
+						className: a("box-border group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-surface border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150", Oe, "data-[selected=true]:border-primary", A.padding, A.gap, S.invalid, "disabled:cursor-not-allowed disabled:opacity-50"),
 						children: [!!t && /* @__PURE__ */ L("span", {
-							className: a("inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground", j.iconBox),
-							children: /* @__PURE__ */ L(t, { className: j.iconSize })
+							className: a("inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground", A.iconBox),
+							children: /* @__PURE__ */ L(t, { className: A.iconSize })
 						}), /* @__PURE__ */ R("span", {
-							className: a("card-checkbox-group--body flex w-full min-w-0 items-start", j.gap),
+							className: a("card-checkbox-group--body flex w-full min-w-0 items-start", A.gap),
 							children: [/* @__PURE__ */ R(m, {
 								gap: "dense",
 								className: "min-w-0 flex-1",
@@ -618,8 +617,8 @@ var Re = {
 	3: "grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2 @xl/card-radio-group:grid-cols-3",
 	4: "grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2 @2xl/card-radio-group:grid-cols-4"
 };
-function ze({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
-	let { defaultScale: x } = t(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-radio-group--marker", $, l[C ?? "sm"], c.normal), E = Te[w], D = F(() => a("card-radio-group--grid", Re[h]), [h]);
+function ze({ "aria-label": e, "aria-labelledby": t, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
+	let { defaultScale: x } = n(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-radio-group--marker", $, l[C ?? "sm"], c.normal), E = Te[w], D = I(() => a("card-radio-group--grid", Re[h]), [h]);
 	return /* @__PURE__ */ L("div", {
 		ref: b,
 		className: a("card-radio-group--component @container/card-radio-group", y),
@@ -630,7 +629,7 @@ function ze({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, opti
 			name: p,
 			disabled: _,
 			"aria-label": e,
-			"aria-labelledby": n,
+			"aria-labelledby": t,
 			"aria-describedby": i,
 			"aria-invalid": g || void 0,
 			className: D,
@@ -673,19 +672,19 @@ function ze({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, opti
 		})
 	});
 }
-var Be = M(A.forwardRef(ze));
+var Be = N(j.forwardRef(ze));
 Be.displayName = "CardRadioGroup";
 //#endregion
 //#region src/components/base/choice-inputs/list-radio-group.tsx
 function Ve(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var He = j(function({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: c, defaultValue: u, onValueChange: d, name: f, invalid: p, disabled: h, size: g, className: _ }, v) {
-	let { defaultScale: y } = t(), { defaultTextSize: b } = r(), C = De[O(g, y)], w = a(l[b ?? "sm"], "leading-tight");
+var He = M(function({ "aria-label": e, "aria-labelledby": t, "aria-describedby": i, options: o, value: c, defaultValue: u, onValueChange: d, name: f, invalid: p, disabled: h, size: g, className: _ }, v) {
+	let { defaultScale: y } = n(), { defaultTextSize: b } = r(), C = De[O(g, y)], w = a(l[b ?? "sm"], "leading-tight");
 	return /* @__PURE__ */ L(K, {
 		ref: v,
 		"aria-label": e,
-		"aria-labelledby": n,
+		"aria-labelledby": t,
 		"aria-describedby": i,
 		value: c,
 		defaultValue: u,
@@ -728,14 +727,14 @@ var He = j(function({ "aria-label": e, "aria-labelledby": n, "aria-describedby":
 He.displayName = "ListRadioGroup";
 //#endregion
 //#region src/components/base/choice-inputs/pill-radio-group.tsx
-var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Ge = A.forwardRef(function(e, n) {
-	let { name: r, value: i, defaultValue: o, options: c, onValueChange: l, allowClear: d = !1, size: f, fullWidth: p = !1, disabled: m = !1, invalid: h = !1, className: g, "aria-label": _, "aria-labelledby": v, "aria-describedby": y } = e, b = Object.hasOwn(e, "value"), [x, C] = A.useState(o ?? null), T = b ? i : x, { defaultScale: E } = t(), D = O(f, E), k = A.useRef([]), j = A.useCallback((e) => !m && !e.disabled, [m]), M = c.findIndex((e) => e.value === T), N = c[M], P = N && j(N) ? M : c.findIndex(j), F = (e) => {
+var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Ge = j.forwardRef(function(e, t) {
+	let { name: r, value: i, defaultValue: o, options: c, onValueChange: l, allowClear: d = !1, size: f, fullWidth: p = !1, disabled: m = !1, invalid: h = !1, className: g, "aria-label": _, "aria-labelledby": v, "aria-describedby": y } = e, b = Object.hasOwn(e, "value"), [x, C] = j.useState(o ?? null), T = b ? i : x, { defaultScale: E } = n(), D = O(f, E), k = j.useRef([]), A = j.useCallback((e) => !m && !e.disabled, [m]), M = c.findIndex((e) => e.value === T), N = c[M], P = N && A(N) ? M : c.findIndex(A), F = (e) => {
 		b || C(e), l?.(e);
 	}, I = (e) => {
 		e === T ? d && F(null) : F(e);
 	};
 	return /* @__PURE__ */ R("div", {
-		ref: n,
+		ref: t,
 		"data-name": r,
 		role: "radiogroup",
 		"aria-label": _,
@@ -744,7 +743,7 @@ var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__
 		"aria-invalid": h || void 0,
 		"aria-disabled": m || void 0,
 		onKeyDown: (e) => {
-			let t = c.map((e, t) => j(e) ? t : -1).filter((e) => e >= 0);
+			let t = c.map((e, t) => A(e) ? t : -1).filter((e) => e >= 0);
 			if (!t.length) return;
 			let n = k.current.findIndex((t) => t === e.target);
 			if (n < 0) return;
@@ -775,7 +774,7 @@ var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__
 					children: e.label
 				}) : e.label]
 			}, e.value);
-		}), r && N && j(N) && /* @__PURE__ */ L("input", {
+		}), r && N && A(N) && /* @__PURE__ */ L("input", {
 			type: "hidden",
 			name: r,
 			value: N.value
@@ -786,4 +785,4 @@ Ge.displayName = "PillRadioGroup";
 //#endregion
 export { re as _, Ne as a, Q as c, le as d, ue as f, ee as g, me as h, Ie as i, Ce as l, pe as m, He as n, je as o, de as p, Be as r, $ as s, Ge as t, he as u, ne as v };
 
-//# sourceMappingURL=choice-inputs-DHGtx0QV.js.map
+//# sourceMappingURL=choice-inputs-oJEsrb5Y.js.map