@lerianstudio/sindarian-ui 1.2.0 → 1.3.0-beta.2

package/dist/charts/chart.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Recharts wrapper family (shadcn canon).
+ *
+ * `ChartContainer` takes a `ChartConfig` keyed by series name and injects one
+ * `--color-<key>` CSS variable per series, scoped to that chart instance and
+ * emitted twice — once for light, once under `.dark` — so a chart re-colors
+ * with the theme without a re-render. Recharts series then reference
+ * `var(--color-<key>)`.
+ *
+ * Series colors come from the design tokens: pass `color: 'var(--color-chart-1)'`
+ * (the Tailwind `@theme` name, already wrapped in `hsl()`), never the raw
+ * `var(--chart-1)` triple, which is not a usable color value on its own.
+ */
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+import type { TooltipValueType } from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type TooltipNameType = number | string;
+export type ChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+declare function ChartContainer({ id, className, children, config, ariaLabel, initialDimension, ...props }: React.ComponentProps<'div'> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+    /**
+     * Accessible name for the chart. A non-empty string applies
+     * `role="img"` + `aria-label`; `false` marks the chart purely decorative
+     * with `aria-hidden`. `undefined` is treated as no name (no a11y attrs).
+     */
+    ariaLabel?: string | false;
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+}): React.JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => React.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<'div'> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, 'accessibilityLayer'>): React.JSX.Element | null;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey }: React.ComponentProps<'div'> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+} & RechartsPrimitive.DefaultLegendContentProps): React.JSX.Element | null;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle };
+//# sourceMappingURL=chart.d.ts.map

package/dist/charts/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/charts/chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAKhD,QAAA,MAAM,MAAM;;;CAAwC,CAAA;AAqCpD,KAAK,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAEtC,MAAM,MAAM,WAAW,GAAG,MAAM,CAC9B,MAAM,EACN;IACE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC3B,GAAG,CACA;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAChE,CACF,CAAA;AAkBD,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAoC,EACpC,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAC5B,OAAO,iBAAiB,CAAC,mBAAmB,CAC7C,CAAC,UAAU,CAAC,CAAA;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAC1B,gBAAgB,CAAC,EAAE;QACjB,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF,qBAoCA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,6BAqCtE,CAAA;AAED,QAAA,MAAM,YAAY,kCAA4B,CAAA;AAE9C,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACvD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CACN,iBAAiB,CAAC,0BAA0B,CAC1C,gBAAgB,EAChB,eAAe,CAChB,EACD,oBAAoB,CACrB,4BA6HF;AAED,QAAA,MAAM,WAAW,sGAA2B,CAAA;AAE5C,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,iBAAiB,CAAC,yBAAyB,4BA4C9C;AAuCD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,EACX,CAAA"}

package/dist/charts/chart.js

@@ -0,0 +1,232 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartStyle = exports.ChartLegend = exports.ChartTooltip = void 0;
+exports.ChartContainer = ChartContainer;
+exports.ChartTooltipContent = ChartTooltipContent;
+exports.ChartLegendContent = ChartLegendContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Recharts wrapper family (shadcn canon).
+ *
+ * `ChartContainer` takes a `ChartConfig` keyed by series name and injects one
+ * `--color-<key>` CSS variable per series, scoped to that chart instance and
+ * emitted twice — once for light, once under `.dark` — so a chart re-colors
+ * with the theme without a re-render. Recharts series then reference
+ * `var(--color-<key>)`.
+ *
+ * Series colors come from the design tokens: pass `color: 'var(--color-chart-1)'`
+ * (the Tailwind `@theme` name, already wrapped in `hsl()`), never the raw
+ * `var(--chart-1)` triple, which is not a usable color value on its own.
+ */
+const React = __importStar(require("react"));
+const RechartsPrimitive = __importStar(require("recharts"));
+const utils_1 = require("../lib/utils");
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: '', dark: '.dark' };
+/**
+ * ChartStyle writes a stylesheet through `dangerouslySetInnerHTML`, so every
+ * interpolated value is an injection sink: `</style>` inside a config key, id,
+ * or color would close the element and let arbitrary markup follow. Config
+ * often carries server data (series names from an API), so these are validated
+ * rather than trusted.
+ *
+ * CSS_IDENT — the chart id, which lands in an UNQUOTED attribute selector and
+ * so may not lead with a digit.
+ * CONFIG_KEY — series keys, which become `--color-<key>` custom-property names.
+ * Custom properties DO allow a leading digit, so a numeric series (a year, say)
+ * must pass; only CSS syntax is excluded.
+ */
+const CSS_IDENT = /^[A-Za-z_][\w-]*$/;
+const CONFIG_KEY = /^[\w-]+$/;
+/**
+ * A deliberately conservative character allowlist covering hex, named, `var(…)`,
+ * `rgb()/hsl()/color-mix()` and slash-alpha forms. It admits no `<`, `>`, `{`,
+ * `}`, `;`, `:`, quote, backslash, `@`, `*` or `!`, which rules out tag-closing,
+ * rule termination, comments, at-rules and `!important`.
+ *
+ * `url(…)` is rejected separately: the allowlist alone would pass an unquoted
+ * `url(//evil.test/pixel.png)` — no colon or quote required — which the browser
+ * would fetch, leaking the viewer's IP and referrer to a third party. The
+ * whitespace tolerance covers `url (…)` variants.
+ */
+const CSS_COLOR = /^[\w\s#%.,()/-]+$/;
+const CSS_URL = /url\s*\(/i;
+function isSafeColor(color) {
+    return CSS_COLOR.test(color) && !CSS_URL.test(color);
+}
+const INITIAL_DIMENSION = { width: 320, height: 200 };
+const ChartContext = React.createContext(null);
+function useChart() {
+    const context = React.useContext(ChartContext);
+    if (!context) {
+        throw new Error('useChart must be used within a <ChartContainer />');
+    }
+    return context;
+}
+function ChartContainer({ id, className, children, config, ariaLabel, initialDimension = INITIAL_DIMENSION, ...props }) {
+    const uniqueId = React.useId();
+    // chartId lands in BOTH a DOM attribute and a CSS attribute selector, so the
+    // two must agree and neither may carry syntax — strip to [\w-] once, here.
+    const chartId = `chart-${(id ?? uniqueId).replace(/[^\w-]/g, '')}`;
+    // Resolve the accessibility contract for the container element:
+    // named → expose as an image with that name; false → hide from a11y tree.
+    const a11yProps = typeof ariaLabel === 'string' && ariaLabel.length > 0
+        ? { role: 'img', 'aria-label': ariaLabel }
+        : ariaLabel === false
+            ? { 'aria-hidden': true }
+            : {};
+    return ((0, jsx_runtime_1.jsx)(ChartContext.Provider, { value: { config }, children: (0, jsx_runtime_1.jsxs)("div", { "data-slot": "chart", "data-chart": chartId, ...a11yProps, className: (0, utils_1.cn)("[&_.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-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 flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [(0, jsx_runtime_1.jsx)(ChartStyle, { id: chartId, config: config }), (0, jsx_runtime_1.jsx)(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
+}
+const ChartStyle = ({ id, config }) => {
+    // An id that cannot be written as a CSS identifier cannot be scoped safely,
+    // and an unscoped rule would leak across every chart on the page.
+    if (!CSS_IDENT.test(id)) {
+        return null;
+    }
+    const colorConfig = Object.entries(config).filter(([key, config]) => CONFIG_KEY.test(key) && (config.theme ?? config.color));
+    if (!colorConfig.length) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
+            __html: Object.entries(THEMES)
+                .map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+                .map(([key, itemConfig]) => {
+                const color = itemConfig.theme?.[theme] ??
+                    itemConfig.color;
+                return color && isSafeColor(color) ? `  --color-${key}: ${color};` : null;
+            })
+                .join('\n')}
+}
+`)
+                .join('\n')
+        } }));
+};
+exports.ChartStyle = ChartStyle;
+const ChartTooltip = RechartsPrimitive.Tooltip;
+exports.ChartTooltip = ChartTooltip;
+function ChartTooltipContent({ active, payload, className, indicator = 'dot', hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+        if (hideLabel || !payload?.length) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === 'string'
+            ? (config[label]?.label ?? label)
+            : itemConfig?.label;
+        if (labelFormatter) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('font-medium', labelClassName), children: labelFormatter(value, payload) }));
+        }
+        if (!value) {
+            return null;
+        }
+        return (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('font-medium', labelClassName), children: value });
+    }, [
+        label,
+        labelFormatter,
+        payload,
+        hideLabel,
+        labelClassName,
+        config,
+        labelKey
+    ]);
+    if (!active || !payload?.length) {
+        return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== 'dot';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl', className), children: [!nestLabel ? tooltipLabel : null, (0, jsx_runtime_1.jsx)("div", { className: "grid gap-1.5", children: payload
+                    .filter((item) => item.type !== 'none')
+                    .map((item, index) => {
+                    const key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;
+                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                    const indicatorColor = color ?? item.payload?.fill ?? item.color;
+                    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5', indicator === 'dot' && 'items-center'), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [itemConfig?.icon ? ((0, jsx_runtime_1.jsx)(itemConfig.icon, {})) : (!hideIndicator && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)', {
+                                        'h-2.5 w-2.5': indicator === 'dot',
+                                        'w-1': indicator === 'line',
+                                        'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',
+                                        'my-0.5': nestLabel && indicator === 'dashed'
+                                    }), style: {
+                                        '--color-bg': indicatorColor,
+                                        '--color-border': indicatorColor
+                                    } }))), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, (0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground font-mono font-medium tabular-nums", children: typeof item.value === 'number'
+                                                ? item.value.toLocaleString()
+                                                : String(item.value) }))] })] })) }, index));
+                }) })] }));
+}
+const ChartLegend = RechartsPrimitive.Legend;
+exports.ChartLegend = ChartLegend;
+function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }) {
+    const { config } = useChart();
+    if (!payload?.length) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className), children: payload
+            .filter((item) => item.type !== 'none')
+            .map((item, index) => {
+            const key = `${nameKey ?? item.dataKey ?? 'value'}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'), children: [itemConfig?.icon && !hideIcon ? ((0, jsx_runtime_1.jsx)(itemConfig.icon, {})) : ((0, jsx_runtime_1.jsx)("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
+                            backgroundColor: item.color
+                        } })), itemConfig?.label] }, index));
+        }) }));
+}
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (typeof payload !== 'object' || payload === null) {
+        return undefined;
+    }
+    const payloadPayload = 'payload' in payload &&
+        typeof payload.payload === 'object' &&
+        payload.payload !== null
+        ? payload.payload
+        : undefined;
+    let configLabelKey = key;
+    if (key in payload &&
+        typeof payload[key] === 'string') {
+        configLabelKey = payload[key];
+    }
+    else if (payloadPayload &&
+        key in payloadPayload &&
+        typeof payloadPayload[key] === 'string') {
+        configLabelKey = payloadPayload[key];
+    }
+    return configLabelKey in config ? config[configLabelKey] : config[key];
+}

package/dist/charts/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from './chart';
+export type { ChartConfig } from './chart';
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAChB,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}

package/dist/charts/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartLegendContent = exports.ChartLegend = exports.ChartTooltipContent = exports.ChartTooltip = exports.ChartContainer = void 0;
+// Owned by lane theme-toasts-charts — see docs/plans/2026-08-26-sindarian-x-retirement/
+// ChartStyle stays internal: it is an implementation detail of ChartContainer.
+var chart_1 = require("./chart");
+Object.defineProperty(exports, "ChartContainer", { enumerable: true, get: function () { return chart_1.ChartContainer; } });
+Object.defineProperty(exports, "ChartTooltip", { enumerable: true, get: function () { return chart_1.ChartTooltip; } });
+Object.defineProperty(exports, "ChartTooltipContent", { enumerable: true, get: function () { return chart_1.ChartTooltipContent; } });
+Object.defineProperty(exports, "ChartLegend", { enumerable: true, get: function () { return chart_1.ChartLegend; } });
+Object.defineProperty(exports, "ChartLegendContent", { enumerable: true, get: function () { return chart_1.ChartLegendContent; } });

package/dist/components/breadcrumb/get-breadcrumb-paths.js

@@ -1,11 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBreadcrumbPaths = getBreadcrumbPaths;
-const lodash_1 = require("lodash");
+const isNil_js_1 = __importDefault(require("lodash/isNil.js"));
 function getBreadcrumbPaths(paths) {
     return (paths
         .filter((path) => {
-        if ((0, lodash_1.isNil)(path.active)) {
+        if ((0, isNil_js_1.default)(path.active)) {
             return true;
         }
         return path.active();

package/dist/components/form/date-time-picker-field/index.js

@@ -92,7 +92,7 @@ const DateTimePickerField = ({ name, label, tooltip, labelExtra, description, pl
             const showClear = !!field.value && !readOnly && !disabled;
             return ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && ((0, jsx_runtime_1.jsx)(form_1.FormLabel, { extra: tooltip ? (0, jsx_runtime_1.jsx)(form_1.FormTooltip, { children: tooltip }) : labelExtra, children: label })), (0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative w-full", children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(form_1.FormControl, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", disabled: disabled, className: (0, utils_1.cn)('bg-input hover:bg-input border-shadcn-400 text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal', readOnly && 'pointer-events-none', showClear && 'pr-8', open && 'ring-ring ring-2 ring-offset-0'), "data-testid": others['data-testid'], icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon, { className: "size-4" }), children: (0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('text-foreground flex-1 text-left', validCurrent && 'font-bold'), children: validCurrent
                                                         ? validCurrent.format(dateFormat)
-                                                        : placeholder }) }) }) }), showClear && ((0, jsx_runtime_1.jsx)("span", { role: "button", tabIndex: 0, "aria-label": "Clear date and time", className: "text-muted-foreground hover:text-foreground focus-visible:ring-ring absolute right-2 top-1/2 z-10 inline-flex -translate-y-1/2 shrink-0 rounded-sm outline-none focus-visible:ring-2", onClick: handleClear, onKeyDown: (e) => {
+                                                        : placeholder }) }) }) }), showClear && ((0, jsx_runtime_1.jsx)("span", { role: "button", tabIndex: 0, "aria-label": "Clear date and time", className: "text-muted-foreground hover:text-foreground focus-visible:ring-ring absolute top-1/2 right-2 z-10 inline-flex shrink-0 -translate-y-1/2 rounded-sm outline-none focus-visible:ring-2", onClick: handleClear, onKeyDown: (e) => {
                                             if (e.key === 'Enter' || e.key === ' ') {
                                                 e.preventDefault();
                                                 handleClear(e);

package/dist/components/form/file-upload-field/index.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import { Control, FieldPathByValue, FieldValues } from 'react-hook-form';
+import { type FileUploadResult } from '../../../components/ui/file-upload';
+import { type RenderableLabel } from '../../../components/form/renderable-label';
+type FileUploadFieldOwnProps<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    /**
+     * Must point at a string-valued field: the adapter writes the file's text, or
+     * `''` when cleared, never a File and never null. `string | undefined` also
+     * matches plain `string` fields, so optional ones are covered by the same type.
+     */
+    name: FieldPathByValue<T, string | undefined>;
+    description?: ReactNode;
+    tooltip?: string;
+    required?: boolean;
+    accept?: string;
+    maxSizeBytes?: number;
+    disabled?: boolean;
+    className?: string;
+    /** Optional escape hatch to also observe the picked File/clear alongside the form's text value. */
+    onSelect?: (result: FileUploadResult | null) => void;
+};
+/**
+ * A control with no accessible name is invisible to screen readers, so the type
+ * makes one mandatory: either a visible `label`, or an `aria-label` when the
+ * design calls for a bare file picker.
+ */
+export type FileUploadFieldProps<T extends FieldValues = FieldValues> = FileUploadFieldOwnProps<T> & ({
+    label: RenderableLabel;
+    'aria-label'?: string;
+} | {
+    label?: never;
+    'aria-label': string;
+});
+/**
+ * FileUploadField — the react-hook-form field for FileUpload.
+ *
+ * The field VALUE is the file's UTF-8 TEXT string (so a Zod `z.string()` PEM
+ * schema validates directly), `''` when cleared — never the File, never null —
+ * so `z.string().min(1)` fires the required error with zero adapter code. The
+ * File metadata for the visible chip lives in field-LOCAL state, since the form
+ * only holds the text. The shown chip is DERIVED from the form field value, so
+ * an external `form.reset()` / `setValue(name, '')` that clears the text also
+ * clears the chip — local state can never linger out of sync with the form. A
+ * rejected pick (size/type/read) clears the form value so it can't pass
+ * validation, while the primitive's own inline `role="alert"` announces the
+ * rejection; on resolver failure the FormMessage announces. Both surfaces are
+ * wired.
+ */
+export declare const FileUploadField: <T extends FieldValues = FieldValues>({ control, name, label, description, tooltip, required, accept, maxSizeBytes, disabled, className, onSelect, "aria-label": ariaLabelProp }: FileUploadFieldProps<T>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/file-upload-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/file-upload-field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAWxE,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAA;AAE3C,KAAK,uBAAuB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IAClE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACnB;;;;OAIG;IACH,IAAI,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CACrD,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAClE,uBAAuB,CAAC,CAAC,CAAC,GACxB,CACI;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAC1C,CAAA;AAEL;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,4IAalE,oBAAoB,CAAC,CAAC,CAAC,gCA8EzB,CAAA"}

package/dist/components/form/file-upload-field/index.js

@@ -0,0 +1,64 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploadField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const form_1 = require("../../../components/ui/form");
+const file_upload_1 = require("../../../components/ui/file-upload");
+const renderable_label_1 = require("../../../components/form/renderable-label");
+/**
+ * FileUploadField — the react-hook-form field for FileUpload.
+ *
+ * The field VALUE is the file's UTF-8 TEXT string (so a Zod `z.string()` PEM
+ * schema validates directly), `''` when cleared — never the File, never null —
+ * so `z.string().min(1)` fires the required error with zero adapter code. The
+ * File metadata for the visible chip lives in field-LOCAL state, since the form
+ * only holds the text. The shown chip is DERIVED from the form field value, so
+ * an external `form.reset()` / `setValue(name, '')` that clears the text also
+ * clears the chip — local state can never linger out of sync with the form. A
+ * rejected pick (size/type/read) clears the form value so it can't pass
+ * validation, while the primitive's own inline `role="alert"` announces the
+ * rejection; on resolver failure the FormMessage announces. Both surfaces are
+ * wired.
+ */
+const FileUploadField = ({ control, name, label, description, tooltip, required, accept, maxSizeBytes, disabled, className, onSelect, 'aria-label': ariaLabelProp }) => {
+    const [localValue, setLocalValue] = (0, react_1.useState)(null);
+    const showLabel = (0, renderable_label_1.hasRenderableLabel)(label);
+    // An empty or whitespace-only aria-label is worse than none: it names the
+    // control "". Drop it so the attribute never reaches the DOM.
+    const ariaLabel = ariaLabelProp?.trim() ? ariaLabelProp : undefined;
+    // The type cannot rule out `label=""`, so this is the only signal a developer
+    // gets that the control shipped nameless.
+    if (process.env.NODE_ENV !== 'production' && !showLabel && !ariaLabel) {
+        console.error(`FileUploadField "${name}" has no accessible name: pass a non-empty label or aria-label.`);
+    }
+    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { control: control, name: name, render: ({ field }) => {
+            // The chip follows the LOCAL selection, reconciled against the form
+            // value — not the form value's truthiness.
+            //
+            // Truthiness cannot tell "no file" from "an accepted EMPTY file": both
+            // store ''. So picking a legitimately empty file hid the chip, the zone
+            // went back to "Choose a file or drag and drop" even though the pick was
+            // accepted, and a `z.string().min(1)` rule then failed the field with
+            // nothing on screen to explain why.
+            //
+            // Comparing against the text we last wrote keeps the external-reset
+            // behaviour that truthiness was there for: after form.reset() or
+            // setValue(name, ''), the stored text no longer matches the selection, so
+            // the stale File metadata still cannot linger.
+            //
+            // ponytail: one residual case is irreducible from the form value alone —
+            // resetting AFTER picking an empty file leaves the chip up, because ''
+            // (reset) and '' (that file's text) are the same string and the form
+            // value carries nothing else to tell them apart. Fix needs a reset epoch
+            // from react-hook-form, or a form value richer than the file text.
+            const shown = localValue && field.value === localValue.text ? localValue : null;
+            return ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [showLabel && ((0, jsx_runtime_1.jsx)(form_1.FormLabel, { extra: tooltip ? (0, jsx_runtime_1.jsx)(form_1.FormTooltip, { children: tooltip }) : undefined, children: label })), (0, jsx_runtime_1.jsx)(form_1.FormControl, { children: (0, jsx_runtime_1.jsx)(file_upload_1.FileUpload, { ref: field.ref, name: field.name, onBlur: field.onBlur, "aria-label": ariaLabel, accept: accept, maxSizeBytes: maxSizeBytes, disabled: disabled, className: className, value: shown, onSelect: (result) => {
+                                setLocalValue(result);
+                                field.onChange(result?.text ?? '');
+                                onSelect?.(result);
+                            }, onError: () => field.onChange('') }) }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {}), description && (0, jsx_runtime_1.jsx)(form_1.FormDescription, { children: description })] }));
+        } }));
+};
+exports.FileUploadField = FileUploadField;

package/dist/components/form/index.d.ts

@@ -10,4 +10,7 @@ export * from './date-picker-field';
 export * from './date-time-picker-field';
 export * from './otp-field';
 export * from './password-field';
+export * from './file-upload-field';
+export * from './radio-group-field';
+export * from './textarea-field';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}

package/dist/components/form/index.js

@@ -26,3 +26,6 @@ __exportStar(require("./date-picker-field"), exports);
 __exportStar(require("./date-time-picker-field"), exports);
 __exportStar(require("./otp-field"), exports);
 __exportStar(require("./password-field"), exports);
+__exportStar(require("./file-upload-field"), exports);
+__exportStar(require("./radio-group-field"), exports);
+__exportStar(require("./textarea-field"), exports);

package/dist/components/form/radio-group-field/index.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { type RenderableLabel } from '../../../components/form/renderable-label';
+export type RadioGroupFieldOption = {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+};
+type RadioGroupFieldOwnProps<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    options: RadioGroupFieldOption[];
+    description?: ReactNode;
+    tooltip?: string;
+    required?: boolean;
+    disabled?: boolean;
+};
+/**
+ * A control with no accessible name is invisible to screen readers, so the type
+ * makes one mandatory: either a visible `label`, or an `aria-label` when the
+ * design calls for a bare radio group.
+ */
+export type RadioGroupFieldProps<T extends FieldValues = FieldValues> = RadioGroupFieldOwnProps<T> & ({
+    label: RenderableLabel;
+    'aria-label'?: string;
+} | {
+    label?: never;
+    'aria-label': string;
+});
+export declare const RadioGroupField: <T extends FieldValues = FieldValues>({ control, name, options, label, description, tooltip, required, disabled, "aria-label": ariaLabelProp }: RadioGroupFieldProps<T>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/radio-group-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/radio-group-field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAa5D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAA;AAE3C,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,uBAAuB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IAClE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAClE,uBAAuB,CAAC,CAAC,CAAC,GACxB,CACI;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAC1C,CAAA;AAEL,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,0GAUlE,oBAAoB,CAAC,CAAC,CAAC,gCA4EzB,CAAA"}

package/dist/components/form/radio-group-field/index.js

@@ -0,0 +1,36 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const form_1 = require("../../../components/ui/form");
+const label_1 = require("../../../components/ui/label");
+const radio_group_1 = require("../../../components/ui/radio-group");
+const renderable_label_1 = require("../../../components/form/renderable-label");
+const RadioGroupField = ({ control, name, options, label, description, tooltip, required, disabled, 'aria-label': ariaLabelProp }) => {
+    const showLabel = (0, renderable_label_1.hasRenderableLabel)(label);
+    // An empty or whitespace-only aria-label is worse than none: it names the
+    // control "". Drop it so the attribute never reaches the DOM.
+    const ariaLabel = ariaLabelProp?.trim() ? ariaLabelProp : undefined;
+    // `FormLabel` names its control through `htmlFor`, which only works on a
+    // labelable element — and the Radix radiogroup root is a plain div. So the
+    // visible label reached nobody: a screen-reader user landing on the group
+    // heard the options and no field name. The group points BACK at the label
+    // instead, via aria-labelledby on a stable generated id.
+    const labelId = (0, react_1.useId)();
+    // The type cannot rule out `label=""`, so this is the only signal a developer
+    // gets that the control shipped nameless.
+    if (process.env.NODE_ENV !== 'production' && !showLabel && !ariaLabel) {
+        console.error(`RadioGroupField "${name}" has no accessible name: pass a non-empty label or aria-label.`);
+    }
+    // `setFocus(name)` / focus-on-error needs a ref to something focusable. The
+    // RadioGroup root is a plain div, so the ref goes on the first option a user
+    // could actually reach — a disabled radio is not focusable.
+    const focusTargetIndex = options.findIndex((option) => !option.disabled);
+    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { control: control, name: name, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [showLabel && ((0, jsx_runtime_1.jsx)(form_1.FormLabel, { id: labelId, extra: tooltip ? (0, jsx_runtime_1.jsx)(form_1.FormTooltip, { children: tooltip }) : undefined, children: label })), (0, jsx_runtime_1.jsx)(form_1.FormControl, { children: (0, jsx_runtime_1.jsx)(radio_group_1.RadioGroup, { name: field.name, value: field.value ?? '', onValueChange: field.onChange, onBlur: field.onBlur, disabled: disabled, "aria-labelledby": showLabel ? labelId : undefined, "aria-label": showLabel ? undefined : ariaLabel, className: "gap-2", children: options.map((option, index) => {
+                            const id = `${name}-${option.value}`;
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(radio_group_1.RadioGroupItem, { ref: index === focusTargetIndex ? field.ref : undefined, value: option.value, id: id, disabled: option.disabled }), (0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: id, className: "font-normal", children: option.label })] }, option.value));
+                        }) }) }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {}), description && (0, jsx_runtime_1.jsx)(form_1.FormDescription, { children: description })] })) }));
+};
+exports.RadioGroupField = RadioGroupField;

package/dist/components/form/renderable-label.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+/**
+ * A label that actually renders an element. `null`, `undefined` and booleans
+ * are valid ReactNode but produce nothing, so a control typed on bare ReactNode
+ * can satisfy a field's props union and still end up nameless.
+ *
+ * Two cases the type cannot exclude, both caught at runtime by
+ * `hasRenderableLabel`: the empty string (`Exclude<string, ''>` is still
+ * `string`) and a portal (a `ReactPortal` is a perfectly good `ReactNode`).
+ */
+export type RenderableLabel = Exclude<ReactNode, null | undefined | boolean>;
+/**
+ * Does this label put readable content INSIDE the label element — i.e. does it
+ * give the control an accessible name?
+ *
+ * Ceiling, on purpose: a non-fragment element always counts, even an empty one.
+ * We cannot render a component to find out whether it emits text, so
+ * `label={<EmptyThing />}` is accepted. Fragments ARE unwrapped, since they add
+ * no markup of their own and `<></>` is a plausible way to say "no label".
+ *
+ * A PORTAL DOES NOT COUNT. It is the one node that renders its content
+ * somewhere else in the DOM — by definition outside the label subtree — so the
+ * label element itself stays empty and names nothing. The content is visible on
+ * screen, which is exactly what makes this worth guarding: it looks labelled
+ * and is silent to a screen reader. Pass `aria-label` when the visible text
+ * lives in a portal.
+ *
+ * BRANCH ORDER IS LOAD-BEARING — element before portal before collection:
+ * `Children.toArray` hands a portal straight back unchanged, so reaching the
+ * collection branch with one would recurse forever. The portal branch is the
+ * crash guard as much as the verdict. Every field in this directory shares this
+ * one copy precisely so that ordering cannot drift.
+ */
+export declare function hasRenderableLabel(label: ReactNode): boolean;
+//# sourceMappingURL=renderable-label.d.ts.map

package/dist/components/form/renderable-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderable-label.d.ts","sourceRoot":"","sources":["../../../src/components/form/renderable-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1E;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,CAAA;AAE5E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CA6B5D"}