@lerianstudio/sindarian-ui 2.0.0-beta.24 → 2.0.0-beta.26

package/dist/enterprise/empty-state/index.d.ts

@@ -26,7 +26,12 @@ export type EmptyStateProps = {
      * a void. Pairs with the app-side pre-ruled empty-rows fill. Default off.
      */
     ruled?: boolean;
+    /**
+     * Renders the title as this heading element, so screen-reader heading
+     * navigation reaches the empty state. Omit to keep today's plain text.
+     */
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     className?: string;
 };
-export declare function EmptyState({ icon: Icon, title, description, action, ruled, className }: EmptyStateProps): import("react").JSX.Element;
+export declare function EmptyState({ icon: Icon, title, description, action, ruled, titleAs, className }: EmptyStateProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/enterprise/empty-state/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/empty-state/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAY,EAClB,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAa,EACb,SAAS,EACV,EAAE,eAAe,+BA6CjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/empty-state/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAY,EAClB,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAa,EACb,OAAO,EACP,SAAS,EACV,EAAE,eAAe,+BA+CjB"}

package/dist/enterprise/empty-state/index.js

@@ -1,13 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyState = EmptyState;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const typography_1 = require("../../lib/typography");
-const utils_1 = require("../../lib/utils");
-function EmptyState({ icon: Icon = lucide_react_1.Inbox, title, description, action, ruled = false, className }) {
-    if (ruled) {
-        return ((0, jsx_runtime_1.jsxs)("div", { "data-variant": "ruled", className: (0, utils_1.cn)('border-border flex flex-col items-start gap-2 border-t px-3 py-6 text-left', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-muted-foreground flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(Icon, { className: "size-4", "aria-hidden": true }), (0, jsx_runtime_1.jsx)("span", { className: typography_1.LABEL_VOICE_CLASS, children: title })] }), description ? ((0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground max-w-prose text-sm", children: description })) : null, action ? (0, jsx_runtime_1.jsx)("div", { className: "mt-1", children: action }) : null] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex flex-col items-center justify-center gap-3 px-6 py-16 text-center', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-muted flex size-11 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)(Icon, { className: "text-muted-foreground size-5", "aria-hidden": true }) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-foreground text-sm font-medium", children: title }), description ? ((0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground mx-auto max-w-sm text-sm", children: description })) : null] }), action ? (0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: action }) : null] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EmptyState=EmptyState;const jsx_runtime_1=require("react/jsx-runtime");const lucide_react_1=require("lucide-react");const typography_1=require("../../lib/typography");const utils_1=require("../../lib/utils");function EmptyState({icon:s=lucide_react_1.Inbox,title:r,description:e,action:t,ruled:l=false,titleAs:i,className:a}){const c=i??(l?"span":"p");if(l){return(0,jsx_runtime_1.jsxs)("div",{"data-variant":"ruled",className:(0,utils_1.cn)("border-border flex flex-col items-start gap-2 border-t px-3 py-6 text-left",a),children:[(0,jsx_runtime_1.jsxs)("div",{className:"text-muted-foreground flex items-center gap-2",children:[(0,jsx_runtime_1.jsx)(s,{className:"size-4","aria-hidden":true}),(0,jsx_runtime_1.jsx)(c,{className:typography_1.LABEL_VOICE_CLASS,children:r})]}),e?(0,jsx_runtime_1.jsx)("p",{className:"text-muted-foreground max-w-prose text-sm",children:e}):null,t?(0,jsx_runtime_1.jsx)("div",{className:"mt-1",children:t}):null]})}return(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("flex flex-col items-center justify-center gap-3 px-6 py-16 text-center",a),children:[(0,jsx_runtime_1.jsx)("div",{className:"bg-muted flex size-11 items-center justify-center rounded-full",children:(0,jsx_runtime_1.jsx)(s,{className:"text-muted-foreground size-5","aria-hidden":true})}),(0,jsx_runtime_1.jsxs)("div",{className:"space-y-1",children:[(0,jsx_runtime_1.jsx)(c,{className:"text-foreground text-sm font-medium",children:r}),e?(0,jsx_runtime_1.jsx)("p",{className:"text-muted-foreground mx-auto max-w-sm text-sm",children:e}):null]}),t?(0,jsx_runtime_1.jsx)("div",{className:"mt-2",children:t}):null]})}

package/dist/enterprise/index.js

@@ -1,39 +1 @@
-"use strict";
-// Owned by lane enterprise — see docs/plans/2026-08-26-sindarian-x-retirement/
-//
-// The composed enterprise layer absorbed from @lerianstudio/sindarian-x@0.15.0.
-// Outer public APIs are byte-compatible with that package; internals are
-// recomposed over sindarian-ui primitives and its design tokens.
-//
-// Names already exported by sindarian-ui are NEVER re-exported here (FC-4):
-// consumers adapt to sindarian-ui's API for Button, Badge, Table*, Sidebar*,
-// EntityBox*, Stepper*, PageHeader, ConfirmationDialog and friends.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMobile = exports.VirtualizedTable = exports.StatusBadge = exports.DEFAULT_STATUS_VARIANTS = exports.StatCard = exports.SearchInput = exports.NumberInput = exports.EmptyState = exports.DetailPanel = exports.DateRangePicker = exports.DataTable = exports.CursorPager = exports.AppShell = exports.AlertBanner = void 0;
-var alert_banner_1 = require("./alert-banner");
-Object.defineProperty(exports, "AlertBanner", { enumerable: true, get: function () { return alert_banner_1.AlertBanner; } });
-var app_shell_1 = require("./app-shell");
-Object.defineProperty(exports, "AppShell", { enumerable: true, get: function () { return app_shell_1.AppShell; } });
-var cursor_pager_1 = require("./cursor-pager");
-Object.defineProperty(exports, "CursorPager", { enumerable: true, get: function () { return cursor_pager_1.CursorPager; } });
-var data_table_1 = require("./data-table");
-Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return data_table_1.DataTable; } });
-var date_range_picker_1 = require("./date-range-picker");
-Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return date_range_picker_1.DateRangePicker; } });
-var detail_panel_1 = require("./detail-panel");
-Object.defineProperty(exports, "DetailPanel", { enumerable: true, get: function () { return detail_panel_1.DetailPanel; } });
-var empty_state_1 = require("./empty-state");
-Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return empty_state_1.EmptyState; } });
-var number_input_1 = require("./number-input");
-Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return number_input_1.NumberInput; } });
-var search_input_1 = require("./search-input");
-Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return search_input_1.SearchInput; } });
-var stat_card_1 = require("./stat-card");
-Object.defineProperty(exports, "StatCard", { enumerable: true, get: function () { return stat_card_1.StatCard; } });
-var status_badge_1 = require("./status-badge");
-Object.defineProperty(exports, "DEFAULT_STATUS_VARIANTS", { enumerable: true, get: function () { return status_badge_1.DEFAULT_STATUS_VARIANTS; } });
-Object.defineProperty(exports, "StatusBadge", { enumerable: true, get: function () { return status_badge_1.StatusBadge; } });
-var virtualized_table_1 = require("./virtualized-table");
-Object.defineProperty(exports, "VirtualizedTable", { enumerable: true, get: function () { return virtualized_table_1.VirtualizedTable; } });
-var use_is_mobile_1 = require("./use-is-mobile");
-Object.defineProperty(exports, "useIsMobile", { enumerable: true, get: function () { return use_is_mobile_1.useIsMobile; } });
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useIsMobile=exports.VirtualizedTable=exports.StatusBadge=exports.DEFAULT_STATUS_VARIANTS=exports.StatCard=exports.SearchInput=exports.NumberInput=exports.EmptyState=exports.DetailPanel=exports.DateRangePicker=exports.DataTable=exports.CursorPager=exports.AppShell=exports.AlertBanner=void 0;var alert_banner_1=require("./alert-banner");Object.defineProperty(exports,"AlertBanner",{enumerable:true,get:function(){return alert_banner_1.AlertBanner}});var app_shell_1=require("./app-shell");Object.defineProperty(exports,"AppShell",{enumerable:true,get:function(){return app_shell_1.AppShell}});var cursor_pager_1=require("./cursor-pager");Object.defineProperty(exports,"CursorPager",{enumerable:true,get:function(){return cursor_pager_1.CursorPager}});var data_table_1=require("./data-table");Object.defineProperty(exports,"DataTable",{enumerable:true,get:function(){return data_table_1.DataTable}});var date_range_picker_1=require("./date-range-picker");Object.defineProperty(exports,"DateRangePicker",{enumerable:true,get:function(){return date_range_picker_1.DateRangePicker}});var detail_panel_1=require("./detail-panel");Object.defineProperty(exports,"DetailPanel",{enumerable:true,get:function(){return detail_panel_1.DetailPanel}});var empty_state_1=require("./empty-state");Object.defineProperty(exports,"EmptyState",{enumerable:true,get:function(){return empty_state_1.EmptyState}});var number_input_1=require("./number-input");Object.defineProperty(exports,"NumberInput",{enumerable:true,get:function(){return number_input_1.NumberInput}});var search_input_1=require("./search-input");Object.defineProperty(exports,"SearchInput",{enumerable:true,get:function(){return search_input_1.SearchInput}});var stat_card_1=require("./stat-card");Object.defineProperty(exports,"StatCard",{enumerable:true,get:function(){return stat_card_1.StatCard}});var status_badge_1=require("./status-badge");Object.defineProperty(exports,"DEFAULT_STATUS_VARIANTS",{enumerable:true,get:function(){return status_badge_1.DEFAULT_STATUS_VARIANTS}});Object.defineProperty(exports,"StatusBadge",{enumerable:true,get:function(){return status_badge_1.StatusBadge}});var virtualized_table_1=require("./virtualized-table");Object.defineProperty(exports,"VirtualizedTable",{enumerable:true,get:function(){return virtualized_table_1.VirtualizedTable}});var use_is_mobile_1=require("./use-is-mobile");Object.defineProperty(exports,"useIsMobile",{enumerable:true,get:function(){return use_is_mobile_1.useIsMobile}});

package/dist/enterprise/number-input/index.js

@@ -1,252 +1 @@
-'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.parseRaw = parseRaw;
-exports.isTransientPartial = isTransientPartial;
-exports.NumberInput = NumberInput;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * NumberInput — a controlled numeric input with +/- steppers.
- *
- * Composes sindarian-ui's Input (the text field) and IconButton (the two
- * steppers). The external contract is a plain `number | null` (null = empty).
- * Steppers step by `step` and clamp the result to [min, max]. While focused the
- * field shows the raw, editable string the user is typing; on blur it reformats
- * the committed number via Intl.NumberFormat(locale, { maximumFractionDigits:
- * precision }) (e.g. 1,234.50). Parsing always emits the raw number, so digits
- * the user types are never silently rewritten mid-edit.
- */
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const format_1 = require("../../domain/format");
-const icon_button_1 = require("../../components/ui/icon-button");
-const input_1 = require("../../components/ui/input");
-const utils_1 = require("../../lib/utils");
-function clamp(value, min, max) {
-    let next = value;
-    if (typeof min === 'number' && next < min)
-        next = min;
-    if (typeof max === 'number' && next > max)
-        next = max;
-    return next;
-}
-/**
- * `Number.prototype.toFixed` rejects more than 100 fraction digits. Denormals
- * genuinely need more (`decimalPlaces(5e-324)` is 324), so this is a RangeError
- * guard, not a precision policy — no step a person types comes close.
- */
-const MAX_FIXED_DIGITS = 100;
-/**
- * Fraction digits a number carries, reading exponent notation correctly.
- * `String(1e-7)` is `'1e-7'`, which has no '.' at all, so counting characters
- * after a decimal point reports 0 and silently kills any step below 1e-6.
- * `toExponential()` gives a canonical mantissa/exponent pair instead:
- * 1e-7 -> mantissa '1', exponent -7 -> 7 fraction digits.
- */
-function decimalPlaces(value) {
-    if (!Number.isFinite(value) || Number.isInteger(value))
-        return 0;
-    const [mantissa, exponent] = value.toExponential().split('e');
-    const mantissaDigits = (mantissa.split('.')[1] ?? '').length;
-    return Math.max(0, mantissaDigits - Number(exponent));
-}
-/**
- * Snap a stepped result to the fraction digits its own operands carry, so
- * binary float drift never escapes to the parent: stepping 0.1 by 0.2 must
- * commit 0.3, not 0.30000000000000004.
- *
- * Anchoring on the OPERANDS is what makes this safe at both ends of the range.
- * Rounding to a fixed number of significant digits cannot work: at 1e15 the
- * 15th significant digit is the units place, so 1e15 + 0.5 would snap straight
- * back to 1e15 and the stepper would die. Nor can a "is this change small
- * enough to be noise?" tolerance decide it — 1e15 + 0.125 is exactly
- * representable and must be kept, yet its relative distance from the rounded
- * form (1.25e-16) is SMALLER than genuine drift in 0.1 + 0.2 (1.85e-16), so no
- * threshold separates the two cases. The operands do: `1e15` and `0.5` need one
- * fraction digit between them, `0.1` and `0.2` also one, and rounding each
- * result to its own digit count keeps the first and repairs the second.
- *
- * `toFixed` (not `value * 10 ** digits`) does the rounding: the multiply
- * overflows Number.MAX_SAFE_INTEGER for large values and hands back the very
- * drift it was meant to remove.
- */
-function snapToStep(value, base, step) {
-    if (!Number.isFinite(value))
-        return value;
-    const digits = Math.min(MAX_FIXED_DIGITS, Math.max(decimalPlaces(base), decimalPlaces(step)));
-    return Number(value.toFixed(digits));
-}
-/** The locale's decimal and group separators, derived from a known sample. */
-function localeSeparators(locale) {
-    const parts = new Intl.NumberFormat((0, format_1.safeLocale)(locale)).formatToParts(11111.1);
-    const decimal = parts.find((p) => p.type === 'decimal')?.value ?? '.';
-    const group = parts.find((p) => p.type === 'group')?.value ?? '';
-    return { decimal, group };
-}
-/**
- * Parse the editable string into a number, round-tripping the component's
- * `locale`: strip the locale group separators, swap the locale decimal mark to
- * '.', then `Number()`. Null when empty/unparseable.
- *
- * Internal (not part of the public barrel) but exported for its unit tests —
- * numeric-entry correctness is the load-bearing behavior here.
- */
-function parseRaw(raw, locale) {
-    const trimmed = raw.trim();
-    if (trimmed === '')
-        return null;
-    const { decimal, group } = localeSeparators(locale);
-    let normalized = trimmed;
-    if (group)
-        normalized = normalized.split(group).join('');
-    if (decimal !== '.')
-        normalized = normalized.split(decimal).join('.');
-    if (normalized === '')
-        return null;
-    const parsed = Number(normalized);
-    // NaN is not the only unusable result: `Number('1e999')` and `Number('Infinity')`
-    // are both `Infinity`, which passed the NaN check and was committed straight to
-    // `onValueChange`. An infinite committed value poisons everything downstream —
-    // `clamp` returns it verbatim with no `max`, `toFixed` cannot render it, and a
-    // form submits it. A non-finite entry is no number at all, so the committed
-    // value stays where it was.
-    return Number.isFinite(parsed) ? parsed : null;
-}
-/**
- * A transient partial entry that should not commit yet — a lone sign, a lone
- * decimal mark, sign+decimal, or a value ending in the decimal mark (the user
- * is still typing). Suppressing these keeps the external value from
- * round-tripping through `null` mid-edit.
- *
- * Internal (not part of the public barrel) but exported for its unit tests.
- */
-function isTransientPartial(raw, locale) {
-    const trimmed = raw.trim();
-    if (trimmed === '')
-        return false;
-    const { decimal } = localeSeparators(locale);
-    const d = decimal.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-    return new RegExp(`^-?(${d})?$|${d}$`).test(trimmed);
-}
-function NumberInput({ value, onValueChange, min, max, step = 1, precision, locale, disabled = false, id, className, placeholder, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy }) {
-    const [focused, setFocused] = React.useState(false);
-    // The string the user is editing. Only authoritative while focused.
-    const [draft, setDraft] = React.useState('');
-    // A step has to be a POSITIVE FINITE number or the control stops meaning what
-    // its buttons say: a negative step makes "+" decrease and "−" increase, a zero
-    // or NaN step commits a value that never progresses (and NaN escapes into the
-    // form), and an infinite step commits Infinity the moment `max` is unset.
-    // None of those is a step, so an unusable one falls back to the documented
-    // default of 1 rather than being fed to the arithmetic.
-    const safeStep = Number.isFinite(step) && step > 0 ? step : 1;
-    const formatter = React.useMemo(() => new Intl.NumberFormat((0, format_1.safeLocale)(locale), {
-        maximumFractionDigits: precision ?? 20,
-        minimumFractionDigits: precision ?? 0,
-        useGrouping: true
-    }), [locale, precision]);
-    // Blurred display: locale-formatted committed value, or empty.
-    const displayValue = focused
-        ? draft
-        : value === null
-            ? ''
-            : formatter.format(value);
-    const commit = (next) => {
-        onValueChange(next);
-    };
-    const stepBy = (direction) => {
-        const base = value ?? 0;
-        // Snap FIRST, then clamp — never the other way round. Snapping rounds to
-        // the operands' fraction digits, so snapping a CLAMPED value rounds the
-        // bound itself: stepping 0.2 by 0.1 under max 0.25 clamps to 0.25, which
-        // then snaps to one digit as 0.3 and escapes the maximum. Clamping last
-        // makes the bound the final word, and `clamp` returns it verbatim, so a
-        // bound is emitted exactly as the caller gave it.
-        const next = clamp(snapToStep(base + direction * safeStep, base, safeStep), min, max);
-        commit(next);
-        // Seed the draft via the locale formatter so a stepper press doesn't flip
-        // the user's separators (e.g. ',' → '.').
-        if (focused)
-            setDraft(formatter.format(next));
-    };
-    const onChange = (event) => {
-        const raw = event.target.value;
-        setDraft(raw);
-        // Commit only a genuine clear or a parsed number; suppress transient
-        // partials ("-", ".", "-.", trailing separator) so typing a negative or
-        // decimal doesn't round-trip the external value through null mid-entry.
-        if (raw.trim() === '') {
-            commit(null);
-            return;
-        }
-        if (isTransientPartial(raw, locale))
-            return;
-        const parsed = parseRaw(raw, locale);
-        if (parsed !== null)
-            commit(parsed);
-    };
-    // Keyboard stepping (WCAG 2.1.1): the steppers are tabIndex={-1}, so the
-    // input owns keyboard interaction per the ARIA spinbutton pattern.
-    const onKeyDown = (event) => {
-        if (disabled)
-            return;
-        if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            stepBy(1);
-        }
-        else if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            stepBy(-1);
-        }
-    };
-    const onFocus = () => {
-        setFocused(true);
-        // Seed via the locale formatter (not String(value), which forces '.') so
-        // focusing doesn't flip the separator the user expects.
-        setDraft(value === null ? '' : formatter.format(value));
-    };
-    const onBlur = () => {
-        setFocused(false);
-        // Re-clamp the committed value so a typed out-of-range entry settles.
-        if (value !== null) {
-            const clamped = clamp(value, min, max);
-            if (clamped !== value)
-                commit(clamped);
-        }
-    };
-    const atMin = typeof min === 'number' && value !== null && value <= min;
-    const atMax = typeof max === 'number' && value !== null && value >= max;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('inline-flex items-stretch gap-1', className), children: [(0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { className: "shrink-0", type: "button", variant: "outline", disabled: disabled || atMin, "aria-label": `Decrease${ariaLabel ? ` ${ariaLabel}` : ''}`, onClick: () => stepBy(-1), tabIndex: -1, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Minus, { className: "size-4", "aria-hidden": true }) }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 min-w-0", children: (0, jsx_runtime_1.jsx)(input_1.Input, { id: id, inputMode: "decimal", role: "spinbutton", "aria-valuenow": value ?? undefined, "aria-valuemin": min, "aria-valuemax": max, className: "text-right tabular-nums", value: displayValue, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, onChange: onChange, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur }) }), (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { className: "shrink-0", type: "button", variant: "outline", disabled: disabled || atMax, "aria-label": `Increase${ariaLabel ? ` ${ariaLabel}` : ''}`, onClick: () => stepBy(1), tabIndex: -1, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "size-4", "aria-hidden": true }) })] }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,n,r,e){if(e===void 0)e=r;var i=Object.getOwnPropertyDescriptor(n,r);if(!i||("get"in i?!n.__esModule:i.writable||i.configurable)){i={enumerable:true,get:function(){return n[r]}}}Object.defineProperty(t,e,i)}):(function(t,n,r,e){if(e===void 0)e=r;t[e]=n[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,n){Object.defineProperty(t,"default",{enumerable:true,value:n})}):function(t,n){t["default"]=n});var __importStar=this&&this.__importStar||(function(){var t=function(n){t=Object.getOwnPropertyNames||function(r){var e=[];for(var i in r)if(Object.prototype.hasOwnProperty.call(r,i))e[e.length]=i;return e};return t(n)};return function(n){if(n&&n.__esModule)return n;var r={};if(n!=null){for(var e=t(n),i=0;i<e.length;i++)if(e[i]!=="default")__createBinding(r,n,e[i])}__setModuleDefault(r,n);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.parseRaw=parseRaw;exports.isTransientPartial=isTransientPartial;exports.NumberInput=NumberInput;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const lucide_react_1=require("lucide-react");const format_1=require("../../domain/format");const icon_button_1=require("../../components/ui/icon-button");const input_1=require("../../components/ui/input");const utils_1=require("../../lib/utils");function clamp(t,n,r){let e=t;if(typeof n==="number"&&e<n)e=n;if(typeof r==="number"&&e>r)e=r;return e}const MAX_FIXED_DIGITS=100;function decimalPlaces(t){if(!Number.isFinite(t)||Number.isInteger(t))return 0;const[n,r]=t.toExponential().split("e");const e=(n.split(".")[1]??"").length;return Math.max(0,e-Number(r))}function snapToStep(t,n,r){if(!Number.isFinite(t))return t;const e=Math.min(MAX_FIXED_DIGITS,Math.max(decimalPlaces(n),decimalPlaces(r)));return Number(t.toFixed(e))}function localeSeparators(t){const n=new Intl.NumberFormat((0,format_1.safeLocale)(t)).formatToParts(11111.1);const r=n.find(i=>i.type==="decimal")?.value??".";const e=n.find(i=>i.type==="group")?.value??"";return{decimal:r,group:e}}function parseRaw(t,n){const r=t.trim();if(r==="")return null;const{decimal:e,group:i}=localeSeparators(n);let o=r;if(i)o=o.split(i).join("");if(e!==".")o=o.split(e).join(".");if(o==="")return null;const u=Number(o);return Number.isFinite(u)?u:null}function isTransientPartial(t,n){const r=t.trim();if(r==="")return false;const{decimal:e}=localeSeparators(n);const i=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`^-?(${i})?$|${i}$`).test(r)}function NumberInput({value:t,onValueChange:n,min:r,max:e,step:i=1,precision:o,locale:u,disabled:f=false,id:y,className:x,placeholder:N,"aria-label":c,"aria-describedby":j}){const[_,g]=React.useState(false);const[w,m]=React.useState("");const h=Number.isFinite(i)&&i>0?i:1;const b=React.useMemo(()=>new Intl.NumberFormat((0,format_1.safeLocale)(u),{maximumFractionDigits:o??20,minimumFractionDigits:o??0,useGrouping:true}),[u,o]);const D=_?w:t===null?"":b.format(t);const p=s=>{n(s)};const d=s=>{const a=t??0;const l=clamp(snapToStep(a+s*h,a,h),r,e);p(l);if(_)m(b.format(l))};const I=s=>{const a=s.target.value;m(a);if(a.trim()===""){p(null);return}if(isTransientPartial(a,u))return;const l=parseRaw(a,u);if(l!==null)p(l)};const M=s=>{if(f)return;if(s.key==="ArrowUp"){s.preventDefault();d(1)}else if(s.key==="ArrowDown"){s.preventDefault();d(-1)}};const F=()=>{g(true);m(t===null?"":b.format(t))};const O=()=>{g(false);if(t!==null){const s=clamp(t,r,e);if(s!==t)p(s)}};const P=typeof r==="number"&&t!==null&&t<=r;const $=typeof e==="number"&&t!==null&&t>=e;return(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("inline-flex items-stretch gap-1",x),children:[(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{className:"shrink-0",type:"button",variant:"outline",disabled:f||P,"aria-label":`Decrease${c?` ${c}`:""}`,onClick:()=>d(-1),tabIndex:-1,children:(0,jsx_runtime_1.jsx)(lucide_react_1.Minus,{className:"size-4","aria-hidden":true})}),(0,jsx_runtime_1.jsx)("div",{className:"w-28 min-w-0",children:(0,jsx_runtime_1.jsx)(input_1.Input,{id:y,inputMode:"decimal",role:"spinbutton","aria-valuenow":t??void 0,"aria-valuemin":r,"aria-valuemax":e,className:"text-right tabular-nums",value:D,placeholder:N,disabled:f,"aria-label":c,"aria-describedby":j,onChange:I,onKeyDown:M,onFocus:F,onBlur:O})}),(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{className:"shrink-0",type:"button",variant:"outline",disabled:f||$,"aria-label":`Increase${c?` ${c}`:""}`,onClick:()=>d(1),tabIndex:-1,children:(0,jsx_runtime_1.jsx)(lucide_react_1.Plus,{className:"size-4","aria-hidden":true})})]})}

package/dist/enterprise/search-input/index.js

@@ -1,121 +1 @@
-'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.SearchInput = SearchInput;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * SearchInput — the console filter row's text field.
- *
- * A controlled text field with a leading search glyph and a trailing clear
- * button that appears only when there is text. It debounces the *emission*
- * (`onValueChange`) while keeping the visible field perfectly responsive: a
- * local draft mirrors the controlled `value`, every keystroke updates the draft
- * immediately, and a trailing timer flushes the draft to the parent after
- * `debounceMs`. Clearing flushes synchronously (no lingering timer fighting an
- * explicit empty).
- *
- * Composes sindarian-ui's Input via its start/end adornment slots.
- */
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const icon_button_1 = require("../../components/ui/icon-button");
-const input_1 = require("../../components/ui/input");
-const utils_1 = require("../../lib/utils");
-/**
- * Marks "no emission of ours is awaiting its echo". A unique object, not a
- * string: any string sentinel is a value a parent could legitimately pass.
- */
-const NO_PENDING_ECHO = Symbol('no pending echo');
-function SearchInput({ value, onValueChange, debounceMs = 250, placeholder = 'Search…', 'aria-label': ariaLabel, clearLabel = 'Clear search', disabled = false, className, id, onKeyDown }) {
-    // Local draft keeps typing instant; the controlled `value` is the source of
-    // truth between edits. When the parent changes `value` out of band (reset,
-    // programmatic set), the draft follows.
-    const [draft, setDraft] = React.useState(value);
-    const timer = React.useRef(null);
-    // The value this component last emitted and has not yet seen echoed back. The
-    // parent echoes it one render later, by which time the user may already have
-    // typed further — syncing the draft to that echo would rewind the field and
-    // swallow those keystrokes. Starts as the sentinel rather than `value`, so the
-    // initial value is never mistaken for an echo of something we sent.
-    const lastEmitted = React.useRef(NO_PENDING_ECHO);
-    React.useEffect(() => {
-        const isEcho = lastEmitted.current === value;
-        // ANY external change consumes the token, echo or not. Consuming it only on
-        // a match left a DROPPED emission pending forever: emit "pix", the parent
-        // rejects it and holds "", the parent later sets "foo" (draft follows, token
-        // still holding "pix"), the parent then sets "pix" — read as our own echo,
-        // so the draft stayed on "foo" and the visible field disagreed with the
-        // controlled value. A later external change is proof the parent moved on,
-        // which invalidates any echo still outstanding.
-        lastEmitted.current = NO_PENDING_ECHO;
-        // A genuine echo must NOT reach the draft: the parent echoes one render
-        // later, by which time the user may have typed further, and syncing would
-        // rewind the field and swallow those keystrokes.
-        if (isEcho)
-            return;
-        setDraft(value);
-    }, [value]);
-    const clearTimer = React.useCallback(() => {
-        if (timer.current !== null) {
-            clearTimeout(timer.current);
-            timer.current = null;
-        }
-    }, []);
-    // Cancel any pending debounced emission on unmount — don't fire a stale
-    // search into a parent that's tearing down. (Clearing flushes synchronously
-    // via handleClear, so a real clear is never lost.)
-    React.useEffect(() => clearTimer, [clearTimer]);
-    const handleChange = (event) => {
-        const next = event.target.value;
-        setDraft(next);
-        clearTimer();
-        timer.current = setTimeout(() => {
-            timer.current = null;
-            lastEmitted.current = next;
-            onValueChange(next);
-        }, debounceMs);
-    };
-    const handleClear = () => {
-        clearTimer();
-        setDraft('');
-        lastEmitted.current = '';
-        onValueChange('');
-    };
-    const hasValue = draft.length > 0;
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('relative w-full sm:w-64', className), children: (0, jsx_runtime_1.jsx)(input_1.Input, { id: id, type: "search", role: "searchbox", value: draft, onChange: handleChange, onKeyDown: onKeyDown, placeholder: placeholder, "aria-label": ariaLabel ?? placeholder ?? 'Search', disabled: disabled, 
-            // The native search clear glyph would duplicate our button.
-            className: "[&::-webkit-search-cancel-button]:appearance-none", startAdornment: (0, jsx_runtime_1.jsx)(input_1.InputAdornment, { position: "start", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { "aria-hidden": true }) }), endAdornment: hasValue ? ((0, jsx_runtime_1.jsx)(input_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { type: "button", variant: "plain", size: "small", "aria-label": clearLabel, disabled: disabled, onClick: handleClear, className: "text-muted-foreground hover:text-foreground", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "size-4", "aria-hidden": true }) }) })) : undefined }) }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(n,e,u,t){if(t===void 0)t=u;var r=Object.getOwnPropertyDescriptor(e,u);if(!r||("get"in r?!e.__esModule:r.writable||r.configurable)){r={enumerable:true,get:function(){return e[u]}}}Object.defineProperty(n,t,r)}):(function(n,e,u,t){if(t===void 0)t=u;n[t]=e[u]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(n,e){Object.defineProperty(n,"default",{enumerable:true,value:e})}):function(n,e){n["default"]=e});var __importStar=this&&this.__importStar||(function(){var n=function(e){n=Object.getOwnPropertyNames||function(u){var t=[];for(var r in u)if(Object.prototype.hasOwnProperty.call(u,r))t[t.length]=r;return t};return n(e)};return function(e){if(e&&e.__esModule)return e;var u={};if(e!=null){for(var t=n(e),r=0;r<t.length;r++)if(t[r]!=="default")__createBinding(u,e,t[r])}__setModuleDefault(u,e);return u}})();Object.defineProperty(exports,"__esModule",{value:true});exports.SearchInput=SearchInput;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const lucide_react_1=require("lucide-react");const icon_button_1=require("../../components/ui/icon-button");const input_1=require("../../components/ui/input");const utils_1=require("../../lib/utils");const NO_PENDING_ECHO=Symbol("no pending echo");function SearchInput({value:n,onValueChange:e,debounceMs:u=250,placeholder:t="Search\u2026","aria-label":r,clearLabel:h="Clear search",disabled:f=false,className:p,id:_,onKeyDown:b}){const[d,s]=React.useState(n);const c=React.useRef(null);const a=React.useRef(NO_PENDING_ECHO);React.useEffect(()=>{const o=a.current===n;a.current=NO_PENDING_ECHO;if(o)return;s(n)},[n]);const i=React.useCallback(()=>{if(c.current!==null){clearTimeout(c.current);c.current=null}},[]);React.useEffect(()=>i,[i]);const m=o=>{const l=o.target.value;s(l);i();c.current=setTimeout(()=>{c.current=null;a.current=l;e(l)},u)};const j=()=>{i();s("");a.current="";e("")};const g=d.length>0;return(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("relative w-full sm:w-64",p),children:(0,jsx_runtime_1.jsx)(input_1.Input,{id:_,type:"search",role:"searchbox",value:d,onChange:m,onKeyDown:b,placeholder:t,"aria-label":r??t??"Search",disabled:f,className:"[&::-webkit-search-cancel-button]:appearance-none",startAdornment:(0,jsx_runtime_1.jsx)(input_1.InputAdornment,{position:"start",children:(0,jsx_runtime_1.jsx)(lucide_react_1.Search,{"aria-hidden":true})}),endAdornment:g?(0,jsx_runtime_1.jsx)(input_1.InputAdornment,{position:"end",children:(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{type:"button",variant:"plain",size:"small","aria-label":h,disabled:f,onClick:j,className:"text-muted-foreground hover:text-foreground",children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{className:"size-4","aria-hidden":true})})}):void 0})})}

package/dist/enterprise/stat-card/index.js

@@ -1,75 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatCard = StatCard;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const blotter_1 = require("../../domain/blotter");
-const figure_1 = require("../../domain/figure");
-const ledger_sheet_1 = require("../../domain/ledger-sheet");
-const section_label_1 = require("../../domain/section-label");
-const utils_1 = require("../../lib/utils");
-/** Value/delta color per tone. `default` keeps the high-contrast foreground;
- *  the rest escalate to a semantic theme token that tracks light/dark.
- *
- *  All three escalations read the `-h1a` family, not a mix of `-h1a` and
- *  `-text`. `--system-*-text` is the ink of a tinted PILL, measured against its
- *  own surface; this card paints on the panel, and `-h1a` is the family gated
- *  against `--card` and `--background` in `__tests__/tokens-contract.test.ts`.
- *  The two differ by one palette step in dark, so a mixed table gave the three
- *  deltas three different weights on the same surface for no reason a reader
- *  could see. */
-const TONE_VALUE = {
-    default: 'text-foreground',
-    success: 'text-system-success-h1a',
-    warning: 'text-system-alert-h1a',
-    destructive: 'text-system-error-h1a'
-};
-/** Trend stroke color per tone. Resolved through the `--color-*` wrappers (the
- *  raw `--chart-N` tokens are bare HSL triples, not usable colors). */
-const TONE_TREND = {
-    default: 'var(--color-chart-1)',
-    success: 'var(--color-system-success)',
-    warning: 'var(--color-system-alert)',
-    destructive: 'var(--color-destructive)'
-};
-const TREND_VIEWBOX_WIDTH = 100;
-const TREND_VIEWBOX_HEIGHT = 40;
-/**
- * Chrome-less inline trend: no axes, grid, legend or tooltip. Decorative by
- * construction (`aria-hidden`) — the figure above it carries the meaning.
- * Renders nothing when fewer than two points are plottable.
- */
-function TrendSpark({ data, dataKey, color }) {
-    // Drop absent samples BEFORE coercing: Number(null) and Number('') are both
-    // 0, which would draw a phantom dip to the floor where the series simply has
-    // no reading.
-    const points = [];
-    for (const row of data) {
-        const raw = row[dataKey];
-        if (raw === null || raw === undefined || raw === '')
-            continue;
-        const n = Number(raw);
-        if (Number.isFinite(n))
-            points.push(n);
-    }
-    if (points.length < 2)
-        return null;
-    const min = Math.min(...points);
-    const max = Math.max(...points);
-    // A flat series has zero span; pin it to the vertical midline instead of
-    // dividing by zero.
-    const span = max - min;
-    const stepX = TREND_VIEWBOX_WIDTH / (points.length - 1);
-    const coords = points.map((n, i) => {
-        const x = i * stepX;
-        const y = span === 0
-            ? TREND_VIEWBOX_HEIGHT / 2
-            : TREND_VIEWBOX_HEIGHT - ((n - min) / span) * TREND_VIEWBOX_HEIGHT;
-        return `${x.toFixed(2)},${y.toFixed(2)}`;
-    });
-    return ((0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": true, role: "presentation", viewBox: `0 0 ${TREND_VIEWBOX_WIDTH} ${TREND_VIEWBOX_HEIGHT}`, preserveAspectRatio: "none", className: "h-10 w-full", children: [(0, jsx_runtime_1.jsx)("polygon", { points: `0,${TREND_VIEWBOX_HEIGHT} ${coords.join(' ')} ${TREND_VIEWBOX_WIDTH},${TREND_VIEWBOX_HEIGHT}`, fill: color, fillOpacity: 0.15 }), (0, jsx_runtime_1.jsx)("polyline", { points: coords.join(' '), fill: "none", stroke: color, strokeWidth: 1.75, vectorEffect: "non-scaling-stroke" })] }));
-}
-function StatCard({ label, value, delta, tone = 'default', trend, trendKey = 'value', rows, className }) {
-    const hasTrend = trend !== undefined && trend.length > 0;
-    const hasRows = rows !== undefined && rows.length > 0;
-    return ((0, jsx_runtime_1.jsxs)(ledger_sheet_1.LedgerPanel, { "data-tone": tone, className: className, children: [(0, jsx_runtime_1.jsx)(section_label_1.SectionLabel, { children: label }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)(figure_1.Figure, { size: "hero", className: (0, utils_1.cn)('block', TONE_VALUE[tone]), children: value }), delta !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: (0, utils_1.cn)('text-xs tabular-nums', TONE_VALUE[tone]), children: delta })) : null] }), hasTrend ? ((0, jsx_runtime_1.jsx)(TrendSpark, { data: trend, dataKey: trendKey, color: TONE_TREND[tone] })) : null, hasRows ? ((0, jsx_runtime_1.jsx)(blotter_1.Blotter, { className: "mt-auto", children: rows.map((row, i) => ((0, jsx_runtime_1.jsx)(blotter_1.BlotterRow, { label: row.label, value: row.value }, i))) })) : null] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StatCard=StatCard;const jsx_runtime_1=require("react/jsx-runtime");const blotter_1=require("../../domain/blotter");const figure_1=require("../../domain/figure");const ledger_sheet_1=require("../../domain/ledger-sheet");const section_label_1=require("../../domain/section-label");const utils_1=require("../../lib/utils");const TONE_VALUE={default:"text-foreground",success:"text-system-success-h1a",warning:"text-system-alert-h1a",destructive:"text-system-error-h1a"};const TONE_TREND={default:"var(--color-chart-1)",success:"var(--color-system-success)",warning:"var(--color-system-alert)",destructive:"var(--color-destructive)"};const TREND_VIEWBOX_WIDTH=100;const TREND_VIEWBOX_HEIGHT=40;function TrendSpark({data:c,dataKey:i,color:o}){const e=[];for(const l of c){const t=l[i];if(t===null||t===void 0||t==="")continue;const r=Number(t);if(Number.isFinite(r))e.push(r)}if(e.length<2)return null;const s=Math.min(...e);const u=Math.max(...e);const n=u-s;const d=TREND_VIEWBOX_WIDTH/(e.length-1);const a=e.map((l,t)=>{const r=t*d;const m=n===0?TREND_VIEWBOX_HEIGHT/2:TREND_VIEWBOX_HEIGHT-(l-s)/n*TREND_VIEWBOX_HEIGHT;return`${r.toFixed(2)},${m.toFixed(2)}`});return(0,jsx_runtime_1.jsxs)("svg",{"aria-hidden":true,role:"presentation",viewBox:`0 0 ${TREND_VIEWBOX_WIDTH} ${TREND_VIEWBOX_HEIGHT}`,preserveAspectRatio:"none",className:"h-10 w-full",children:[(0,jsx_runtime_1.jsx)("polygon",{points:`0,${TREND_VIEWBOX_HEIGHT} ${a.join(" ")} ${TREND_VIEWBOX_WIDTH},${TREND_VIEWBOX_HEIGHT}`,fill:o,fillOpacity:.15}),(0,jsx_runtime_1.jsx)("polyline",{points:a.join(" "),fill:"none",stroke:o,strokeWidth:1.75,vectorEffect:"non-scaling-stroke"})]})}function StatCard({label:c,value:i,delta:o,tone:e="default",trend:s,trendKey:u="value",rows:n,className:d}){const a=s!==void 0&&s.length>0;const l=n!==void 0&&n.length>0;return(0,jsx_runtime_1.jsxs)(ledger_sheet_1.LedgerPanel,{"data-tone":e,className:d,children:[(0,jsx_runtime_1.jsx)(section_label_1.SectionLabel,{children:c}),(0,jsx_runtime_1.jsxs)("div",{className:"space-y-1",children:[(0,jsx_runtime_1.jsx)(figure_1.Figure,{size:"hero",className:(0,utils_1.cn)("block",TONE_VALUE[e]),children:i}),o!==void 0?(0,jsx_runtime_1.jsx)("p",{className:(0,utils_1.cn)("text-xs tabular-nums",TONE_VALUE[e]),children:o}):null]}),a?(0,jsx_runtime_1.jsx)(TrendSpark,{data:s,dataKey:u,color:TONE_TREND[e]}):null,l?(0,jsx_runtime_1.jsx)(blotter_1.Blotter,{className:"mt-auto",children:n.map((t,r)=>(0,jsx_runtime_1.jsx)(blotter_1.BlotterRow,{label:t.label,value:t.value},r))}):null]})}