@nadicodeai/ui 7.1.3 → 8.0.0

package/dist/components/chart-breakdown-table.d.ts

@@ -1,69 +0,0 @@
-import * as React from "react";
-import { type EntityColorMap } from "./chart-entity-colors.js";
-/**
- * chart-breakdown-table — entity breakdown with proportion bars for the
- * console chart kit (issue #166; DESIGN.md "Entity-color assignment",
- * proportion-bar carve-out).
- *
- * Real `<table>` semantics: each entity row reads name + value + proportion
- * bar + share of total, with the entity-color dot resolved from the shared
- * page-context assignment map. An entity may also carry a `mark`, printed
- * between its dot and its name — a model's maker's mark, so color never
- * identifies it alone (rule `model-shown-with-logo`). `topN` folds the tail
- * into a single "everything else" rollup row on the neutral register — never an
- * extra hue. When the caller has already bounded the read store-side,
- * `otherValue` passes the precomputed tail sum instead: the given entities
- * render as-is (no local fold) and the rollup row and shares account for that
- * tail.
- *
- * `value` is a float and is for geometry only: sorting, the fold and the share
- * bars. A printed figure that must not cross a float (money) comes in as
- * `display`, `otherDisplay` and `totalDisplay`, text the caller formatted from
- * the exact amount and the table prints as given.
- */
-type BreakdownEntity = {
-    /** Stable entity id — the key the entity-color map assigns by. */
-    id: string;
-    label: React.ReactNode;
-    value: number;
-    /** The value's printed text; without it the table formats `value`. */
-    display?: string;
-    /**
-     * The entity's mark, printed beside its label. A model row carries its
-     * maker's mark here; the mark is decorative by contract, because the label
-     * is the entity's accessible name.
-     */
-    mark?: React.ReactNode;
-};
-declare function BreakdownTable({ entities, entityColorMap, label, topN, otherValue, otherDisplay, totalDisplay, valueFormatter, columnLabels, otherLabel, totalLabel, }: {
-    entities: readonly BreakdownEntity[];
-    /** The shared page-context entity-color assignment map. */
-    entityColorMap: EntityColorMap;
-    /** REQUIRED accessible name, rendered as a visually hidden caption. */
-    label: string;
-    /** Keep the top N entities by value; the rest fold into one rollup row. */
-    topN?: number;
-    /**
-     * Precomputed tail sum for a read the caller already bounded store-side. When
-     * set, `entities` render as given (no local `topN` fold) and this value backs
-     * the neutral rollup row and the share denominator.
-     */
-    otherValue?: number;
-    /** The printed text of `otherValue`, as an entity's `display` is for its value. */
-    otherDisplay?: string;
-    /** The printed text of the footer total, which the table otherwise sums as floats. */
-    totalDisplay?: string;
-    valueFormatter?: (value: number) => string;
-    columnLabels?: {
-        entity?: string;
-        value?: string;
-        share?: string;
-    };
-    /** Label for the neutral rollup row. */
-    otherLabel?: React.ReactNode;
-    /** When provided, adds the sum of all entities and the remainder below the rows. */
-    totalLabel?: React.ReactNode;
-}): React.JSX.Element;
-export { BreakdownTable };
-export type { BreakdownEntity };
-//# sourceMappingURL=chart-breakdown-table.d.ts.map

package/dist/components/chart-breakdown-table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-breakdown-table.d.ts","sourceRoot":"","sources":["../../src/components/chart-breakdown-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,KAAK,eAAe,GAAG;IACrB,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAsFF,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,cAA8B,EAC9B,YAAY,EACZ,UAA8B,EAC9B,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC,2DAA2D;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,YAAY,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,oFAAoF;IACpF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,qBAuEA;AAED,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/chart-breakdown-table.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { Table, TableBody, TableCaption, TableCell, TableDetailRow, TableFooter, TableHead, TableHeader, TableRow, } from "./table.js";
-import { tableCompactLayouts } from "./table-layouts.js";
-import { CHART_ENTITY_OTHER_COLOR, entityColor, } from "./chart-entity-colors.js";
-function percentOf(value, total) {
-    return total > 0 ? (value / total) * 100 : 0;
-}
-function formatShare(share) {
-    return `${share.toFixed(1)}%`;
-}
-function defaultFormat(value) {
-    return value.toLocaleString("en-US");
-}
-function ShareBar({ share, color }) {
-    return (_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { "data-slot": "breakdown-table-bar", "aria-hidden": "true", className: "h-1.5 min-w-0 flex-1 overflow-hidden rounded-xs bg-muted", children: _jsx("span", { className: "block h-full rounded-r-xs", style: { width: `${Number(share.toFixed(3))}%`, backgroundColor: color } }) }), _jsx("span", { className: "shrink-0 text-right font-mono text-xs text-muted-foreground tabular-nums", children: formatShare(share) })] }));
-}
-function BreakdownRow({ label, value, display, share, color, mark, shareLabel, valueFormatter, ...props }) {
-    return (_jsxs(_Fragment, { children: [_jsxs(TableRow, { className: tableCompactLayouts.standard.row, ...props, children: [_jsx(TableCell, { className: "wrap-anywhere font-medium whitespace-normal", children: _jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { "data-slot": "breakdown-table-dot", "aria-hidden": "true", className: "size-2 shrink-0 rounded-xs", style: { backgroundColor: color } }), mark, _jsx("span", { className: "min-w-0", children: label })] }) }), _jsx(TableCell, { className: "text-right font-mono tabular-nums", children: display ?? valueFormatter(value) }), _jsx(TableCell, { className: tableCompactLayouts.standard.column, children: _jsx(ShareBar, { share: share, color: color }) })] }), _jsx(TableDetailRow, { colSpan: 2, facts: [
-                    { id: "share", label: shareLabel, value: _jsx(ShareBar, { share: share, color: color }) },
-                ] })] }));
-}
-function BreakdownTable({ entities, entityColorMap, label, topN, otherValue, otherDisplay, totalDisplay, valueFormatter = defaultFormat, columnLabels, otherLabel = "Everything else", totalLabel, }) {
-    const providedOther = otherValue !== undefined;
-    const sorted = [...entities].sort((a, b) => b.value - a.value);
-    const visible = !providedOther && topN !== undefined && topN < sorted.length ? sorted.slice(0, topN) : sorted;
-    const foldedValue = providedOther
-        ? otherValue
-        : sorted.slice(visible.length).reduce((sum, entity) => sum + entity.value, 0);
-    const total = sorted.reduce((sum, entity) => sum + entity.value, 0) + (providedOther ? otherValue : 0);
-    const showOther = providedOther ? otherValue > 0 : visible.length < sorted.length;
-    const shareLabel = columnLabels?.share ?? "Share of total";
-    return (_jsxs(Table, { "data-slot": "breakdown-table", className: "table-fixed text-sm", compactDetails: "standard", children: [_jsx(TableCaption, { className: "sr-only", children: label }), _jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-1/2 whitespace-normal", children: columnLabels?.entity ?? "Entity" }), _jsx(TableHead, { className: "w-1/4 text-right whitespace-normal", children: columnLabels?.value ?? "Value" }), _jsx(TableHead, { className: cn("w-1/4 whitespace-normal", tableCompactLayouts.standard.column), children: shareLabel })] }) }), _jsxs(TableBody, { children: [visible.map((entity) => (_jsx(BreakdownRow, { label: entity.label, value: entity.value, ...(entity.display !== undefined ? { display: entity.display } : {}), share: percentOf(entity.value, total), color: entityColor(entityColorMap, entity.id), mark: entity.mark, shareLabel: shareLabel, valueFormatter: valueFormatter }, entity.id))), showOther ? (_jsx(BreakdownRow, { "data-slot": "breakdown-table-other", label: otherLabel, value: foldedValue, ...(otherDisplay !== undefined ? { display: otherDisplay } : {}), share: percentOf(foldedValue, total), color: CHART_ENTITY_OTHER_COLOR, shareLabel: shareLabel, valueFormatter: valueFormatter })) : null] }), totalLabel ? (_jsx(TableFooter, { children: _jsx(BreakdownRow, { label: totalLabel, value: total, ...(totalDisplay !== undefined ? { display: totalDisplay } : {}), share: percentOf(total, total), color: CHART_ENTITY_OTHER_COLOR, shareLabel: shareLabel, valueFormatter: valueFormatter }) })) : null] }));
-}
-export { BreakdownTable };

package/dist/components/chart-bullet-bar.d.ts

@@ -1,53 +0,0 @@
-import * as React from "react";
-/**
- * chart-bullet-bar — the cap / included-usage meter for the console chart kit
- * (issue #166; DESIGN.md "Meter and bullet grammar").
- *
- * The bar carries a positional threshold tick at the product-configured
- * warning fraction (`thresholdFraction` is a REQUIRED consumer input, never a
- * constant of this component — 0.8 is the common product default) and a cap
- * tick at 100%. Overflow renders as a distinct segment continuing past the
- * cap tick, never clamped away. The required product-owned tone communicates
- * consequence independently of position: a full included allowance can have
- * funded extra available. The current value reads at the bar tip.
- *
- * Two scales, one meter owner. The default `panel` scale is the full grammar
- * above. The `row` scale carries a percent and a thin bar without ticks or a
- * second value line, so measurements align in compact tables and membership
- * rows. Its tone still comes from the product; compact does not mean warning.
- * Overflow remains visible at either scale.
- *
- * Accessibility: `role="meter"` with a REQUIRED accessible name (`label`);
- * `aria-valuenow` clamps to the meter maximum while `aria-valuetext` conveys
- * the true value including overflow. At the `row` scale the label is the only
- * place the words live — the row prints no caption — so the caller passes a
- * label that reads as a sentence, not a bare noun.
- */
-type BulletBarTone = "neutral" | "warning" | "danger";
-type BulletBarSize = "panel" | "row";
-declare function BulletBar({ value, max, thresholdFraction, tone, label, size, valueFormatter, valueText, className, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
-    value: number;
-    /** The cap (included usage / limit) the meter measures against. */
-    max: number;
-    /**
-     * REQUIRED product-configured warning fraction of the cap (0–1) for the
-     * positional threshold tick. 0.8 is the common product default, but the
-     * fraction is a consumer input, never a constant of this contract.
-     */
-    thresholdFraction: number;
-    /** REQUIRED product consequence; not derived from the measurement. */
-    tone: BulletBarTone;
-    /** REQUIRED accessible name for the meter. */
-    label: string;
-    /**
-     * `panel` (default) is the full meter grammar. `row` is the single-line
-     * compact comparison scale: percent plus a thin bar, no ticks, no value line.
-     */
-    size?: BulletBarSize;
-    valueFormatter?: (value: number) => string;
-    /** Optional override for the generated `aria-valuetext`. */
-    valueText?: string;
-}): React.JSX.Element;
-export { BulletBar };
-export type { BulletBarTone };
-//# sourceMappingURL=chart-bullet-bar.d.ts.map

package/dist/components/chart-bullet-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bullet-bar.d.ts","sourceRoot":"","sources":["../../src/components/chart-bullet-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtD,KAAK,aAAa,GAAG,OAAO,GAAG,KAAK,CAAC;AAmCrC,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,GAAG,EACH,iBAAiB,EACjB,IAAI,EACJ,KAAK,EACL,IAAc,EACd,cAA8B,EAC9B,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,IAAI,EAAE,aAAa,CAAC;IACpB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAgIA;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/chart-bullet-bar.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-/**
- * The tip value is TEXT, so it takes the feedback pair's deep tone, not the
- * rail tone the segments wear: `--nc-state-review` / `--nc-state-blocked` are
- * fill tones (0.85 amber reads at 1.6:1 on the light canvas), while
- * `--nc-warning-deep` and `--nc-error-deep` are authored light AND dark so the
- * percentage stays readable in both modes when the product signals attention.
- */
-const BULLET_BAR_VALUE_CLASS = {
-    neutral: "text-foreground",
-    warning: "text-(--nc-warning-deep)",
-    danger: "text-(--nc-error-deep)",
-};
-const BULLET_BAR_FILL_CLASS = {
-    neutral: "bg-(--nc-chart-seq-3)",
-    warning: "bg-(--nc-state-review)",
-    danger: "bg-(--nc-state-blocked)",
-};
-const BULLET_BAR_OVERFLOW_CLASS = {
-    neutral: "bg-(--nc-chart-seq-4)",
-    warning: "bg-(--nc-warning-deep)",
-    danger: "bg-(--nc-error-deep)",
-};
-function percent(fraction) {
-    return `${Number((fraction * 100).toFixed(3))}%`;
-}
-function defaultFormat(value) {
-    return value.toLocaleString("en-US");
-}
-function BulletBar({ value, max, thresholdFraction, tone, label, size = "panel", valueFormatter = defaultFormat, valueText, className, ...props }) {
-    const overflow = Math.max(value - max, 0);
-    const total = Math.max(value, max);
-    const fillFraction = total > 0 ? Math.min(value, max) / total : 0;
-    const overflowFraction = total > 0 ? overflow / total : 0;
-    const capFraction = total > 0 ? max / total : 1;
-    const thresholdTickFraction = capFraction * thresholdFraction;
-    const tipFraction = fillFraction + overflowFraction;
-    const meterValueText = valueText ??
-        `${valueFormatter(value)} of ${valueFormatter(max)}${overflow > 0 ? ` (${valueFormatter(overflow)} over the cap)` : ""}`;
-    const consumedPercent = max > 0 ? Math.round((value / max) * 100) : 0;
-    const segments = (_jsxs(_Fragment, { children: [_jsx("div", { "data-slot": "bullet-bar-track", 
-                // One step darker than the surface it sits on, in both themes: at
-                // `bg-muted` an empty meter on the light canvas read as a hairline
-                // rather than as a track with nothing in it.
-                className: "absolute inset-y-0 rounded-r-sm bg-muted-foreground/20", style: { left: 0, width: percent(capFraction) } }), _jsx("div", { "data-slot": "bullet-bar-fill", className: cn("absolute inset-y-0", BULLET_BAR_FILL_CLASS[tone], overflow === 0 && "rounded-r-sm"), style: { left: 0, width: percent(fillFraction) } }), overflow > 0 ? (_jsx("div", { "data-slot": "bullet-bar-overflow", className: cn("absolute inset-y-0 rounded-r-sm", BULLET_BAR_OVERFLOW_CLASS[tone]), style: {
-                    left: percent(fillFraction),
-                    width: percent(overflowFraction),
-                } })) : null] }));
-    const meterAria = {
-        role: "meter",
-        "aria-label": label,
-        "aria-valuemin": 0,
-        "aria-valuemax": max,
-        "aria-valuenow": Math.min(value, max),
-        "aria-valuetext": meterValueText,
-    };
-    if (size === "row") {
-        return (_jsxs("div", { "data-slot": "bullet-bar", "data-tone": tone, "data-size": "row", className: cn("flex items-center gap-2", className), ...props, children: [_jsxs("span", { "data-slot": "bullet-bar-percent", "aria-hidden": "true", className: cn("font-mono text-xs tabular-nums", BULLET_BAR_VALUE_CLASS[tone]), children: [consumedPercent, "%"] }), _jsx("div", { ...meterAria, className: "relative h-1 min-w-0 flex-1", children: segments })] }));
-    }
-    return (_jsxs("div", { "data-slot": "bullet-bar", "data-tone": tone, "data-size": "panel", className: cn("flex flex-col gap-1", className), ...props, children: [_jsxs("div", { ...meterAria, className: "relative h-3 w-full", children: [segments, _jsx("div", { "data-slot": "bullet-bar-threshold-tick", "aria-hidden": "true", className: "absolute -inset-y-0.5 w-px bg-foreground", style: { left: percent(thresholdTickFraction) } }), _jsx("div", { "data-slot": "bullet-bar-cap-tick", "aria-hidden": "true", className: "absolute -inset-y-0.5 w-px bg-foreground", style: { left: percent(capFraction) } })] }), _jsx("div", { className: "relative h-4 w-full text-xs", "aria-hidden": "true", children: _jsx("span", { "data-slot": "bullet-bar-value", className: cn("absolute font-mono whitespace-nowrap tabular-nums", tipFraction > 0.6 && "-translate-x-full", BULLET_BAR_VALUE_CLASS[tone]), style: { left: percent(tipFraction) }, children: valueFormatter(value) }) })] }));
-}
-export { BulletBar };

package/dist/components/chart-delta.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-/**
- * chart-delta — shared delta/trend encoding for the console chart kit
- * (issue #166; DESIGN.md "Delta and trend encoding").
- *
- * A change reads as a direction glyph (▲ ▼) plus a tone token, never bare
- * signed text and never color alone. Tone follows direction crossed with
- * whether up is good in the surrounding context (`upIsGood`).
- */
-type DeltaDirection = "up" | "down" | "flat";
-type DeltaTone = "positive" | "negative" | "neutral";
-declare const DELTA_DIRECTION_TEXT: Record<DeltaDirection, string>;
-declare const DELTA_TONE_CLASSES: Record<DeltaTone, string>;
-/**
- * Maps a delta direction onto its tone: direction crossed with whether up is
- * good in this context. A flat delta is always neutral.
- */
-declare function deltaTone(direction: DeltaDirection, upIsGood?: boolean): DeltaTone;
-declare function Delta({ value, direction, upIsGood, vsLabel, className, ...props }: Omit<React.ComponentProps<"span">, "children"> & {
-    /** The formatted change, e.g. "+12%" or "3.4k". */
-    value: React.ReactNode;
-    direction: DeltaDirection;
-    /** Whether an upward move is good in this context. Defaults to true. */
-    upIsGood?: boolean;
-    /** The named comparison period, rendered as "vs {vsLabel}". */
-    vsLabel?: string;
-}): React.JSX.Element;
-export { Delta, deltaTone, DELTA_DIRECTION_TEXT, DELTA_TONE_CLASSES };
-export type { DeltaDirection, DeltaTone };
-//# sourceMappingURL=chart-delta.d.ts.map

package/dist/components/chart-delta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-delta.d.ts","sourceRoot":"","sources":["../../src/components/chart-delta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;GAOG;AAEH,KAAK,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAC7C,KAAK,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAQrD,QAAA,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAIxD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjD,CAAC;AAEF;;;GAGG;AACH,iBAAS,SAAS,CAAC,SAAS,EAAE,cAAc,EAAE,QAAQ,UAAO,GAAG,SAAS,CAMxE;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,SAAS,EACT,QAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,EAAE,cAAc,CAAC;IAC1B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,qBAqBA;AAED,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC;AACtE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/chart-delta.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-const DELTA_GLYPHS = {
-    up: "▲",
-    down: "▼",
-    flat: "–",
-};
-const DELTA_DIRECTION_TEXT = {
-    up: "up",
-    down: "down",
-    flat: "unchanged",
-};
-const DELTA_TONE_CLASSES = {
-    positive: "text-(--nc-state-complete)",
-    negative: "text-(--nc-state-blocked)",
-    neutral: "text-muted-foreground",
-};
-/**
- * Maps a delta direction onto its tone: direction crossed with whether up is
- * good in this context. A flat delta is always neutral.
- */
-function deltaTone(direction, upIsGood = true) {
-    if (direction === "flat") {
-        return "neutral";
-    }
-    return (direction === "up") === upIsGood ? "positive" : "negative";
-}
-function Delta({ value, direction, upIsGood = true, vsLabel, className, ...props }) {
-    const tone = deltaTone(direction, upIsGood);
-    return (_jsxs("span", { "data-slot": "delta", "data-direction": direction, "data-tone": tone, className: cn("inline-flex items-baseline gap-1 text-sm font-medium", DELTA_TONE_CLASSES[tone], className), ...props, children: [_jsx("span", { "aria-hidden": "true", children: DELTA_GLYPHS[direction] }), _jsx("span", { className: "sr-only", children: DELTA_DIRECTION_TEXT[direction] }), _jsx("span", { children: value }), vsLabel ? _jsxs("span", { className: "font-normal text-muted-foreground", children: ["vs ", vsLabel] }) : null] }));
-}
-export { Delta, deltaTone, DELTA_DIRECTION_TEXT, DELTA_TONE_CLASSES };

package/dist/components/chart-kpi-stat.d.ts

@@ -1,44 +0,0 @@
-import * as React from "react";
-import { useRender } from "@base-ui/react/use-render";
-import { type DeltaDirection } from "./chart-delta.js";
-type KpiStatDelta = {
-    /** The formatted change, e.g. "+12%". */
-    value: React.ReactNode;
-    direction: DeltaDirection;
-    /** Whether an upward move is good for this KPI. Defaults to true. */
-    upIsGood?: boolean;
-    /** The named comparison period, e.g. "previous 30 days". */
-    vsLabel: string;
-    /** A volume change keeps its arrow, which is a fact, and takes no tone, which would be a judgment. */
-    neutral?: boolean;
-};
-type KpiStatTone = "default" | "warning" | "critical";
-declare function KpiStat({ label, value, delta, sparkline, note, tone, className, ...props }: Omit<React.ComponentProps<"dl">, "children"> & {
-    label: React.ReactNode;
-    value: React.ReactNode;
-    delta?: KpiStatDelta;
-    /** Optional decorative sparkline slot (e.g. a `Sparkline` element). */
-    sparkline?: React.ReactNode;
-    note?: React.ReactNode;
-    tone?: KpiStatTone;
-}): React.JSX.Element;
-type KpiStatGroupItem = Pick<React.ComponentProps<typeof KpiStat>, "label" | "value" | "delta" | "note" | "tone"> & {
-    id: string;
-    sparkline?: {
-        data: readonly number[];
-        baseline: number;
-    };
-    /** Bind an app link or data attributes without replacing the tile's presentation. */
-    render?: useRender.ComponentProps<"div">["render"];
-    interactive?: boolean;
-};
-declare function KpiStatGroup({ items, heading, }: {
-    items: readonly KpiStatGroupItem[];
-    heading?: {
-        title: string;
-        description?: string;
-    };
-}): React.JSX.Element | null;
-export { KpiStat, KpiStatGroup };
-export type { KpiStatDelta, KpiStatTone, KpiStatGroupItem };
-//# sourceMappingURL=chart-kpi-stat.d.ts.map

package/dist/components/chart-kpi-stat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-kpi-stat.d.ts","sourceRoot":"","sources":["../../src/components/chart-kpi-stat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAOtD,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,0BAA0B,CAAC;AAGlC,KAAK,YAAY,GAAG;IAClB,yCAAyC;IACzC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,EAAE,cAAc,CAAC;IAC1B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,sGAAsG;IACtG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAyCtD,iBAAS,OAAO,CAAC,EACf,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,IAAI,EACJ,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAChD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,qBA+CA;AAED,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EACpC,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAC9C,GAAG;IACF,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1D,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAqBF,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD,4BA2BA;AAED,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AACjC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/chart-kpi-stat.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRender } from "@base-ui/react/use-render";
-import { MinusIcon, TrendingDownIcon, TrendingUpIcon } from "lucide-react";
-import { cn } from "../lib/utils.js";
-import { Card, CardDescription, CardHeader, CardTitle } from "./card.js";
-import { Separator } from "./separator.js";
-import { Badge } from "./badge.js";
-import { DELTA_DIRECTION_TEXT, DELTA_TONE_CLASSES, deltaTone, } from "./chart-delta.js";
-import { Sparkline } from "./chart-sparkline.js";
-const valueTones = {
-    default: "text-foreground",
-    warning: "text-(--nc-warning-deep)",
-    critical: "text-(--nc-error-deep)",
-};
-const trendIcons = {
-    up: TrendingUpIcon,
-    down: TrendingDownIcon,
-    flat: MinusIcon,
-};
-/*
- * The change sits top right as an arrow plus a number, the way shadcn's
- * dashboard-01 card shows it (`rule/kpi-card-trend-top-right`). The arrow is
- * the direction glyph DESIGN.md requires; tone still comes from direction
- * crossed with `upIsGood`. A neutral change keeps its arrow and takes no tone.
- * The badge is a grid cell, so a long change wraps the label instead of
- * covering it.
- */
-function KpiStatTrend({ delta }) {
-    const Icon = trendIcons[delta.direction];
-    const tone = delta.neutral ? "neutral" : deltaTone(delta.direction, delta.upIsGood);
-    return (_jsx("dd", { "data-slot": "kpi-stat-trend", "data-direction": delta.direction, "data-tone": tone, className: "col-start-2 row-start-1 justify-self-end", children: _jsxs(Badge, { variant: "outline", className: cn("tabular-nums", DELTA_TONE_CLASSES[tone]), children: [_jsx(Icon, { "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: DELTA_DIRECTION_TEXT[delta.direction] }), delta.value] }) }));
-}
-function KpiStat({ label, value, delta, sparkline, note, tone = "default", className, ...props }) {
-    return (_jsxs("dl", { "data-slot": "kpi-stat", className: cn("@container/kpi-stat grid min-w-0 grid-cols-[minmax(0,1fr)_auto] gap-x-2 gap-y-1.5", className), ...props, children: [_jsx("dt", { "data-slot": "kpi-stat-label", className: "col-start-1 row-start-1 min-h-8 min-w-0 text-xs font-medium text-muted-foreground", children: label }), delta ? _jsx(KpiStatTrend, { delta: delta }) : null, _jsxs("dd", { className: "col-span-2 flex min-w-0 flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-end justify-between gap-3", children: [_jsx("div", { "data-slot": "kpi-stat-value", className: cn("min-w-0 shrink-0 text-[clamp(1.125rem,12cqw,1.875rem)] leading-none font-semibold", valueTones[tone]), children: value }), sparkline ? (_jsx("div", { "data-slot": "kpi-stat-sparkline", "aria-hidden": "true", className: "hidden min-w-0 max-w-24 @[15rem]/kpi-stat:block [&>svg]:h-auto [&>svg]:max-w-full", children: sparkline })) : null] }), delta ? (_jsxs("p", { "data-slot": "kpi-stat-comparison", className: "text-sm text-muted-foreground", children: ["vs ", delta.vsLabel] })) : null, note ? _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: note }) : null] })] }));
-}
-function KpiStatTile({ render, interactive, sparkline, ...stat }) {
-    return useRender({
-        defaultTagName: "div",
-        render,
-        props: {
-            className: cn("block h-full min-w-0 p-4", interactive && "nc-transition-paint rounded-md hover:bg-accent"),
-            children: (_jsx(KpiStat, { ...stat, ...(sparkline ? { sparkline: _jsx(Sparkline, { ...sparkline, width: 96, height: 28 }) } : {}) })),
-        },
-    });
-}
-function KpiStatGroup({ items, heading, }) {
-    if (items.length === 0)
-        return null;
-    return (_jsxs(Card, { className: "gap-0 py-0", children: [heading ? (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { className: "py-4", children: [_jsx(CardTitle, { children: _jsx("h2", { children: heading.title }) }), heading.description ? _jsx(CardDescription, { children: heading.description }) : null] }), _jsx(Separator, {})] })) : null, _jsx("div", { "data-slot": "kpi-stat-group", className: "grid min-w-0 grid-cols-1 divide-y divide-border sm:grid-cols-[repeat(auto-fit,minmax(0,1fr))] sm:divide-x sm:divide-y-0", children: items.map(({ id, ...item }) => (_jsx("div", { className: "min-w-0", children: _jsx(KpiStatTile, { ...item }) }, id))) })] }));
-}
-export { KpiStat, KpiStatGroup };

package/dist/components/chart-time-series-layout.d.ts

@@ -1,6 +0,0 @@
-export type TimeSeriesSize = "sm" | "default" | "lg" | "fill";
-export declare const timeSeriesLayouts: Record<TimeSeriesSize, {
-    frame: string;
-    chart: string;
-}>;
-//# sourceMappingURL=chart-time-series-layout.d.ts.map

package/dist/components/chart-time-series-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-time-series-layout.d.ts","sourceRoot":"","sources":["../../src/components/chart-time-series-layout.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;AAE9D,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,cAAc,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAKtF,CAAC"}

package/dist/components/chart-time-series-layout.js

@@ -1,6 +0,0 @@
-export const timeSeriesLayouts = {
-    sm: { frame: "", chart: "h-48" },
-    default: { frame: "", chart: "h-64" },
-    lg: { frame: "", chart: "h-80" },
-    fill: { frame: "h-full flex-1", chart: "h-full min-h-48 flex-1" },
-};

package/dist/components/chart-time-series.d.ts

@@ -1,103 +0,0 @@
-import * as React from "react";
-import { type TimeSeriesSize } from "./chart-time-series-layout.js";
-import { type EntityColorMap } from "./chart-entity-colors.js";
-type TimeSeriesSeries = {
-    /** Stable entity id — the data key in each datum and the color-map key. */
-    id: string;
-    label: string;
-    /**
-     * The entity's mark, printed beside its name in the legend and its tooltip
-     * row. A model series carries its maker's mark here so colour never
-     * identifies it alone (rule `model-shown-with-logo`); the chart only places
-     * the node, and the mark stays decorative because the name beside it is the
-     * series' text.
-     */
-    mark?: React.ReactNode;
-};
-type TimeSeriesDatum = Record<string, number | string>;
-type TimeSeriesProps = Omit<React.ComponentProps<"figure">, "children"> & {
-    size?: TimeSeriesSize;
-    data: readonly TimeSeriesDatum[];
-    /** The datum key carrying the period (e.g. the day). */
-    xKey: string;
-    series: readonly TimeSeriesSeries[];
-    /** Stable entity-id datum key for horizontal categorical bars; omitted for time series. */
-    barCategoryKey?: string;
-    /** The shared page-context entity-color assignment map. */
-    entityColorMap: EntityColorMap;
-    /** REQUIRED accessible name for the chart and its table alternative. */
-    label: string;
-    /** Column header for the period column in the table alternative. */
-    xLabel?: string;
-    valueFormatter?: (value: number) => string;
-    /**
-     * Y-axis width. Defaults to `"auto"` (recharts 3.8 sizes the gutter to the
-     * formatted ticks); pass a number to pin it.
-     */
-    yAxisWidth?: number;
-    /** Label for the folded neutral "Other" series (entities past the sixth). */
-    otherLabel?: string;
-};
-type FormattedSeries = {
-    id: string;
-    label: string;
-    /** Formats this series' values where it needs its own reading, e.g. a rate beside a sum. */
-    valueFormatter?: (value: number) => string;
-};
-declare function TimeSeriesBars({ data, xKey, series, entityColorMap, label, xLabel, valueFormatter, yAxisWidth, otherLabel, barCategoryKey, size, className, ...props }: TimeSeriesProps): React.JSX.Element;
-declare function TimeSeriesArea({ data, xKey, series, entityColorMap, label, xLabel, valueFormatter, yAxisWidth, otherLabel, size, className, ...props }: TimeSeriesProps): React.JSX.Element;
-/**
- * One series of a composed plot. A composed chart mixes measures that do not
- * share a unit — sums as bars on the left axis, a rate as a line on the right —
- * so each series states how it is drawn, which axis it reads, and how its own
- * values print.
- */
-type TimeSeriesComposedSeries = FormattedSeries & {
-    /**
-     * The series' mark, printed beside its name in the legend and its tooltip
-     * row (rule `model-shown-with-logo`); see `TimeSeriesSeries.mark`.
-     */
-    mark?: React.ReactNode;
-    /** Drawn as a column or as a line. */
-    kind: "bar" | "line";
-    /** The value axis this series reads. Defaults to the left one. */
-    axis?: "left" | "right";
-    /**
-     * A bar's fill as a share of its hue, so a line sharing the plot still reads
-     * over it. Full strength when omitted; a wash stays a readability choice of
-     * the surface that composes the chart.
-     */
-    fillOpacity?: number;
-    /** Shows the line's point markers at the DESIGN.md marker geometry. Off by default. */
-    dot?: boolean;
-};
-type TimeSeriesComposedProps = Omit<React.ComponentProps<"figure">, "children"> & {
-    size?: TimeSeriesSize;
-    data: readonly TimeSeriesDatum[];
-    /** The datum key carrying the period (e.g. the month). */
-    xKey: string;
-    series: readonly TimeSeriesComposedSeries[];
-    /** The shared page-context entity-color assignment map. */
-    entityColorMap: EntityColorMap;
-    /** REQUIRED accessible name for the chart and its table alternative. */
-    label: string;
-    /** Column header for the period column in the table alternative. */
-    xLabel?: string;
-    /** Formats every series that declares none of its own. */
-    valueFormatter?: (value: number) => string;
-    /** Width of both y-axis gutters. Defaults to `"auto"` (recharts sizes them to the ticks). */
-    yAxisWidth?: number;
-};
-/**
- * Bars for the measures, a line over them for the rate, and a second axis for
- * the rate's own unit. The shadcn registry holds no composed chart item (see the
- * file header), so this is Recharts' `ComposedChart` through the same
- * foundation, and it keeps the kit's whole contract: a named figure, a
- * `accessibilityLayer` graphic with its own title, a legend at two or more
- * series, an entity-colored pair of marks, and a table twin carrying each
- * series in its own terms.
- */
-declare function TimeSeriesComposed({ data, xKey, series, entityColorMap, label, xLabel, valueFormatter, yAxisWidth, size, className, ...props }: TimeSeriesComposedProps): React.JSX.Element;
-export { TimeSeriesArea, TimeSeriesBars, TimeSeriesComposed };
-export type { TimeSeriesComposedProps, TimeSeriesComposedSeries, TimeSeriesDatum, TimeSeriesProps, TimeSeriesSeries, };
-//# sourceMappingURL=chart-time-series.d.ts.map

package/dist/components/chart-time-series.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-time-series.d.ts","sourceRoot":"","sources":["../../src/components/chart-time-series.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAS/F,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kCAAkC,CAAC;AAqJ1C,KAAK,gBAAgB,GAAG;IACtB,2EAA2E;IAC3E,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvD,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACpC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAUF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C,CAAC;AAmLF,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAK,EACL,MAAiB,EACjB,cAA8B,EAC9B,UAAU,EACV,UAAoB,EACpB,cAAc,EACd,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAwKjB;AAED,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAK,EACL,MAAiB,EACjB,cAA8B,EAC9B,UAAU,EACV,UAAoB,EACpB,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAgGjB;AAED;;;;;GAKG;AACH,KAAK,wBAAwB,GAAG,eAAe,GAAG;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,wBAAwB,EAAE,CAAC;IAC5C,2DAA2D;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;GAQG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAK,EACL,MAAiB,EACjB,cAA8B,EAC9B,UAAU,EACV,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,qBAyHzB;AAED,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAC9D,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,eAAe,EACf,eAAe,EACf,gBAAgB,GACjB,CAAC"}