admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/components/base/display/chart.cjs

@@ -1,8 +1,8 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime"),a=require("recharts");a=e.t(a,1);var o={light:``,dark:`.dark`},s={width:320,height:200},c=r.createContext(null);function l(){let e=r.useContext(c);if(!e)throw Error(`useChart must be used within a <ChartContainer />`);return e}function u({id:e,className:n,children:o,config:l,initialDimension:u=s,...f}){let p=r.useId(),m=`chart-${e??p.replace(/:/g,``)}`;return(0,i.jsx)(c.Provider,{value:{config:l},children:(0,i.jsxs)(`div`,{"data-slot":`chart`,"data-chart":m,className:t.cn(`chart--component flex aspect-video w-full min-w-0 justify-center [font-size:var(--text-xs)]`,`[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground`,`[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50`,`[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border`,`[&_.recharts-dot[stroke="#fff"]]:stroke-transparent`,`[&_.recharts-layer]:outline-hidden`,`[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border`,`[&_.recharts-radial-bar-background-sector]:fill-muted`,`[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted`,`[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border`,`[&_.recharts-sector]:outline-hidden`,`[&_.recharts-sector[stroke="#fff"]]:stroke-transparent`,`[&_.recharts-surface]:outline-hidden`,n),...f,children:[(0,i.jsx)(d,{id:m,config:l}),(0,i.jsx)(a.ResponsiveContainer,{initialDimension:u,children:o})]})})}function d({id:e,config:t}){let n=Object.entries(t).filter(([,e])=>e.theme??e.color);return n.length?(0,i.jsx)(`style`,{dangerouslySetInnerHTML:{__html:Object.entries(o).map(([t,r])=>`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-CO9uwZhF.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime"),a=require("recharts");a=e.t(a,1);var o={light:``,dark:`.dark`},s={width:320,height:200},c=r.createContext(null);function l(){let e=r.useContext(c);if(!e)throw Error(`useChart must be used within a <ChartContainer />`);return e}function u({id:e,className:n,children:o,config:l,initialDimension:u=s,...f}){let p=r.useId(),m=`chart-${e??p.replace(/:/g,``)}`;return(0,i.jsx)(c.Provider,{value:{config:l},children:(0,i.jsxs)(`div`,{"data-slot":`chart`,"data-chart":m,className:t.cn(`chart--component flex aspect-video w-full min-w-0 justify-center text-xs`,`[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground`,`[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50`,`[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border`,`[&_.recharts-dot[stroke="#fff"]]:stroke-transparent`,`[&_.recharts-layer]:outline-hidden`,`[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border`,`[&_.recharts-radial-bar-background-sector]:fill-muted`,`[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted`,`[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border`,`[&_.recharts-sector]:outline-hidden`,`[&_.recharts-sector[stroke="#fff"]]:stroke-transparent`,`[&_.recharts-surface]:outline-hidden`,n),...f,children:[(0,i.jsx)(d,{id:m,config:l}),(0,i.jsx)(a.ResponsiveContainer,{initialDimension:u,children:o})]})})}function d({id:e,config:t}){let n=Object.entries(t).filter(([,e])=>e.theme??e.color);return n.length?(0,i.jsx)(`style`,{dangerouslySetInnerHTML:{__html:Object.entries(o).map(([t,r])=>`
 ${r} [data-chart=${e}] {
 ${n.map(([e,n])=>{let r=n.theme?.[t]??n.color;return r?`  --color-${e}: ${r};`:null}).join(`
 `)}
 }
 `).join(`
-`)}}):null}var f=a.Tooltip;function p({active:e,payload:a,className:o,indicator:s=`dot`,hideLabel:c=!1,hideIndicator:u=!1,label:d,labelFormatter:f,labelClassName:p,formatter:m,color:h,nameKey:_,labelKey:v}){let{config:y}=l(),b=r.useMemo(()=>{if(c||!a?.length)return null;let[e]=a,r=g(y,e,`${v??e?.dataKey??e?.name??`value`}`),o=!v&&typeof d==`string`?y[d]?.label??d:r?.label;return f?(0,i.jsx)(n.n,{tag:`div`,size:`xs`,weight:`medium`,className:t.cn(`chart--tooltip-label`,p),children:f(o,a)}):o?(0,i.jsx)(n.n,{tag:`div`,size:`xs`,weight:`medium`,className:t.cn(`chart--tooltip-label`,p),children:o}):null},[d,f,a,c,p,y,v]);if(!e||!a?.length)return null;let x=a.length===1&&s!==`dot`;return(0,i.jsxs)(`div`,{className:t.cn(`chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 [font-size:var(--text-xs)] text-popover-foreground shadow-xl`,o),children:[!x&&b,(0,i.jsx)(`div`,{className:`grid gap-1.5`,children:a.filter(e=>e.type!==`none`).map((e,r)=>{let a=g(y,e,`${_??e.name??e.dataKey??`value`}`),o=typeof e.payload?.fill==`string`?e.payload.fill:void 0,c=h??o??e.color??e.fill;return(0,i.jsx)(`div`,{className:t.cn(`chart--tooltip-item flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground`,s===`dot`&&`items-center`),children:m&&e.value!==void 0&&e.name!==void 0?m(e.value,e.name,e,r,e.payload):(0,i.jsxs)(i.Fragment,{children:[a?.icon?(0,i.jsx)(a.icon,{}):!u&&(0,i.jsx)(`div`,{className:t.cn(`shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]`,s===`dot`&&`size-2.5`,s===`line`&&`h-3 w-1`,s===`dashed`&&`h-0 w-0 border-[1.5px] border-dashed bg-transparent`,x&&s===`dashed`&&`my-0.5`),style:{"--color-bg":c,"--color-border":c}}),(0,i.jsxs)(`div`,{className:t.cn(`flex flex-1 justify-between gap-3 leading-none`,x?`items-end`:`items-center`),children:[(0,i.jsxs)(`div`,{className:`grid gap-1.5`,children:[x&&b,(0,i.jsx)(n.n,{tag:`span`,size:`xs`,type:`secondary`,children:a?.label??e.name})]}),e.value!==void 0&&(0,i.jsx)(n.n,{tag:`span`,size:`xs`,weight:`medium`,className:`font-mono tabular-nums`,children:Array.isArray(e.value)?e.value.join(` - `):typeof e.value==`number`?e.value.toLocaleString():String(e.value)})]})]})},`${e.dataKey??e.name??`value`}-${r}`)})})]})}var m=a.Legend;function h({className:e,hideIcon:r=!1,payload:a,verticalAlign:o=`bottom`,nameKey:s}){let{config:c}=l();return a?.length?(0,i.jsx)(`div`,{className:t.cn(`chart--legend flex flex-wrap items-center justify-center gap-x-4 gap-y-2 [font-size:var(--text-xs)]`,o===`top`?`pb-3`:`pt-3`,e),children:a.filter(e=>e.type!==`none`).map((e,t)=>{let a=`${s??e.dataKey??`value`}`,o=g(c,e,a),l=e.value??e.name??e.dataKey??a;return(0,i.jsxs)(`div`,{className:`chart--legend-item flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground`,children:[o?.icon&&!r?(0,i.jsx)(o.icon,{}):(0,i.jsx)(`div`,{className:`h-2 w-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),(0,i.jsx)(n.n,{tag:`span`,size:`xs`,children:o?.label??l})]},`${e.value??a}-${t}`)})}):null}function g(e,t,n){if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n;return n in t&&typeof t[n]==`string`?i=t[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]}exports.ChartContainer=u,exports.ChartLegend=m,exports.ChartLegendContent=h,exports.ChartStyle=d,exports.ChartTooltip=f,exports.ChartTooltipContent=p;
+`)}}):null}var f=a.Tooltip;function p({active:e,payload:a,className:o,indicator:s=`dot`,hideLabel:c=!1,hideIndicator:u=!1,label:d,labelFormatter:f,labelClassName:p,formatter:m,color:h,nameKey:_,labelKey:v}){let{config:y}=l(),b=r.useMemo(()=>{if(c||!a?.length)return null;let[e]=a,r=g(y,e,`${v??e?.dataKey??e?.name??`value`}`),o=!v&&typeof d==`string`?y[d]?.label??d:r?.label;return f?(0,i.jsx)(n.s,{tag:`div`,size:`xs`,weight:`medium`,className:t.cn(`chart--tooltip-label`,p),children:f(o,a)}):o?(0,i.jsx)(n.s,{tag:`div`,size:`xs`,weight:`medium`,className:t.cn(`chart--tooltip-label`,p),children:o}):null},[d,f,a,c,p,y,v]);if(!e||!a?.length)return null;let x=a.length===1&&s!==`dot`;return(0,i.jsxs)(`div`,{className:t.cn(`chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-xl`,o),children:[!x&&b,(0,i.jsx)(`div`,{className:`grid gap-1.5`,children:a.filter(e=>e.type!==`none`).map((e,r)=>{let a=g(y,e,`${_??e.name??e.dataKey??`value`}`),o=typeof e.payload?.fill==`string`?e.payload.fill:void 0,c=h??o??e.color??e.fill;return(0,i.jsx)(`div`,{className:t.cn(`chart--tooltip-item flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground`,s===`dot`&&`items-center`),children:m&&e.value!==void 0&&e.name!==void 0?m(e.value,e.name,e,r,e.payload):(0,i.jsxs)(i.Fragment,{children:[a?.icon?(0,i.jsx)(a.icon,{}):!u&&(0,i.jsx)(`div`,{className:t.cn(`shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]`,s===`dot`&&`size-2.5`,s===`line`&&`h-3 w-1`,s===`dashed`&&`h-0 w-0 border-[1.5px] border-dashed bg-transparent`,x&&s===`dashed`&&`my-0.5`),style:{"--color-bg":c,"--color-border":c}}),(0,i.jsxs)(`div`,{className:t.cn(`flex flex-1 justify-between gap-3 leading-none`,x?`items-end`:`items-center`),children:[(0,i.jsxs)(`div`,{className:`grid gap-1.5`,children:[x&&b,(0,i.jsx)(n.s,{tag:`span`,size:`xs`,type:`secondary`,children:a?.label??e.name})]}),e.value!==void 0&&(0,i.jsx)(n.s,{tag:`span`,size:`xs`,weight:`medium`,className:`font-mono tabular-nums`,children:Array.isArray(e.value)?e.value.join(` - `):typeof e.value==`number`?e.value.toLocaleString():String(e.value)})]})]})},`${e.dataKey??e.name??`value`}-${r}`)})})]})}var m=a.Legend;function h({className:e,hideIcon:r=!1,payload:a,verticalAlign:o=`bottom`,nameKey:s}){let{config:c}=l();return a?.length?(0,i.jsx)(`div`,{className:t.cn(`chart--legend flex flex-wrap items-center justify-center gap-x-4 gap-y-2 text-xs`,o===`top`?`pb-3`:`pt-3`,e),children:a.filter(e=>e.type!==`none`).map((e,t)=>{let a=`${s??e.dataKey??`value`}`,o=g(c,e,a),l=e.value??e.name??e.dataKey??a;return(0,i.jsxs)(`div`,{className:`chart--legend-item flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground`,children:[o?.icon&&!r?(0,i.jsx)(o.icon,{}):(0,i.jsx)(`div`,{className:`h-2 w-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),(0,i.jsx)(n.s,{tag:`span`,size:`xs`,children:o?.label??l})]},`${e.value??a}-${t}`)})}):null}function g(e,t,n){if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n;return n in t&&typeof t[n]==`string`?i=t[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]}exports.ChartContainer=u,exports.ChartLegend=m,exports.ChartLegendContent=h,exports.ChartStyle=d,exports.ChartTooltip=f,exports.ChartTooltipContent=p;
 //# sourceMappingURL=chart.cjs.map

package/dist/components/base/display/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.cjs","names":[],"sources":["../../../../src/components/base/display/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/display/chart` entrypoint.\n */\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const;\n\nexport type ChartConfig = Record<\n\tstring,\n\t{\n\t\tlabel?: React.ReactNode;\n\t\ticon?: React.ComponentType;\n\t} & (\n\t\t| { color?: string; theme?: never }\n\t\t| { color?: never; theme: Record<keyof typeof THEMES, string> }\n\t)\n>;\n\nexport type ChartPayloadItem = {\n\tdataKey?: string | number;\n\tname?: string | number;\n\tvalue?: string | number | Array<string | number>;\n\ttype?: string;\n\tcolor?: string;\n\tfill?: string;\n\tpayload?: Record<string, unknown>;\n};\n\nexport interface ChartInitialDimension {\n\twidth: number;\n\theight: number;\n}\n\ninterface ChartContextProps {\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\tconfig: ChartConfig;\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\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 [font-size:var(--text-xs)]',\n\t\t\t\t\t'[&_.recharts-cartesian-axis-tick_text]: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\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: Object.entries(THEMES)\n\t\t\t\t\t.map(\n\t\t\t\t\t\t([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n\t.map(([key, itemConfig]) => {\n\t\tconst color =\n\t\t\titemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??\n\t\t\titemConfig.color;\n\t\treturn color ? `  --color-${key}: ${color};` : null;\n\t})\n\t.join('\\n')}\n}\n`,\n\t\t\t\t\t)\n\t\t\t\t\t.join('\\n'),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nexport interface ChartTooltipContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\tactive?: boolean;\n\tpayload?: ChartPayloadItem[];\n\tlabel?: React.ReactNode;\n\tlabelClassName?: string;\n\tlabelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;\n\tformatter?: (\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t\tpayload?: Record<string, unknown>,\n\t) => React.ReactNode;\n\tcolor?: string;\n\thideLabel?: boolean;\n\thideIndicator?: boolean;\n\tindicator?: 'line' | 'dot' | 'dashed';\n\tnameKey?: string;\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\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\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\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'chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 [font-size:var(--text-xs)] text-popover-foreground shadow-xl',\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-1.5\">\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-2 [&>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-3 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-1.5\">\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\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-mono tabular-nums\"\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{Array.isArray(item.value)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.value.join(' - ')\n\t\t\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\t\t? item.value.toLocaleString()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: String(item.value)}\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)}\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\tpayload?: ChartPayloadItem[];\n\tverticalAlign?: 'top' | 'bottom' | 'middle';\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-4 gap-y-2 [font-size:var(--text-xs)]',\n\t\t\t\tverticalAlign === 'top' ? 'pb-3' : 'pt-3',\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-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>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.cjs","names":[],"sources":["../../../../src/components/base/display/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/display/chart` entrypoint.\n */\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const;\n\nexport type ChartConfig = Record<\n\tstring,\n\t{\n\t\tlabel?: React.ReactNode;\n\t\ticon?: React.ComponentType;\n\t} & (\n\t\t| { color?: string; theme?: never }\n\t\t| { color?: never; theme: Record<keyof typeof THEMES, string> }\n\t)\n>;\n\nexport type ChartPayloadItem = {\n\tdataKey?: string | number;\n\tname?: string | number;\n\tvalue?: string | number | Array<string | number>;\n\ttype?: string;\n\tcolor?: string;\n\tfill?: string;\n\tpayload?: Record<string, unknown>;\n};\n\nexport interface ChartInitialDimension {\n\twidth: number;\n\theight: number;\n}\n\ninterface ChartContextProps {\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\tconfig: ChartConfig;\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\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',\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\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: Object.entries(THEMES)\n\t\t\t\t\t.map(\n\t\t\t\t\t\t([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n\t.map(([key, itemConfig]) => {\n\t\tconst color =\n\t\t\titemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??\n\t\t\titemConfig.color;\n\t\treturn color ? `  --color-${key}: ${color};` : null;\n\t})\n\t.join('\\n')}\n}\n`,\n\t\t\t\t\t)\n\t\t\t\t\t.join('\\n'),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nexport interface ChartTooltipContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\tactive?: boolean;\n\tpayload?: ChartPayloadItem[];\n\tlabel?: React.ReactNode;\n\tlabelClassName?: string;\n\tlabelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;\n\tformatter?: (\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t\tpayload?: Record<string, unknown>,\n\t) => React.ReactNode;\n\tcolor?: string;\n\thideLabel?: boolean;\n\thideIndicator?: boolean;\n\tindicator?: 'line' | 'dot' | 'dashed';\n\tnameKey?: string;\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\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\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\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'chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-xl',\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-1.5\">\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-2 [&>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-3 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-1.5\">\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\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-mono tabular-nums\"\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{Array.isArray(item.value)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.value.join(' - ')\n\t\t\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\t\t? item.value.toLocaleString()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: String(item.value)}\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)}\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\tpayload?: ChartPayloadItem[];\n\tverticalAlign?: 'top' | 'bottom' | 'middle';\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-4 gap-y-2 text-xs',\n\t\t\t\tverticalAlign === 'top' ? 'pb-3' : 'pt-3',\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-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>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/components/base/display/chart.js

@@ -1,5 +1,5 @@
 import { cn as e } from "../../../lib/utils.js";
-import { n as t } from "../../../_shared/heading-HeP06nXG.js";
+import { s as t } from "../../../_shared/typography-DE0NGEIE.js";
 import * as n from "react";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 import * as o from "recharts";
@@ -23,7 +23,7 @@ function d({ id: t, className: r, children: s, config: u, initialDimension: d =
 		children: /* @__PURE__ */ a("div", {
 			"data-slot": "chart",
 			"data-chart": h,
-			className: e("chart--component flex aspect-video w-full min-w-0 justify-center [font-size:var(--text-xs)]", "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50", "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border", "[&_.recharts-dot[stroke=\"#fff\"]]:stroke-transparent", "[&_.recharts-layer]:outline-hidden", "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border", "[&_.recharts-radial-bar-background-sector]:fill-muted", "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted", "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border", "[&_.recharts-sector]:outline-hidden", "[&_.recharts-sector[stroke=\"#fff\"]]:stroke-transparent", "[&_.recharts-surface]:outline-hidden", r),
+			className: e("chart--component flex aspect-video w-full min-w-0 justify-center text-xs", "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50", "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border", "[&_.recharts-dot[stroke=\"#fff\"]]:stroke-transparent", "[&_.recharts-layer]:outline-hidden", "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border", "[&_.recharts-radial-bar-background-sector]:fill-muted", "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted", "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border", "[&_.recharts-sector]:outline-hidden", "[&_.recharts-sector[stroke=\"#fff\"]]:stroke-transparent", "[&_.recharts-surface]:outline-hidden", r),
 			...p,
 			children: [/* @__PURE__ */ i(f, {
 				id: h,
@@ -76,7 +76,7 @@ function m({ active: o, payload: s, className: c, indicator: l = "dot", hideLabe
 	if (!o || !s?.length) return null;
 	let C = s.length === 1 && l !== "dot";
 	return /* @__PURE__ */ a("div", {
-		className: e("chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 [font-size:var(--text-xs)] text-popover-foreground shadow-xl", c),
+		className: e("chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-xl", c),
 		children: [!C && S, /* @__PURE__ */ i("div", {
 			className: "grid gap-1.5",
 			children: s.filter((e) => e.type !== "none").map((n, o) => {
@@ -116,7 +116,7 @@ var h = o.Legend;
 function g({ className: n, hideIcon: r = !1, payload: o, verticalAlign: s = "bottom", nameKey: c }) {
 	let { config: l } = u();
 	return o?.length ? /* @__PURE__ */ i("div", {
-		className: e("chart--legend flex flex-wrap items-center justify-center gap-x-4 gap-y-2 [font-size:var(--text-xs)]", s === "top" ? "pb-3" : "pt-3", n),
+		className: e("chart--legend flex flex-wrap items-center justify-center gap-x-4 gap-y-2 text-xs", s === "top" ? "pb-3" : "pt-3", n),
 		children: o.filter((e) => e.type !== "none").map((e, n) => {
 			let o = `${c ?? e.dataKey ?? "value"}`, s = _(l, e, o), u = e.value ?? e.name ?? e.dataKey ?? o;
 			return /* @__PURE__ */ a("div", {

package/dist/components/base/display/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","names":[],"sources":["../../../../src/components/base/display/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/display/chart` entrypoint.\n */\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const;\n\nexport type ChartConfig = Record<\n\tstring,\n\t{\n\t\tlabel?: React.ReactNode;\n\t\ticon?: React.ComponentType;\n\t} & (\n\t\t| { color?: string; theme?: never }\n\t\t| { color?: never; theme: Record<keyof typeof THEMES, string> }\n\t)\n>;\n\nexport type ChartPayloadItem = {\n\tdataKey?: string | number;\n\tname?: string | number;\n\tvalue?: string | number | Array<string | number>;\n\ttype?: string;\n\tcolor?: string;\n\tfill?: string;\n\tpayload?: Record<string, unknown>;\n};\n\nexport interface ChartInitialDimension {\n\twidth: number;\n\theight: number;\n}\n\ninterface ChartContextProps {\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\tconfig: ChartConfig;\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\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 [font-size:var(--text-xs)]',\n\t\t\t\t\t'[&_.recharts-cartesian-axis-tick_text]: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\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: Object.entries(THEMES)\n\t\t\t\t\t.map(\n\t\t\t\t\t\t([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n\t.map(([key, itemConfig]) => {\n\t\tconst color =\n\t\t\titemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??\n\t\t\titemConfig.color;\n\t\treturn color ? `  --color-${key}: ${color};` : null;\n\t})\n\t.join('\\n')}\n}\n`,\n\t\t\t\t\t)\n\t\t\t\t\t.join('\\n'),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nexport interface ChartTooltipContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\tactive?: boolean;\n\tpayload?: ChartPayloadItem[];\n\tlabel?: React.ReactNode;\n\tlabelClassName?: string;\n\tlabelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;\n\tformatter?: (\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t\tpayload?: Record<string, unknown>,\n\t) => React.ReactNode;\n\tcolor?: string;\n\thideLabel?: boolean;\n\thideIndicator?: boolean;\n\tindicator?: 'line' | 'dot' | 'dashed';\n\tnameKey?: string;\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\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\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\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'chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 [font-size:var(--text-xs)] text-popover-foreground shadow-xl',\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-1.5\">\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-2 [&>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-3 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-1.5\">\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\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-mono tabular-nums\"\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{Array.isArray(item.value)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.value.join(' - ')\n\t\t\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\t\t? item.value.toLocaleString()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: String(item.value)}\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)}\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\tpayload?: ChartPayloadItem[];\n\tverticalAlign?: 'top' | 'bottom' | 'middle';\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-4 gap-y-2 [font-size:var(--text-xs)]',\n\t\t\t\tverticalAlign === 'top' ? 'pb-3' : 'pt-3',\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-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>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.js","names":[],"sources":["../../../../src/components/base/display/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/display/chart` entrypoint.\n */\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const;\n\nexport type ChartConfig = Record<\n\tstring,\n\t{\n\t\tlabel?: React.ReactNode;\n\t\ticon?: React.ComponentType;\n\t} & (\n\t\t| { color?: string; theme?: never }\n\t\t| { color?: never; theme: Record<keyof typeof THEMES, string> }\n\t)\n>;\n\nexport type ChartPayloadItem = {\n\tdataKey?: string | number;\n\tname?: string | number;\n\tvalue?: string | number | Array<string | number>;\n\ttype?: string;\n\tcolor?: string;\n\tfill?: string;\n\tpayload?: Record<string, unknown>;\n};\n\nexport interface ChartInitialDimension {\n\twidth: number;\n\theight: number;\n}\n\ninterface ChartContextProps {\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\tconfig: ChartConfig;\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\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',\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\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: Object.entries(THEMES)\n\t\t\t\t\t.map(\n\t\t\t\t\t\t([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n\t.map(([key, itemConfig]) => {\n\t\tconst color =\n\t\t\titemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??\n\t\t\titemConfig.color;\n\t\treturn color ? `  --color-${key}: ${color};` : null;\n\t})\n\t.join('\\n')}\n}\n`,\n\t\t\t\t\t)\n\t\t\t\t\t.join('\\n'),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nexport interface ChartTooltipContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\tactive?: boolean;\n\tpayload?: ChartPayloadItem[];\n\tlabel?: React.ReactNode;\n\tlabelClassName?: string;\n\tlabelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;\n\tformatter?: (\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t\tpayload?: Record<string, unknown>,\n\t) => React.ReactNode;\n\tcolor?: string;\n\thideLabel?: boolean;\n\thideIndicator?: boolean;\n\tindicator?: 'line' | 'dot' | 'dashed';\n\tnameKey?: string;\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\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\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\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'chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-xl',\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-1.5\">\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-2 [&>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-3 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-1.5\">\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\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-mono tabular-nums\"\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{Array.isArray(item.value)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.value.join(' - ')\n\t\t\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\t\t? item.value.toLocaleString()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: String(item.value)}\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)}\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\tpayload?: ChartPayloadItem[];\n\tverticalAlign?: 'top' | 'bottom' | 'middle';\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-4 gap-y-2 text-xs',\n\t\t\t\tverticalAlign === 'top' ? 'pb-3' : 'pt-3',\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-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>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/components/base/display/date-block.d.ts

@@ -1,4 +1,5 @@
 import { Locale } from 'date-fns';
+import { StringsProp } from '../../../lib/strings';
 export type DateBlockLayout = 'stacked' | 'inline';
 export type DateBlockTimePlacement = 'inline' | 'below' | 'hidden';
 export type DateBlockTone = 'default' | 'muted' | 'primary' | 'inverse' | 'success' | 'warning' | 'destructive' | 'info';
@@ -31,7 +32,7 @@ export interface DateBlockProps {
     /** Custom format for the month token. Default `'MMM'`. */
     monthFormat?: string;
     className?: string;
-    strings?: Partial<DateBlockStrings>;
+    strings?: StringsProp<DateBlockStrings>;
 }
 export declare function DateBlock({ date, time, locale, layout, timePlacement, tone, boxed, showMonth, dayFormat, weekdayFormat, monthFormat, className, strings: stringsProp, }: DateBlockProps): import("react").JSX.Element;
 export declare namespace DateBlock {

package/dist/components/base/display/date-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-block.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/date-block.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAM/C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC;AAEzH,MAAM,WAAW,gBAAgB;IAChC,4EAA4E;IAC5E,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAErC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC9B,oDAAoD;IACpD,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7B,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,iEAAiE;IACjE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACpC;AAmBD,wBAAgB,SAAS,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAkB,EAClB,aAAa,EACb,IAAgB,EAChB,KAAK,EACL,SAAgB,EAChB,SAAe,EACf,aAAqB,EACrB,WAAmB,EACnB,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,cAAc,+BAqFhB;yBAnGe,SAAS"}
+{"version":3,"file":"date-block.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/date-block.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAG/C,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAG7D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC;AAEzH,MAAM,WAAW,gBAAgB;IAChC,4EAA4E;IAC5E,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAErC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC9B,oDAAoD;IACpD,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7B,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,iEAAiE;IACjE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAmBD,wBAAgB,SAAS,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAkB,EAClB,aAAa,EACb,IAAgB,EAChB,KAAK,EACL,SAAgB,EAChB,SAAe,EACf,aAAqB,EACrB,WAAmB,EACnB,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,cAAc,+BAqFhB;yBAnGe,SAAS"}

package/dist/components/base/display/empty.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Empty primitive wrappers.
+ *
+ * These re-export the shadcn `ui/empty` parts through the base layer so
+ * composed empty-state surfaces do not import shadcn primitives directly.
+ */
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from '../../ui/empty';
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/base/display/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/empty.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACN,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,GACV,MAAM,uBAAuB,CAAC"}

package/dist/components/base/display/icon-badge/icon-badge.d.ts

@@ -1,5 +1,6 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
-export type IconBadgeSize = 'xs' | 'sm' | 'md' | 'lg';
+import { ComponentScale } from '../../../../lib/ui-provider';
+export type IconBadgeSize = ComponentScale;
 export type IconBadgeShape = 'circle' | 'square';
 export type IconBadgeTone = 'primary' | 'secondary' | 'success' | 'warning' | 'destructive' | 'info' | 'muted';
 export interface IconBadgeProps extends Omit<ComponentProps<'span'>, 'children'> {

package/dist/components/base/display/icon-badge/icon-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/display/icon-badge/icon-badge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,aAAa,GACtB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,GACb,MAAM,GACN,OAAO,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA6BD,wBAAgB,SAAS,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,IAAW,EACX,KAAgB,EAChB,IAAgB,EAChB,KAAa,EACb,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,cAAc,+BAoBhB;yBA9Be,SAAS"}
+{"version":3,"file":"icon-badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/display/icon-badge/icon-badge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,aAAa,GACtB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,GACb,MAAM,GACN,OAAO,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAkCD,wBAAgB,SAAS,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,IAAgB,EAChB,KAAgB,EAChB,IAAgB,EAChB,KAAa,EACb,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,cAAc,+BAoBhB;yBA9Be,SAAS"}

package/dist/components/base/display/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/tooltip-mvxZV_Lu.cjs"),t=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),n=require("../../../_shared/alert-CuIIKJC-.cjs"),r=require("../../../_shared/display-AtPyyUZc.cjs"),i=require("../../../_shared/separator-q42IlFFA.cjs"),a=require("../../../_shared/dialog-Dd0ENSrU.cjs"),o=require("../../../_shared/money-display-CFSMUtxS.cjs"),s=require("../../../_shared/avatar-0spfQEHG.cjs"),c=require("../../../_shared/scroll-area-u46BOVcC.cjs"),l=require("../../../_shared/skeleton-D1c5OHXa.cjs"),u=require("../../../_shared/metadata-DamdYVZL.cjs");exports.Alert=n.t,exports.AlertAction=n.n,exports.AlertDescription=n.r,exports.AlertTitle=n.i,exports.Avatar=s.t,exports.AvatarBadge=s.n,exports.AvatarFallback=s.r,exports.AvatarGroup=s.i,exports.AvatarGroupCount=s.a,exports.AvatarImage=s.o,exports.BooleanIndicator=r.x,exports.Collapsible=r.C,exports.CollapsibleContent=r.w,exports.CollapsibleTrigger=r.T,exports.CurrencyPairPreview=o.n,exports.DateBlock=r.E,exports.Dialog=a.t,exports.DialogClose=a.n,exports.DialogContent=a.r,exports.DialogDescription=a.i,exports.DialogFooter=a.a,exports.DialogHeader=a.o,exports.DialogOverlay=a.s,exports.DialogPortal=a.c,exports.DialogTitle=a.l,exports.DialogTrigger=a.u,exports.DocumentStackIllustration=r.f,exports.EmailDisplay=r.s,exports.EmptyState=r.p,exports.IconBadge=t.t,exports.InboxCleanIllustration=r.d,exports.InlineStat=r.i,exports.MetadataList=u.t,exports.MoneyDisplay=o.t,exports.MoneyInput=r.S,exports.NotificationBanner=r.N,exports.NumericValue=r.r,exports.PhoneDisplay=r.o,exports.PlaceholderPattern=r.M,exports.Progress=r.g,exports.ProgressIndicator=r._,exports.ProgressLabel=r.v,exports.ProgressTrack=r.y,exports.ProgressValue=r.b,exports.QRCode=r.h,exports.ScrollArea=c.t,exports.ScrollBar=c.n,exports.SearchGlassIllustration=r.u,exports.SectionHeader=r.t,exports.Separator=i.t,exports.ShowIf=r.j,exports.Skeleton=l.t,exports.StackedAvatars=r.O,exports.StackedCardsIllustration=r.l,exports.ThrottleAlert=r.A,exports.Tooltip=e.t,exports.TooltipContent=e.n,exports.TooltipProvider=e.r,exports.TooltipTrigger=e.i,exports.UrlDisplay=r.a,exports.UserCell=r.n,exports.UsersCircleIllustration=r.c,exports.VisuallyHidden=r.k,exports.alertVariants=n.a,exports.defaultDateBlockStrings=r.D,exports.defaultEmptyStateStrings=r.m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/tooltip-mvxZV_Lu.cjs"),t=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),n=require("../../../_shared/alert-V0V36Sny.cjs"),r=require("../../../_shared/display-Bin2vVex.cjs"),i=require("../../../_shared/separator-q42IlFFA.cjs"),a=require("../../../_shared/scroll-area-CIRXK7s0.cjs"),o=require("../../../_shared/dialog-Dd0ENSrU.cjs"),s=require("../../../_shared/money-display-BLPNMmiT.cjs"),c=require("../../../_shared/avatar-BnKM_o2d.cjs"),l=require("../../../_shared/skeleton-D1c5OHXa.cjs");exports.Alert=n.t,exports.AlertAction=n.n,exports.AlertDescription=n.r,exports.AlertTitle=n.i,exports.Avatar=c.t,exports.AvatarBadge=c.n,exports.AvatarFallback=c.r,exports.AvatarGroup=c.i,exports.AvatarGroupCount=c.a,exports.AvatarImage=c.o,exports.BooleanIndicator=r.p,exports.Collapsible=r.h,exports.CollapsibleContent=r.g,exports.CollapsibleTrigger=r._,exports.CurrencyPairPreview=s.n,exports.DateBlock=r.v,exports.Dialog=o.t,exports.DialogClose=o.n,exports.DialogContent=o.r,exports.DialogDescription=o.i,exports.DialogFooter=o.a,exports.DialogHeader=o.o,exports.DialogOverlay=o.s,exports.DialogPortal=o.c,exports.DialogTitle=o.l,exports.DialogTrigger=o.u,exports.Empty=r.s,exports.EmptyContent=r.c,exports.EmptyDescription=r.l,exports.EmptyHeader=r.u,exports.EmptyMedia=r.d,exports.EmptyTitle=r.f,exports.IconBadge=t.t,exports.MoneyDisplay=s.t,exports.MoneyInput=r.m,exports.NotificationBanner=r.T,exports.PlaceholderPattern=r.w,exports.Progress=r.n,exports.ProgressIndicator=r.r,exports.ProgressLabel=r.i,exports.ProgressTrack=r.a,exports.ProgressValue=r.o,exports.QRCode=r.t,exports.ScrollArea=a.t,exports.ScrollBar=a.n,exports.Separator=i.t,exports.ShowIf=r.C,exports.Skeleton=l.t,exports.StackedAvatars=r.b,exports.ThrottleAlert=r.S,exports.Tooltip=e.t,exports.TooltipContent=e.n,exports.TooltipProvider=e.r,exports.TooltipTrigger=e.i,exports.VisuallyHidden=r.x,exports.alertVariants=n.a,exports.defaultDateBlockStrings=r.y;

package/dist/components/base/display/index.d.ts

@@ -13,18 +13,12 @@ export * from './dialog';
 export { MoneyDisplay, type MoneyDisplayProps } from './money-display';
 export { MoneyInput, type MoneyInputProps, type MoneyInputData } from './money-input';
 export { BooleanIndicator, type BooleanIndicatorProps } from './boolean-indicator';
+export * from './empty';
 export * from './progress';
 export { QRCode, type QRCodeProps } from './qr-code';
 export * from './scroll-area';
 export * from './separator';
 export * from './skeleton';
 export * from './tooltip';
-export * from './empty-state';
-export * from './fields';
-export * from './metadata';
-export * from './inline-stat';
 export * from './icon-badge';
-export * from './numeric-value';
-export * from './user-cell';
-export * from './section-header';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/base/display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC3H,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,EACN,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACN,SAAS,EACT,uBAAuB,EACvB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,aAAa,GAClB,MAAM,cAAc,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AACtH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACnF,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC3H,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,EACN,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACN,SAAS,EACT,uBAAuB,EACvB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,aAAa,GAClB,MAAM,cAAc,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AACtH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACnF,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/components/base/display/index.js

@@ -1,12 +1,11 @@
 import { i as e, n as t, r as n, t as r } from "../../../_shared/tooltip-CLr_sPX8.js";
-import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { a, i as o, n as s, r as c, t as l } from "../../../_shared/alert-k60OnTtb.js";
-import { A as u, C as d, D as f, E as p, M as m, N as h, O as g, S as _, T as v, _ as y, a as b, b as x, c as S, d as C, f as w, g as T, h as E, i as D, j as O, k, l as A, m as j, n as M, o as N, p as P, r as F, s as I, t as L, u as R, v as z, w as B, x as V, y as H } from "../../../_shared/display-CL69dmsv.js";
-import { t as U } from "../../../_shared/separator-B8FBp-7E.js";
-import { a as W, c as G, i as K, l as q, n as J, o as Y, r as X, s as Z, t as Q, u as $ } from "../../../_shared/dialog-CCN4tjU9.js";
-import { n as ee, t as te } from "../../../_shared/money-display-D4Z3P3f_.js";
-import { a as ne, i as re, n as ie, o as ae, r as oe, t as se } from "../../../_shared/avatar-CBi4LGxy.js";
-import { n as ce, t as le } from "../../../_shared/scroll-area-BH5CPQh4.js";
-import { t as ue } from "../../../_shared/skeleton-CGQMeno1.js";
-import { t as de } from "../../../_shared/metadata-Ckcmar8d.js";
-export { l as Alert, s as AlertAction, c as AlertDescription, o as AlertTitle, se as Avatar, ie as AvatarBadge, oe as AvatarFallback, re as AvatarGroup, ne as AvatarGroupCount, ae as AvatarImage, V as BooleanIndicator, d as Collapsible, B as CollapsibleContent, v as CollapsibleTrigger, ee as CurrencyPairPreview, p as DateBlock, Q as Dialog, J as DialogClose, X as DialogContent, K as DialogDescription, W as DialogFooter, Y as DialogHeader, Z as DialogOverlay, G as DialogPortal, q as DialogTitle, $ as DialogTrigger, w as DocumentStackIllustration, I as EmailDisplay, P as EmptyState, i as IconBadge, C as InboxCleanIllustration, D as InlineStat, de as MetadataList, te as MoneyDisplay, _ as MoneyInput, h as NotificationBanner, F as NumericValue, N as PhoneDisplay, m as PlaceholderPattern, T as Progress, y as ProgressIndicator, z as ProgressLabel, H as ProgressTrack, x as ProgressValue, E as QRCode, le as ScrollArea, ce as ScrollBar, R as SearchGlassIllustration, L as SectionHeader, U as Separator, O as ShowIf, ue as Skeleton, g as StackedAvatars, A as StackedCardsIllustration, u as ThrottleAlert, r as Tooltip, t as TooltipContent, n as TooltipProvider, e as TooltipTrigger, b as UrlDisplay, M as UserCell, S as UsersCircleIllustration, k as VisuallyHidden, a as alertVariants, f as defaultDateBlockStrings, j as defaultEmptyStateStrings };
+import { t as i } from "../../../_shared/icon-badge-dZQPvuas.js";
+import { a, i as o, n as s, r as c, t as l } from "../../../_shared/alert-m-4s0Hqq.js";
+import { C as u, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as k, u as A, v as j, w as M, x as N, y as P } from "../../../_shared/display-B0wLVN8t.js";
+import { t as F } from "../../../_shared/separator-B8FBp-7E.js";
+import { n as I, t as L } from "../../../_shared/scroll-area-B32KwU9k.js";
+import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G, t as K, u as q } from "../../../_shared/dialog-CCN4tjU9.js";
+import { n as J, t as Y } from "../../../_shared/money-display-D_-Cb8-9.js";
+import { a as X, i as Z, n as Q, o as $, r as ee, t as te } from "../../../_shared/avatar-BagPbPuD.js";
+import { t as ne } from "../../../_shared/skeleton-CGQMeno1.js";
+export { l as Alert, s as AlertAction, c as AlertDescription, o as AlertTitle, te as Avatar, Q as AvatarBadge, ee as AvatarFallback, Z as AvatarGroup, X as AvatarGroupCount, $ as AvatarImage, E as BooleanIndicator, b as Collapsible, y as CollapsibleContent, p as CollapsibleTrigger, J as CurrencyPairPreview, j as DateBlock, K as Dialog, H as DialogClose, W as DialogContent, B as DialogDescription, R as DialogFooter, U as DialogHeader, G as DialogOverlay, z as DialogPortal, V as DialogTitle, q as DialogTrigger, O as Empty, g as EmptyContent, S as EmptyDescription, A as EmptyHeader, _ as EmptyMedia, v as EmptyTitle, i as IconBadge, Y as MoneyDisplay, C as MoneyInput, f as NotificationBanner, M as PlaceholderPattern, w as Progress, D as ProgressIndicator, x as ProgressLabel, m as ProgressTrack, T as ProgressValue, k as QRCode, L as ScrollArea, I as ScrollBar, F as Separator, u as ShowIf, ne as Skeleton, h as StackedAvatars, d as ThrottleAlert, r as Tooltip, t as TooltipContent, n as TooltipProvider, e as TooltipTrigger, N as VisuallyHidden, a as alertVariants, P as defaultDateBlockStrings };

package/dist/components/base/display/scroll-area.d.ts

@@ -1,2 +1,11 @@
-export * from '../../ui/scroll-area';
+import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
+import * as React from 'react';
+export type ScrollAreaProps = ScrollAreaPrimitive.Root.Props & {
+    viewportRef?: React.Ref<HTMLDivElement>;
+    viewportClassName?: string;
+    scrollbarClassName?: string;
+};
+declare function ScrollArea({ className, viewportClassName, scrollbarClassName, viewportRef, children, ...props }: ScrollAreaProps): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): React.JSX.Element;
+export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/base/display/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/scroll-area.tsx"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,GAAG;IAC9D,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,eAAe,qBAuBjB;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACR,EAAE,mBAAmB,CAAC,SAAS,CAAC,KAAK,qBAuBrC;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/base/display/stacked-avatars.d.ts

@@ -1,3 +1,4 @@
+import { ComponentScale } from '../../../lib/ui-provider';
 /**
  * StackedAvatars — overlapping avatar group with optional `+N` overflow chip,
  * configurable size, and an optional semantic `tone` for fallbacks (initials)
@@ -7,7 +8,7 @@
  * deterministic tone picker so fallbacks stay stable without raw hue utilities.
  */
 import * as React from 'react';
-export type StackedAvatarsSize = 'sm' | 'default' | 'lg';
+export type StackedAvatarsSize = ComponentScale;
 export type StackedAvatarTone = 'muted' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive';
 export interface StackedAvatarUser {
     id?: string;

package/dist/components/base/display/stacked-avatars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stacked-avatars.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/stacked-avatars.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GACP,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAEjB,MAAM,WAAW,iBAAiB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qGAAqG;IACrG,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAuCD,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,GAAO,EACP,IAAgB,EAChB,SAAS,EACT,YAAmB,EACnB,iBAAiB,EACjB,eAAe,GACf,EAAE,mBAAmB,qBAuCrB;yBA/Ce,cAAc"}
+{"version":3,"file":"stacked-avatars.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/stacked-avatars.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GACP,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAEjB,MAAM,WAAW,iBAAiB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qGAAqG;IACrG,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AA6CD,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,GAAO,EACP,IAAgB,EAChB,SAAS,EACT,YAAmB,EACnB,iBAAiB,EACjB,eAAe,GACf,EAAE,mBAAmB,qBAwCrB;yBAhDe,cAAc"}

package/dist/components/base/display/throttle-alert.d.ts

@@ -1,3 +1,4 @@
+import { StringsProp } from '../../../lib/strings';
 export interface ThrottleAlertStrings {
     maxAttempts: string;
     tryAgainIn: string;
@@ -8,7 +9,7 @@ export interface ThrottleAlertProps {
     attempts: number;
     remaining: string;
     className?: string;
-    strings?: Partial<ThrottleAlertStrings>;
+    strings?: StringsProp<ThrottleAlertStrings>;
 }
 export declare function ThrottleAlert({ message, attempts, remaining, className, strings: stringsProp, }: ThrottleAlertProps): import("react").JSX.Element;
 export declare namespace ThrottleAlert {

package/dist/components/base/display/throttle-alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"throttle-alert.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/throttle-alert.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,2BAA2B,EAAE,oBAGzC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CACxC;AAED,wBAAgB,aAAa,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,kBAAkB,+BAoCpB;yBA1Ce,aAAa"}
+{"version":3,"file":"throttle-alert.d.ts","sourceRoot":"","sources":["../../../../src/components/base/display/throttle-alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAG7D,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,2BAA2B,EAAE,oBAGzC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CAC5C;AAED,wBAAgB,aAAa,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,kBAAkB,+BAoCpB;yBA1Ce,aAAa"}

package/dist/components/base/event-calendar/event-calendar-event-card.d.ts

@@ -1,3 +1,4 @@
+import { StringsProp } from '../../../lib/strings';
 import { EventCalendarEventCardProps } from './event-calendar.types';
 export interface EventCalendarEventCardStrings {
     guest: string;
@@ -5,7 +6,7 @@ export interface EventCalendarEventCardStrings {
 }
 export declare const defaultEventCalendarEventCardStrings: EventCalendarEventCardStrings;
 interface EventCalendarEventCardPropsWithStrings extends EventCalendarEventCardProps {
-    strings?: Partial<EventCalendarEventCardStrings>;
+    strings?: StringsProp<EventCalendarEventCardStrings>;
 }
 export declare function EventCalendarEventCard({ event, category, onClick, strings: stringsProp, }: EventCalendarEventCardPropsWithStrings): import("react").JSX.Element;
 export declare namespace EventCalendarEventCard {

package/dist/components/base/event-calendar/event-calendar-event-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-calendar-event-card.d.ts","sourceRoot":"","sources":["../../../../src/components/base/event-calendar/event-calendar-event-card.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,WAAW,6BAA6B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,oCAAoC,EAAE,6BAGlD,CAAC;AAEF,UAAU,sCAAuC,SAAQ,2BAA2B;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC,6BAA6B,CAAC,CAAC;CACjD;AAED,wBAAgB,sBAAsB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EAAE,WAAW,GACpB,EAAE,sCAAsC,+BA4FxC;yBAjGe,sBAAsB"}
+{"version":3,"file":"event-calendar-event-card.d.ts","sourceRoot":"","sources":["../../../../src/components/base/event-calendar/event-calendar-event-card.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,WAAW,6BAA6B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,oCAAoC,EAAE,6BAGlD,CAAC;AAEF,UAAU,sCAAuC,SAAQ,2BAA2B;IACnF,OAAO,CAAC,EAAE,WAAW,CAAC,6BAA6B,CAAC,CAAC;CACrD;AAED,wBAAgB,sBAAsB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EAAE,WAAW,GACpB,EAAE,sCAAsC,+BA4FxC;yBAjGe,sBAAsB"}

package/dist/components/base/event-calendar/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-BF4m2cR0.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BI347RlM.cjs"),i=require("../../../_shared/heading-0DYCOrgC.cjs"),a=require("../../../_shared/select-CG5Yq-6A.cjs"),o=require("../../../_shared/date-pickers-BBydcIjN.cjs");let s=require("react"),c=require("date-fns"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={gray:`bg-muted-foreground`,red:`bg-destructive`,orange:`bg-warning`,amber:`bg-warning`,yellow:`bg-warning`,green:`bg-success`,blue:`bg-info`,purple:`bg-primary`};function f(e){if(!e)return`gray`;if(e.colorToken)return e.colorToken;let t=e.color??``;return t.includes(`orange`)?`orange`:t.includes(`yellow`)?`yellow`:t.includes(`amber`)?`amber`:t.includes(`purple`)?`purple`:t.includes(`green`)?`green`:t.includes(`blue`)?`blue`:t.includes(`red`)?`red`:`gray`}var p={today:`Today`,previous:`Previous`,next:`Next`,loading:`Loading…`,booking:`booking`,bookings:`bookings`,viewMode:{month:`Month`,week:`Week`,agenda:`Agenda`},weekdaysShort:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]};function m({event:e,category:t,compact:a=!1,onClick:o}){let s=d[f(t)],u=e.allDay?null:(0,c.format)(e.startDate,`HH:mm`),p=e.metadata?.calendar_cell_title,m=typeof p==`string`&&p.trim()!==``?p:e.title,h=u?`${m} at ${u}`:m;return(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:a?`xs`:`sm`,onClick:e=>{e.stopPropagation(),o?.()},className:n.cn(`event-calendar-event-badge--component`,`group/event flex w-full min-w-0 items-center gap-1 rounded-md border border-border/60 bg-card px-1.5`,`justify-start text-left shadow-none transition-colors hover:bg-accent/50`,`max-sm:h-3 max-sm:justify-center max-sm:gap-0 max-sm:border-transparent max-sm:bg-transparent max-sm:px-0`,a?`h-5`:`h-6`),"aria-label":h,title:typeof m==`string`?m:void 0,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`size-1.5 shrink-0 rounded-full`,s)}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`min-w-0 flex-1 truncate max-sm:hidden`,children:m}),!!u&&(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 whitespace-nowrap tabular-nums max-sm:hidden`,children:u})]})}m.displayName=`EventCalendarEventBadge`;function h(e,t,n,r={}){let{weekStartsOn:i=1,showWeekends:a=!0,visibleCategories:o}=r;return(0,s.useMemo)(()=>{let r=(0,c.startOfMonth)(t),s=(0,c.endOfMonth)(t),l,u;n===`month`?(l=(0,c.startOfWeek)(r,{weekStartsOn:i}),u=(0,c.endOfWeek)(s,{weekStartsOn:i})):n===`week`?(l=(0,c.startOfWeek)(t,{weekStartsOn:i}),u=(0,c.endOfWeek)(t,{weekStartsOn:i})):(l=r,u=s);let d=(0,c.eachDayOfInterval)({start:l,end:u}),f=o&&o.length>0?e.filter(e=>o.includes(e.category)):e,p=new Map;return f.forEach(e=>{let t=(0,c.startOfDay)(e.startDate);if(Number.isNaN(t.getTime()))return;let n=t;if(e.endDate&&!Number.isNaN(e.endDate.getTime())){let r=(0,c.startOfDay)(e.endDate);!Number.isNaN(r.getTime())&&r.getTime()>=t.getTime()&&(n=r)}(0,c.eachDayOfInterval)({start:t,end:n}).forEach(t=>{let n=t.toISOString().split(`T`)[0];p.has(n)||p.set(n,[]),p.get(n).push(e)})}),d.filter(e=>a||!(0,c.isWeekend)(e)).map(e=>{let n=e.toISOString().split(`T`)[0],r=[...p.get(n)||[]].sort((e,t)=>e.allDay&&!t.allDay?-1:!e.allDay&&t.allDay?1:e.startDate.getTime()-t.startDate.getTime());return{date:e,isCurrentMonth:(0,c.isSameMonth)(e,t),isToday:(0,c.isToday)(e),isWeekend:(0,c.isWeekend)(e),events:r,eventCount:r.length,hasMultipleEvents:r.length>1}})},[e,t,n,i,a,o])}function g(e,t){return e.filter(e=>{let n=(0,c.startOfDay)(e.startDate),r=e.endDate?(0,c.startOfDay)(e.endDate):n,i=(0,c.startOfDay)(t);return(0,c.isSameDay)(i,n)||(0,c.isSameDay)(i,r)||i>n&&i<r}).sort((e,t)=>e.allDay&&!t.allDay?-1:!e.allDay&&t.allDay?1:e.startDate.getTime()-t.startDate.getTime())}function _(e,t){return e.find(e=>e.id===t)}function v({data:e,categories:t,maxEvents:r=3,onClick:a,compact:o=!1,strings:s,renderEvent:c}){let u={booking:s?.booking??p.booking,bookings:s?.bookings??p.bookings},{date:h,isCurrentMonth:g,isToday:v,isWeekend:y,events:b,eventCount:x}=e,S=b.slice(0,r),C=Math.max(0,x-r);return(0,l.jsx)(`div`,{className:n.cn(`event-calendar-day-cell--component`,`p-0 relative w-full border-r border-b border-border last:border-r-0 [&:nth-child(7n)]:border-r-0`),children:(0,l.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),a())},className:n.cn(`relative w-full min-h-24 p-2 transition-colors`,`hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:z-10`,`flex flex-col items-start gap-1`,!g&&`text-muted-foreground opacity-50`,v&&`h-full bg-accent text-accent-foreground`,o&&`min-h-20 p-1`),"aria-label":h.toDateString(),"data-date":h.toISOString(),"data-today":v,"data-weekend":y,"data-current-month":g,children:[(0,l.jsx)(i.n,{className:n.cn(`font-normal leading-none`,v&&`font-semibold`,!g&&`text-muted-foreground`,o&&`text-xs`),children:h.getDate()}),(0,l.jsxs)(`div`,{className:`w-full space-y-0.5`,children:[S.map(n=>{let r=_(t,n.category);return c?(0,l.jsx)(`div`,{children:c(n,r)},n.id):(0,l.jsx)(m,{event:n,category:r,compact:o||e.hasMultipleEvents,onClick:()=>a()},n.id)}),C>0&&(0,l.jsxs)(`div`,{className:`flex items-center gap-1 py-0.5 px-2`,children:[(0,l.jsx)(`div`,{className:`flex items-center -space-x-1`,children:t.slice(0,3).map((e,t)=>(0,l.jsx)(`span`,{className:n.cn(`h-1.5 w-1.5 rounded-full border border-background`,d[f(e)])},e.id||t))}),(0,l.jsxs)(i.n,{size:`xs`,type:`secondary`,className:`font-medium text-xxs`,children:[C,` `,C===1?u.booking:u.bookings]})]})]})]})})}v.displayName=`EventCalendarDayCell`;function y(e){switch(e){case`destructive`:return{variant:`error`,buttonStyle:`solid`};case`outline`:return{variant:`secondary`,buttonStyle:`outline`};case`secondary`:return{variant:`secondary`,buttonStyle:`solid`};case`ghost`:return{variant:`secondary`,buttonStyle:`ghost`};default:return{variant:`primary`,buttonStyle:`solid`}}}var b=(e,t)=>{if(!e)return null;if(e.element)return(0,l.jsx)(`div`,{className:`event-calendar-header--component`,children:e.element},e.id||t);let i=e.icon,a=e.id||`action-${t}`,o=()=>{e.onClick?.()},s=y(e.variant);return(0,l.jsxs)(r.t,{variant:s.variant,buttonStyle:s.buttonStyle,onClick:o,className:n.cn(`h-8 gap-2`,s.className),disabled:!!e.disabled,children:[!!i&&(0,l.jsx)(i,{className:`h-4 w-4`}),e.label]},a)};function x({currentDate:t,viewMode:n,displayLabel:c,onPrevious:d,onNext:f,onToday:m,onViewModeChange:h,onDateChange:g,locale:_,actions:v,strings:y,rangeMode:x=`date`,minDate:S,maxDate:C,prevDisabled:w=!1,nextDisabled:T=!1}){let E=e.useStrings(p,y),D=(0,s.useMemo)(()=>(v||[]).filter(e=>e.isVisible!==!1),[v]);return(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-4 mb-4`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(i.t,{tag:`h3`,className:`text-lg font-semibold`,children:c}),(0,l.jsx)(o.t,{value:{month:t.getMonth(),year:t.getFullYear()},onChange:e=>{e.date&&g?.(e.date)},fromYear:S?.getFullYear(),toYear:C?.getFullYear(),locale:_})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[D.length>0&&(0,l.jsxs)(l.Fragment,{children:[D.map((e,t)=>b(e,t)),(0,l.jsx)(`div`,{className:`h-6 w-px bg-border mx-1`})]}),(0,l.jsx)(r.t,{variant:`secondary`,buttonStyle:`outline`,onClick:m,className:`hidden sm:inline-flex`,children:E.today}),(0,l.jsxs)(`div`,{className:`flex items-center border border-border rounded-md`,children:[(0,l.jsx)(r.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon`,onClick:d,disabled:w,className:`h-8 w-8 rounded-r-none border-r`,"aria-label":E.previous,children:(0,l.jsx)(u.ChevronLeft,{className:`h-4 w-4`})}),(0,l.jsx)(r.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon`,onClick:f,disabled:T,className:`h-8 w-8 rounded-l-none`,"aria-label":E.next,children:(0,l.jsx)(u.ChevronRight,{className:`h-4 w-4`})})]}),!!h&&(0,l.jsxs)(a.t,{value:n,onValueChange:e=>{e&&h(e)},children:[(0,l.jsx)(a.a,{className:`w-28 h-8`,children:(0,l.jsx)(a.o,{})}),(0,l.jsxs)(a.n,{children:[(0,l.jsx)(a.i,{value:`month`,children:E.viewMode.month}),(0,l.jsx)(a.i,{value:`week`,children:E.viewMode.week}),(0,l.jsx)(a.i,{value:`agenda`,children:E.viewMode.agenda})]})]})]})]})}x.displayName=`EventCalendarHeader`;var S={gray:{badgeBg:`bg-muted`,border:`border-border`,swatch:`bg-muted-foreground`},red:{badgeBg:`bg-destructive/10`,border:`border-destructive/40`,swatch:`bg-destructive`},orange:{badgeBg:`bg-warning/10`,border:`border-warning/40`,swatch:`bg-warning`},amber:{badgeBg:`bg-warning/10`,border:`border-warning/40`,swatch:`bg-warning`},yellow:{badgeBg:`bg-warning/10`,border:`border-warning/40`,swatch:`bg-warning`},green:{badgeBg:`bg-success/10`,border:`border-success/40`,swatch:`bg-success`},blue:{badgeBg:`bg-info/10`,border:`border-info/40`,swatch:`bg-info`},purple:{badgeBg:`bg-primary/10`,border:`border-primary/40`,swatch:`bg-primary`}};function C(e){let t=f(e);return{dot:d[t],...S[t]}}function w(e){return d[f(e)]}function T({categories:e,visibleCategories:t,onToggleCategory:a,enableFiltering:o=!1}){let s=!t||t.length===0,c=e=>o?s||t?.includes(e):!0,u=e=>{!o||!a||a(e)};return e.length===0?null:(0,l.jsx)(`div`,{role:o?`group`:void 0,"aria-label":o?`Filter event categories`:void 0,className:n.cn(`event-calendar-legend--component`,`flex flex-wrap items-center gap-1.5 py-1`),children:e.map(e=>{let t=c(e.id),a=C(e),s=e.icon,d=`group inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium transition-colors`,f=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:n.cn(`inline-block size-2 rounded-full`,t?a.swatch:`bg-muted-foreground/40`),"aria-hidden":`true`}),!!s&&(0,l.jsx)(s,{className:n.cn(`size-3`,t?`text-foreground`:`text-muted-foreground`),"aria-hidden":`true`}),(0,l.jsx)(i.n,{tag:`span`,size:`xs`,weight:`medium`,type:t?`main`:`secondary`,children:e.label})]});return o?(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,"aria-pressed":t,onClick:()=>u(e.id),className:n.cn(d,`h-auto cursor-pointer shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,t?`border-border bg-card hover:bg-muted/40`:`border-dashed border-border/60 bg-transparent text-muted-foreground hover:bg-muted/30`),children:f},e.id):(0,l.jsx)(`span`,{className:n.cn(d,`border-border bg-card cursor-default`),children:f},e.id)})})}T.displayName=`EventCalendarLegend`;function E({events:e,defaultDate:t=new Date,defaultViewMode:n=`month`,onDateChange:r,onViewModeChange:i,dataOptions:a={}}){let[o,l]=(0,s.useState)(t),[u,d]=(0,s.useState)(n),f=h(e,o,u,a),p=(0,s.useMemo)(()=>a.visibleCategories&&a.visibleCategories.length>0?e.filter(e=>a.visibleCategories.includes(e.category)):e,[e,a.visibleCategories]);return{currentDate:o,viewMode:u,calendarDays:f,visibleEvents:p,goToToday:(0,s.useCallback)(()=>{let e=new Date;l(e),r?.(e)},[r]),goToNextPeriod:(0,s.useCallback)(()=>{let e=u===`month`?(0,c.addMonths)(o,1):(0,c.addWeeks)(o,1);l(e),r?.(e)},[o,u,r]),goToPreviousPeriod:(0,s.useCallback)(()=>{let e=u===`month`?(0,c.subMonths)(o,1):(0,c.subWeeks)(o,1);l(e),r?.(e)},[o,u,r]),setDate:(0,s.useCallback)(e=>{l(e),r?.(e)},[r]),setViewMode:(0,s.useCallback)(e=>{d(e),i?.(e)},[i]),displayLabel:(0,s.useMemo)(()=>{if(u===`month`)return(0,c.format)(o,`MMMM yyyy`);if(u===`week`){let e=f[0]?.date,t=f[f.length-1]?.date;return e&&t?`${(0,c.format)(e,`MMM d`)} - ${(0,c.format)(t,`MMM d, yyyy`)}`:(0,c.format)(o,`MMMM yyyy`)}return(0,c.format)(o,`MMMM yyyy`)},[o,u,f]),hasEvents:(0,s.useMemo)(()=>p.length>0,[p])}}function D(e,t){if(!e)return!1;if(Array.isArray(e))return e.some(e=>e.toDateString()===t.toDateString());if(typeof e==`function`)return e(t);let n=e.dates?.some(e=>e.toDateString()===t.toDateString())??!1,r=e.predicate?.(t)??!1;return n||r}function O({events:r,categories:a,viewMode:o,onViewModeChange:c,defaultDate:u,onDateChange:d,onEventClick:f,onDayClick:m,maxEventsPerDay:h=3,showLegend:g=!0,showHeader:_=!0,showWeekends:y=!0,weekStartsOn:b,locale:S,enableCategoryFilter:C=!1,visibleCategories:w,onVisibleCategoriesChange:O,isLoading:k=!1,emptyStateMessage:A,className:j,compact:M=!1,actions:N,strings:P,dayHeadingVariant:F=`default`,dayHeadingClassName:I,renderDayHeading:L,rangeMode:R=`date`,minDate:z,maxDate:B,disabledDates:V,filterEvent:H,renderEvent:U,renderDayCell:W}){let G=e.useStrings(p,P),[K,q]=(0,s.useState)([]),J=w??K,{weekStartsOn:Y}=t.a(),X=b??Y??1,Z=e=>{let t=J.includes(e)?J.filter(t=>t!==e):[...J,e];O?O(t):q(t)},Q=E({events:r,defaultDate:u,defaultViewMode:o||`month`,onDateChange:d,onViewModeChange:c,dataOptions:{weekStartsOn:X,showWeekends:y,visibleCategories:J.length>0?J:void 0}}),ee=(0,s.useMemo)(()=>{let e=G.weekdaysShort;return X===1?[...e.slice(1),e[0]]:e},[G.weekdaysShort,X]),te=e=>{D(V,e.date)||z&&e.date<z||B&&e.date>B||m?.(e.date,e.events)},ne=(0,s.useMemo)(()=>H?Q.calendarDays.map(e=>({...e,events:e.events.filter(H),eventCount:e.events.filter(H).length,hasMultipleEvents:e.events.filter(H).length>1})):Q.calendarDays,[Q.calendarDays,H]);function re(e){return!!(D(V,e)||z&&e<z||B&&e>B)}let $=(0,s.useMemo)(()=>{let e=Q.calendarDays;if(e.length===0)return{prev:!1,next:!1};let t=e[0].date,n=e[e.length-1].date;return{prev:!!z&&t<=z,next:!!B&&n>=B}},[Q.calendarDays,z,B]);if(k)return(0,l.jsx)(`div`,{className:n.cn(`event-calendar--component`,`flex items-center justify-center py-12`),children:(0,l.jsx)(i.n,{type:`secondary`,children:G.loading})});let ie=o?c:void 0,ae=C?Z:void 0;return(0,l.jsxs)(`div`,{className:n.cn(`w-full space-y-4`,j),children:[!!_&&(0,l.jsx)(x,{currentDate:Q.currentDate,viewMode:Q.viewMode,displayLabel:Q.displayLabel,onPrevious:Q.goToPreviousPeriod,onNext:Q.goToNextPeriod,onToday:Q.goToToday,onViewModeChange:ie,onDateChange:Q.setDate,locale:S,actions:N,rangeMode:R,minDate:z,maxDate:B,prevDisabled:$.prev,nextDisabled:$.next,strings:{today:G.today,previous:G.previous,next:G.next,viewMode:G.viewMode}}),!!g&&a.length>0&&(0,l.jsx)(T,{categories:a,visibleCategories:J,onToggleCategory:ae,enableFiltering:C}),!Q.hasEvents&&A?(0,l.jsx)(`div`,{className:`flex items-center justify-center py-12 border border-dashed border-border rounded-lg`,children:(0,l.jsx)(i.n,{type:`secondary`,children:A})}):(0,l.jsxs)(`div`,{className:`bg-background rounded-lg border border-border`,children:[(0,l.jsx)(`div`,{className:n.cn(`grid grid-cols-7`,F===`bordered`&&`border-b border-border mb-0`,F===`tinted`&&`bg-muted/40 rounded-t-lg mb-0 overflow-hidden`,F===`accent`&&`bg-primary/8 rounded-t-lg mb-0 overflow-hidden`,F==="default"&&`mb-2`),children:ee.map((e,t)=>L?(0,l.jsx)(`div`,{children:L(e,t)},e):(0,l.jsx)(`div`,{className:n.cn(`text-center h-8 flex items-center justify-center`,I),children:(0,l.jsx)(i.n,{size:`xs`,weight:F===`accent`?`medium`:`regular`,className:n.cn(F==="default"&&`text-muted-foreground`,F===`tinted`&&`text-muted-foreground`,F===`bordered`&&`text-foreground`,F===`accent`&&`text-primary`),children:e})},e))}),(0,l.jsx)(`div`,{className:`grid grid-cols-7`,children:ne.map(e=>{let t=re(e.date),r=()=>(0,l.jsx)(v,{data:e,categories:a,maxEvents:h,onClick:()=>te(e),compact:M,strings:{booking:G.booking,bookings:G.bookings},renderEvent:U});return(0,l.jsx)(`div`,{className:n.cn(t&&`pointer-events-none opacity-40`),"aria-disabled":t||void 0,children:W?W(e,r):r()},e.date.toISOString())})})]})]})}O.displayName=`EventCalendar`;var k={guest:`guest`,guests:`guests`};function A({event:t,category:a,onClick:o,strings:s}){let d=e.useStrings(k,s),f=!!o,p=()=>{o&&o()},m=t.metadata||{},h=m.customer_name,g=m.guest_count,_=m.service_name,v=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`div`,{className:`flex items-start justify-between gap-3 mb-3`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(i.t,{tag:`h5`,children:t.title}),!!a&&(0,l.jsxs)(`div`,{className:`inline-flex items-center gap-1`,children:[(0,l.jsx)(`span`,{className:n.cn(`h-1.5 w-1.5 rounded-full`,a.color.replace(`border-`,`bg-`))}),(0,l.jsx)(i.n,{size:`xs`,weight:`medium`,children:a.label})]})]}),!!f&&!!t.url&&(0,l.jsx)(u.ExternalLink,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`})]}),(0,l.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-2 mb-3`,children:[!!h&&(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(u.User,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`}),(0,l.jsx)(i.n,{className:`truncate`,children:h})]}),g!==void 0&&g>0&&(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(u.Users,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`}),(0,l.jsxs)(i.n,{children:[g,` `,g===1?d.guest:d.guests]})]})]}),!!_&&(0,l.jsx)(i.n,{type:`secondary`,className:`mb-2 line-clamp-1`,children:_}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5 pt-2 border-t border-border/50`,children:[(0,l.jsx)(u.Calendar,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`}),(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,children:!!t.allDay&&(0,c.format)(t.startDate,`EEEE, MMM d, yyyy`)})]})]}),y=n.cn(`w-full text-left p-4 border border-border rounded-lg bg-card transition-none`,f?`cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`:``);return f?(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:p,className:n.cn(`event-calendar-event-card--component`,`h-auto flex-col items-stretch justify-start whitespace-normal shadow-none`,y),children:v}):(0,l.jsx)(`div`,{className:n.cn(`event-calendar-event-card--component`,y),children:v})}A.displayName=`EventCalendarEventCard`,exports.EventCalendar=O,exports.EventCalendarDayCell=v,exports.EventCalendarEventBadge=m,exports.EventCalendarEventCard=A,exports.EventCalendarHeader=x,exports.EventCalendarLegend=T,exports.calendarTokenDot=d,exports.defaultEventCalendarEventCardStrings=k,exports.defaultEventCalendarStrings=p,exports.getCalendarColorClasses=C,exports.getCalendarDotClass=w,exports.getCategoryById=_,exports.getEventsForDay=g,exports.resolveCategoryColorToken=f,exports.useEventCalendar=E,exports.useEventCalendarData=h;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-DZWtUXf2.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-Bd5bEIiB.cjs"),i=require("../../../_shared/typography-CO9uwZhF.cjs"),a=require("../../../_shared/select-CG5Yq-6A.cjs"),o=require("../../../_shared/date-pickers-C86tVD8e.cjs");let s=require("react"),c=require("date-fns"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={gray:`bg-muted-foreground`,red:`bg-destructive`,orange:`bg-warning`,amber:`bg-warning`,yellow:`bg-warning`,green:`bg-success`,blue:`bg-info`,purple:`bg-primary`};function f(e){if(!e)return`gray`;if(e.colorToken)return e.colorToken;let t=e.color??``;return t.includes(`orange`)?`orange`:t.includes(`yellow`)?`yellow`:t.includes(`amber`)?`amber`:t.includes(`purple`)?`purple`:t.includes(`green`)?`green`:t.includes(`blue`)?`blue`:t.includes(`red`)?`red`:`gray`}var p={today:`Today`,previous:`Previous`,next:`Next`,loading:`Loading…`,booking:`booking`,bookings:`bookings`,viewMode:{month:`Month`,week:`Week`,agenda:`Agenda`},weekdaysShort:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]};function m({event:e,category:t,compact:a=!1,onClick:o}){let s=d[f(t)],u=e.allDay?null:(0,c.format)(e.startDate,`HH:mm`),p=e.metadata?.calendar_cell_title,m=typeof p==`string`&&p.trim()!==``?p:e.title,h=u?`${m} at ${u}`:m;return(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:a?`small`:`default`,onClick:e=>{e.stopPropagation(),o?.()},className:n.cn(`event-calendar-event-badge--component`,`group/event flex w-full min-w-0 items-center gap-1 rounded-md border border-border/60 bg-card px-1.5`,`justify-start text-left shadow-none transition-colors hover:bg-accent/50`,`max-sm:h-3 max-sm:justify-center max-sm:gap-0 max-sm:border-transparent max-sm:bg-transparent max-sm:px-0`,a?`h-5`:`h-6`),"aria-label":h,title:typeof m==`string`?m:void 0,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`size-1.5 shrink-0 rounded-full`,s)}),(0,l.jsx)(i.s,{tag:`span`,size:`xxs`,weight:`medium`,className:`min-w-0 flex-1 truncate max-sm:hidden`,children:m}),!!u&&(0,l.jsx)(i.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 whitespace-nowrap tabular-nums max-sm:hidden`,children:u})]})}m.displayName=`EventCalendarEventBadge`;function h(e,t,n,r={}){let{weekStartsOn:i=1,showWeekends:a=!0,visibleCategories:o}=r;return(0,s.useMemo)(()=>{let r=(0,c.startOfMonth)(t),s=(0,c.endOfMonth)(t),l,u;n===`month`?(l=(0,c.startOfWeek)(r,{weekStartsOn:i}),u=(0,c.endOfWeek)(s,{weekStartsOn:i})):n===`week`?(l=(0,c.startOfWeek)(t,{weekStartsOn:i}),u=(0,c.endOfWeek)(t,{weekStartsOn:i})):(l=r,u=s);let d=(0,c.eachDayOfInterval)({start:l,end:u}),f=o&&o.length>0?e.filter(e=>o.includes(e.category)):e,p=new Map;return f.forEach(e=>{let t=(0,c.startOfDay)(e.startDate);if(Number.isNaN(t.getTime()))return;let n=t;if(e.endDate&&!Number.isNaN(e.endDate.getTime())){let r=(0,c.startOfDay)(e.endDate);!Number.isNaN(r.getTime())&&r.getTime()>=t.getTime()&&(n=r)}(0,c.eachDayOfInterval)({start:t,end:n}).forEach(t=>{let n=t.toISOString().split(`T`)[0];p.has(n)||p.set(n,[]),p.get(n).push(e)})}),d.filter(e=>a||!(0,c.isWeekend)(e)).map(e=>{let n=e.toISOString().split(`T`)[0],r=[...p.get(n)||[]].sort((e,t)=>e.allDay&&!t.allDay?-1:!e.allDay&&t.allDay?1:e.startDate.getTime()-t.startDate.getTime());return{date:e,isCurrentMonth:(0,c.isSameMonth)(e,t),isToday:(0,c.isToday)(e),isWeekend:(0,c.isWeekend)(e),events:r,eventCount:r.length,hasMultipleEvents:r.length>1}})},[e,t,n,i,a,o])}function g(e,t){return e.filter(e=>{let n=(0,c.startOfDay)(e.startDate),r=e.endDate?(0,c.startOfDay)(e.endDate):n,i=(0,c.startOfDay)(t);return(0,c.isSameDay)(i,n)||(0,c.isSameDay)(i,r)||i>n&&i<r}).sort((e,t)=>e.allDay&&!t.allDay?-1:!e.allDay&&t.allDay?1:e.startDate.getTime()-t.startDate.getTime())}function _(e,t){return e.find(e=>e.id===t)}function v({data:e,categories:t,maxEvents:r=3,onClick:a,compact:o=!1,strings:s,renderEvent:c}){let u={booking:s?.booking??p.booking,bookings:s?.bookings??p.bookings},{date:h,isCurrentMonth:g,isToday:v,isWeekend:y,events:b,eventCount:x}=e,S=b.slice(0,r),C=Math.max(0,x-r);return(0,l.jsx)(`div`,{className:n.cn(`event-calendar-day-cell--component`,`p-0 relative w-full border-r border-b border-border last:border-r-0 [&:nth-child(7n)]:border-r-0`),children:(0,l.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),a())},className:n.cn(`relative w-full min-h-24 p-2 transition-colors`,`hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:z-10`,`flex flex-col items-start gap-1`,!g&&`text-muted-foreground opacity-50`,v&&`h-full bg-accent text-accent-foreground`,o&&`min-h-20 p-1`),"aria-label":h.toDateString(),"data-date":h.toISOString(),"data-today":v,"data-weekend":y,"data-current-month":g,children:[(0,l.jsx)(i.s,{className:n.cn(`font-normal leading-none`,v&&`font-semibold`,!g&&`text-muted-foreground`,o&&`text-xs`),children:h.getDate()}),(0,l.jsxs)(`div`,{className:`w-full space-y-0.5`,children:[S.map(n=>{let r=_(t,n.category);return c?(0,l.jsx)(`div`,{children:c(n,r)},n.id):(0,l.jsx)(m,{event:n,category:r,compact:o||e.hasMultipleEvents,onClick:()=>a()},n.id)}),C>0&&(0,l.jsxs)(`div`,{className:`flex items-center gap-1 py-0.5 px-2`,children:[(0,l.jsx)(`div`,{className:`flex items-center -space-x-1`,children:t.slice(0,3).map((e,t)=>(0,l.jsx)(`span`,{className:n.cn(`h-1.5 w-1.5 rounded-full border border-background`,d[f(e)])},e.id||t))}),(0,l.jsxs)(i.s,{size:`xs`,type:`secondary`,className:`font-medium text-xxs`,children:[C,` `,C===1?u.booking:u.bookings]})]})]})]})})}v.displayName=`EventCalendarDayCell`;function y(e){switch(e){case`destructive`:return{variant:`error`,buttonStyle:`solid`};case`outline`:return{variant:`secondary`,buttonStyle:`outline`};case`secondary`:return{variant:`secondary`,buttonStyle:`solid`};case`ghost`:return{variant:`secondary`,buttonStyle:`ghost`};default:return{variant:`primary`,buttonStyle:`solid`}}}var b=(e,t)=>{if(!e)return null;if(e.element)return(0,l.jsx)(`div`,{className:`event-calendar-header--component`,children:e.element},e.id||t);let i=e.icon,a=e.id||`action-${t}`,o=()=>{e.onClick?.()},s=y(e.variant);return(0,l.jsxs)(r.t,{variant:s.variant,buttonStyle:s.buttonStyle,onClick:o,className:n.cn(`h-8 gap-2`,s.className),disabled:!!e.disabled,children:[!!i&&(0,l.jsx)(i,{className:`h-4 w-4`}),e.label]},a)};function x({currentDate:t,viewMode:n,displayLabel:c,onPrevious:d,onNext:f,onToday:m,onViewModeChange:h,onDateChange:g,locale:_,actions:v,strings:y,rangeMode:x=`date`,minDate:S,maxDate:C,prevDisabled:w=!1,nextDisabled:T=!1}){let E=e.useStrings(p,y),D=(0,s.useMemo)(()=>(v||[]).filter(e=>e.isVisible!==!1),[v]);return(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-4 mb-4`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(i.o,{tag:`h3`,className:`text-lg font-semibold`,children:c}),(0,l.jsx)(o.t,{value:{month:t.getMonth(),year:t.getFullYear()},onChange:e=>{e.date&&g?.(e.date)},fromYear:S?.getFullYear(),toYear:C?.getFullYear(),locale:_})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[D.length>0&&(0,l.jsxs)(l.Fragment,{children:[D.map((e,t)=>b(e,t)),(0,l.jsx)(`div`,{className:`h-6 w-px bg-border mx-1`})]}),(0,l.jsx)(r.t,{variant:`secondary`,buttonStyle:`outline`,onClick:m,className:`hidden sm:inline-flex`,children:E.today}),(0,l.jsxs)(`div`,{className:`flex items-center border border-border rounded-md`,children:[(0,l.jsx)(r.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon`,onClick:d,disabled:w,className:`h-8 w-8 rounded-r-none border-r`,"aria-label":E.previous,children:(0,l.jsx)(u.ChevronLeft,{className:`h-4 w-4`})}),(0,l.jsx)(r.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon`,onClick:f,disabled:T,className:`h-8 w-8 rounded-l-none`,"aria-label":E.next,children:(0,l.jsx)(u.ChevronRight,{className:`h-4 w-4`})})]}),!!h&&(0,l.jsxs)(a.t,{value:n,onValueChange:e=>{e&&h(e)},children:[(0,l.jsx)(a.a,{className:`w-28 h-8`,children:(0,l.jsx)(a.o,{})}),(0,l.jsxs)(a.n,{children:[(0,l.jsx)(a.i,{value:`month`,children:E.viewMode.month}),(0,l.jsx)(a.i,{value:`week`,children:E.viewMode.week}),(0,l.jsx)(a.i,{value:`agenda`,children:E.viewMode.agenda})]})]})]})]})}x.displayName=`EventCalendarHeader`;var S={gray:{badgeBg:`bg-muted`,border:`border-border`,swatch:`bg-muted-foreground`},red:{badgeBg:`bg-destructive/10`,border:`border-destructive/40`,swatch:`bg-destructive`},orange:{badgeBg:`bg-warning/10`,border:`border-warning/40`,swatch:`bg-warning`},amber:{badgeBg:`bg-warning/10`,border:`border-warning/40`,swatch:`bg-warning`},yellow:{badgeBg:`bg-warning/10`,border:`border-warning/40`,swatch:`bg-warning`},green:{badgeBg:`bg-success/10`,border:`border-success/40`,swatch:`bg-success`},blue:{badgeBg:`bg-info/10`,border:`border-info/40`,swatch:`bg-info`},purple:{badgeBg:`bg-primary/10`,border:`border-primary/40`,swatch:`bg-primary`}};function C(e){let t=f(e);return{dot:d[t],...S[t]}}function w(e){return d[f(e)]}function T({categories:e,visibleCategories:t,onToggleCategory:a,enableFiltering:o=!1}){let s=!t||t.length===0,c=e=>o?s||t?.includes(e):!0,u=e=>{!o||!a||a(e)};return e.length===0?null:(0,l.jsx)(`div`,{role:o?`group`:void 0,"aria-label":o?`Filter event categories`:void 0,className:n.cn(`event-calendar-legend--component`,`flex flex-wrap items-center gap-1.5 py-1`),children:e.map(e=>{let t=c(e.id),a=C(e),s=e.icon,d=`group inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium transition-colors`,f=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:n.cn(`inline-block size-2 rounded-full`,t?a.swatch:`bg-muted-foreground/40`),"aria-hidden":`true`}),!!s&&(0,l.jsx)(s,{className:n.cn(`size-3`,t?`text-foreground`:`text-muted-foreground`),"aria-hidden":`true`}),(0,l.jsx)(i.s,{tag:`span`,size:`xs`,weight:`medium`,type:t?`main`:`secondary`,children:e.label})]});return o?(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,"aria-pressed":t,onClick:()=>u(e.id),className:n.cn(d,`h-auto cursor-pointer shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,t?`border-border bg-card hover:bg-muted/40`:`border-dashed border-border/60 bg-transparent text-muted-foreground hover:bg-muted/30`),children:f},e.id):(0,l.jsx)(`span`,{className:n.cn(d,`border-border bg-card cursor-default`),children:f},e.id)})})}T.displayName=`EventCalendarLegend`;function E({events:e,defaultDate:t=new Date,defaultViewMode:n=`month`,onDateChange:r,onViewModeChange:i,dataOptions:a={}}){let[o,l]=(0,s.useState)(t),[u,d]=(0,s.useState)(n),f=h(e,o,u,a),p=(0,s.useMemo)(()=>a.visibleCategories&&a.visibleCategories.length>0?e.filter(e=>a.visibleCategories.includes(e.category)):e,[e,a.visibleCategories]);return{currentDate:o,viewMode:u,calendarDays:f,visibleEvents:p,goToToday:(0,s.useCallback)(()=>{let e=new Date;l(e),r?.(e)},[r]),goToNextPeriod:(0,s.useCallback)(()=>{let e=u===`month`?(0,c.addMonths)(o,1):(0,c.addWeeks)(o,1);l(e),r?.(e)},[o,u,r]),goToPreviousPeriod:(0,s.useCallback)(()=>{let e=u===`month`?(0,c.subMonths)(o,1):(0,c.subWeeks)(o,1);l(e),r?.(e)},[o,u,r]),setDate:(0,s.useCallback)(e=>{l(e),r?.(e)},[r]),setViewMode:(0,s.useCallback)(e=>{d(e),i?.(e)},[i]),displayLabel:(0,s.useMemo)(()=>{if(u===`month`)return(0,c.format)(o,`MMMM yyyy`);if(u===`week`){let e=f[0]?.date,t=f[f.length-1]?.date;return e&&t?`${(0,c.format)(e,`MMM d`)} - ${(0,c.format)(t,`MMM d, yyyy`)}`:(0,c.format)(o,`MMMM yyyy`)}return(0,c.format)(o,`MMMM yyyy`)},[o,u,f]),hasEvents:(0,s.useMemo)(()=>p.length>0,[p])}}function D(e,t){if(!e)return!1;if(Array.isArray(e))return e.some(e=>e.toDateString()===t.toDateString());if(typeof e==`function`)return e(t);let n=e.dates?.some(e=>e.toDateString()===t.toDateString())??!1,r=e.predicate?.(t)??!1;return n||r}function O({events:r,categories:a,viewMode:o,onViewModeChange:c,defaultDate:u,onDateChange:d,onEventClick:f,onDayClick:m,maxEventsPerDay:h=3,showLegend:g=!0,showHeader:_=!0,showWeekends:y=!0,weekStartsOn:b,locale:S,enableCategoryFilter:C=!1,visibleCategories:w,onVisibleCategoriesChange:O,isLoading:k=!1,emptyStateMessage:A,className:j,compact:M=!1,actions:N,strings:P,dayHeadingVariant:F=`default`,dayHeadingClassName:I,renderDayHeading:L,rangeMode:R=`date`,minDate:z,maxDate:B,disabledDates:V,filterEvent:H,renderEvent:U,renderDayCell:W}){let G=e.useStrings(p,P),[K,q]=(0,s.useState)([]),J=w??K,{weekStartsOn:Y}=t.i(),X=b??Y??1,Z=e=>{let t=J.includes(e)?J.filter(t=>t!==e):[...J,e];O?O(t):q(t)},Q=E({events:r,defaultDate:u,defaultViewMode:o||`month`,onDateChange:d,onViewModeChange:c,dataOptions:{weekStartsOn:X,showWeekends:y,visibleCategories:J.length>0?J:void 0}}),ee=(0,s.useMemo)(()=>{let e=G.weekdaysShort;return X===1?[...e.slice(1),e[0]]:e},[G.weekdaysShort,X]),te=e=>{D(V,e.date)||z&&e.date<z||B&&e.date>B||m?.(e.date,e.events)},ne=(0,s.useMemo)(()=>H?Q.calendarDays.map(e=>({...e,events:e.events.filter(H),eventCount:e.events.filter(H).length,hasMultipleEvents:e.events.filter(H).length>1})):Q.calendarDays,[Q.calendarDays,H]);function re(e){return!!(D(V,e)||z&&e<z||B&&e>B)}let $=(0,s.useMemo)(()=>{let e=Q.calendarDays;if(e.length===0)return{prev:!1,next:!1};let t=e[0].date,n=e[e.length-1].date;return{prev:!!z&&t<=z,next:!!B&&n>=B}},[Q.calendarDays,z,B]);if(k)return(0,l.jsx)(`div`,{className:n.cn(`event-calendar--component`,`flex items-center justify-center py-12`),children:(0,l.jsx)(i.s,{type:`secondary`,children:G.loading})});let ie=o?c:void 0,ae=C?Z:void 0;return(0,l.jsxs)(`div`,{className:n.cn(`w-full space-y-4`,j),children:[!!_&&(0,l.jsx)(x,{currentDate:Q.currentDate,viewMode:Q.viewMode,displayLabel:Q.displayLabel,onPrevious:Q.goToPreviousPeriod,onNext:Q.goToNextPeriod,onToday:Q.goToToday,onViewModeChange:ie,onDateChange:Q.setDate,locale:S,actions:N,rangeMode:R,minDate:z,maxDate:B,prevDisabled:$.prev,nextDisabled:$.next,strings:{today:G.today,previous:G.previous,next:G.next,viewMode:G.viewMode}}),!!g&&a.length>0&&(0,l.jsx)(T,{categories:a,visibleCategories:J,onToggleCategory:ae,enableFiltering:C}),!Q.hasEvents&&A?(0,l.jsx)(`div`,{className:`flex items-center justify-center py-12 border border-dashed border-border rounded-lg`,children:(0,l.jsx)(i.s,{type:`secondary`,children:A})}):(0,l.jsxs)(`div`,{className:`bg-background rounded-lg border border-border`,children:[(0,l.jsx)(`div`,{className:n.cn(`grid grid-cols-7`,F===`bordered`&&`border-b border-border mb-0`,F===`tinted`&&`bg-muted/40 rounded-t-lg mb-0 overflow-hidden`,F===`accent`&&`bg-primary/8 rounded-t-lg mb-0 overflow-hidden`,F==="default"&&`mb-2`),children:ee.map((e,t)=>L?(0,l.jsx)(`div`,{children:L(e,t)},e):(0,l.jsx)(`div`,{className:n.cn(`text-center h-8 flex items-center justify-center`,I),children:(0,l.jsx)(i.s,{size:`xs`,weight:F===`accent`?`medium`:`regular`,className:n.cn(F==="default"&&`text-muted-foreground`,F===`tinted`&&`text-muted-foreground`,F===`bordered`&&`text-foreground`,F===`accent`&&`text-primary`),children:e})},e))}),(0,l.jsx)(`div`,{className:`grid grid-cols-7`,children:ne.map(e=>{let t=re(e.date),r=()=>(0,l.jsx)(v,{data:e,categories:a,maxEvents:h,onClick:()=>te(e),compact:M,strings:{booking:G.booking,bookings:G.bookings},renderEvent:U});return(0,l.jsx)(`div`,{className:n.cn(t&&`pointer-events-none opacity-40`),"aria-disabled":t||void 0,children:W?W(e,r):r()},e.date.toISOString())})})]})]})}O.displayName=`EventCalendar`;var k={guest:`guest`,guests:`guests`};function A({event:t,category:a,onClick:o,strings:s}){let d=e.useStrings(k,s),f=!!o,p=()=>{o&&o()},m=t.metadata||{},h=m.customer_name,g=m.guest_count,_=m.service_name,v=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`div`,{className:`flex items-start justify-between gap-3 mb-3`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(i.o,{tag:`h5`,children:t.title}),!!a&&(0,l.jsxs)(`div`,{className:`inline-flex items-center gap-1`,children:[(0,l.jsx)(`span`,{className:n.cn(`h-1.5 w-1.5 rounded-full`,a.color.replace(`border-`,`bg-`))}),(0,l.jsx)(i.s,{size:`xs`,weight:`medium`,children:a.label})]})]}),!!f&&!!t.url&&(0,l.jsx)(u.ExternalLink,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`})]}),(0,l.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-2 mb-3`,children:[!!h&&(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(u.User,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`}),(0,l.jsx)(i.s,{className:`truncate`,children:h})]}),g!==void 0&&g>0&&(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(u.Users,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`}),(0,l.jsxs)(i.s,{children:[g,` `,g===1?d.guest:d.guests]})]})]}),!!_&&(0,l.jsx)(i.s,{type:`secondary`,className:`mb-2 line-clamp-1`,children:_}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5 pt-2 border-t border-border/50`,children:[(0,l.jsx)(u.Calendar,{className:`h-3.5 w-3.5 text-muted-foreground flex-shrink-0`}),(0,l.jsx)(i.s,{size:`xs`,type:`secondary`,children:!!t.allDay&&(0,c.format)(t.startDate,`EEEE, MMM d, yyyy`)})]})]}),y=n.cn(`w-full text-left p-4 border border-border rounded-lg bg-card transition-none`,f?`cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`:``);return f?(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:p,className:n.cn(`event-calendar-event-card--component`,`h-auto flex-col items-stretch justify-start whitespace-normal shadow-none`,y),children:v}):(0,l.jsx)(`div`,{className:n.cn(`event-calendar-event-card--component`,y),children:v})}A.displayName=`EventCalendarEventCard`,exports.EventCalendar=O,exports.EventCalendarDayCell=v,exports.EventCalendarEventBadge=m,exports.EventCalendarEventCard=A,exports.EventCalendarHeader=x,exports.EventCalendarLegend=T,exports.calendarTokenDot=d,exports.defaultEventCalendarEventCardStrings=k,exports.defaultEventCalendarStrings=p,exports.getCalendarColorClasses=C,exports.getCalendarDotClass=w,exports.getCategoryById=_,exports.getEventsForDay=g,exports.resolveCategoryColorToken=f,exports.useEventCalendar=E,exports.useEventCalendarData=h;
 //# sourceMappingURL=index.cjs.map