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

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

@@ -1,10 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Inbox } from 'lucide-react';
-import { LABEL_VOICE_CLASS } from '../../lib/typography.js';
-import { cn } from '../../lib/utils.js';
-export function EmptyState({ icon: Icon = Inbox, title, description, action, ruled = false, className }) {
-    if (ruled) {
-        return (_jsxs("div", { "data-variant": "ruled", className: cn('border-border flex flex-col items-start gap-2 border-t px-3 py-6 text-left', className), children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [_jsx(Icon, { className: "size-4", "aria-hidden": true }), _jsx("span", { className: LABEL_VOICE_CLASS, children: title })] }), description ? (_jsx("p", { className: "text-muted-foreground max-w-prose text-sm", children: description })) : null, action ? _jsx("div", { className: "mt-1", children: action }) : null] }));
-    }
-    return (_jsxs("div", { className: cn('flex flex-col items-center justify-center gap-3 px-6 py-16 text-center', className), children: [_jsx("div", { className: "bg-muted flex size-11 items-center justify-center rounded-full", children: _jsx(Icon, { className: "text-muted-foreground size-5", "aria-hidden": true }) }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-foreground text-sm font-medium", children: title }), description ? (_jsx("p", { className: "text-muted-foreground mx-auto max-w-sm text-sm", children: description })) : null] }), action ? _jsx("div", { className: "mt-2", children: action }) : null] }));
-}
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Inbox as x}from"lucide-react";import{LABEL_VOICE_CLASS as o}from"../../lib/typography.js";import{cn as i}from"../../lib/utils.js";export function EmptyState({icon:l=x,title:a,description:t,action:r,ruled:m=false,titleAs:c,className:d}){const n=c??(m?"span":"p");if(m){return s("div",{"data-variant":"ruled",className:i("border-border flex flex-col items-start gap-2 border-t px-3 py-6 text-left",d),children:[s("div",{className:"text-muted-foreground flex items-center gap-2",children:[e(l,{className:"size-4","aria-hidden":true}),e(n,{className:o,children:a})]}),t?e("p",{className:"text-muted-foreground max-w-prose text-sm",children:t}):null,r?e("div",{className:"mt-1",children:r}):null]})}return s("div",{className:i("flex flex-col items-center justify-center gap-3 px-6 py-16 text-center",d),children:[e("div",{className:"bg-muted flex size-11 items-center justify-center rounded-full",children:e(l,{className:"text-muted-foreground size-5","aria-hidden":true})}),s("div",{className:"space-y-1",children:[e(n,{className:"text-foreground text-sm font-medium",children:a}),t?e("p",{className:"text-muted-foreground mx-auto max-w-sm text-sm",children:t}):null]}),r?e("div",{className:"mt-2",children:r}):null]})}

package/dist/esm/enterprise/index.js

@@ -1,22 +1 @@
-// 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.
-export { AlertBanner } from './alert-banner/index.js';
-export { AppShell } from './app-shell/index.js';
-export { CursorPager } from './cursor-pager/index.js';
-export { DataTable } from './data-table/index.js';
-export { DateRangePicker } from './date-range-picker/index.js';
-export { DetailPanel } from './detail-panel/index.js';
-export { EmptyState } from './empty-state/index.js';
-export { NumberInput } from './number-input/index.js';
-export { SearchInput } from './search-input/index.js';
-export { StatCard } from './stat-card/index.js';
-export { DEFAULT_STATUS_VARIANTS, StatusBadge } from './status-badge/index.js';
-export { VirtualizedTable } from './virtualized-table/index.js';
-export { useIsMobile } from './use-is-mobile.js';
+export{AlertBanner}from"./alert-banner/index.js";export{AppShell}from"./app-shell/index.js";export{CursorPager}from"./cursor-pager/index.js";export{DataTable}from"./data-table/index.js";export{DateRangePicker}from"./date-range-picker/index.js";export{DetailPanel}from"./detail-panel/index.js";export{EmptyState}from"./empty-state/index.js";export{NumberInput}from"./number-input/index.js";export{SearchInput}from"./search-input/index.js";export{StatCard}from"./stat-card/index.js";export{DEFAULT_STATUS_VARIANTS,StatusBadge}from"./status-badge/index.js";export{VirtualizedTable}from"./virtualized-table/index.js";export{useIsMobile}from"./use-is-mobile.js";

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

@@ -1,214 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "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.
- */
-import * as React from 'react';
-import { Minus, Plus } from 'lucide-react';
-import { safeLocale } from '../../domain/format.js';
-import { IconButton } from '../../components/ui/icon-button/index.js';
-import { Input } from '../../components/ui/input/index.js';
-import { cn } from '../../lib/utils.js';
-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(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.
- */
-export 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.
- */
-export 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);
-}
-export 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(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 (_jsxs("div", { className: cn('inline-flex items-stretch gap-1', className), children: [_jsx(IconButton, { className: "shrink-0", type: "button", variant: "outline", disabled: disabled || atMin, "aria-label": `Decrease${ariaLabel ? ` ${ariaLabel}` : ''}`, onClick: () => stepBy(-1), tabIndex: -1, children: _jsx(Minus, { className: "size-4", "aria-hidden": true }) }), _jsx("div", { className: "w-28 min-w-0", children: _jsx(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 }) }), _jsx(IconButton, { className: "shrink-0", type: "button", variant: "outline", disabled: disabled || atMax, "aria-label": `Increase${ariaLabel ? ` ${ariaLabel}` : ''}`, onClick: () => stepBy(1), tabIndex: -1, children: _jsx(Plus, { className: "size-4", "aria-hidden": true }) })] }));
-}
+"use client";import{jsx as c,jsxs as R}from"react/jsx-runtime";import*as g from"react";import{Minus as G,Plus as K}from"lucide-react";import{safeLocale as w}from"../../domain/format.js";import{IconButton as F}from"../../components/ui/icon-button/index.js";import{Input as X}from"../../components/ui/input/index.js";import{cn as U}from"../../lib/utils.js";function D(t,r,e){let n=t;if(typeof r==="number"&&n<r)n=r;if(typeof e==="number"&&n>e)n=e;return n}const V=100;function I(t){if(!Number.isFinite(t)||Number.isInteger(t))return 0;const[r,e]=t.toExponential().split("e");const n=(r.split(".")[1]??"").length;return Math.max(0,n-Number(e))}function q(t,r,e){if(!Number.isFinite(t))return t;const n=Math.min(V,Math.max(I(r),I(e)));return Number(t.toFixed(n))}function $(t){const r=new Intl.NumberFormat(w(t)).formatToParts(11111.1);const e=r.find(i=>i.type==="decimal")?.value??".";const n=r.find(i=>i.type==="group")?.value??"";return{decimal:e,group:n}}export function parseRaw(t,r){const e=t.trim();if(e==="")return null;const{decimal:n,group:i}=$(r);let o=e;if(i)o=o.split(i).join("");if(n!==".")o=o.split(n).join(".");if(o==="")return null;const a=Number(o);return Number.isFinite(a)?a:null}export function isTransientPartial(t,r){const e=t.trim();if(e==="")return false;const{decimal:n}=$(r);const i=n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`^-?(${i})?$|${i}$`).test(e)}export function NumberInput({value:t,onValueChange:r,min:e,max:n,step:i=1,precision:o,locale:a,disabled:f=false,id:M,className:j,placeholder:k,"aria-label":l,"aria-describedby":S}){const[h,x]=g.useState(false);const[B,b]=g.useState("");const y=Number.isFinite(i)&&i>0?i:1;const N=g.useMemo(()=>new Intl.NumberFormat(w(a),{maximumFractionDigits:o??20,minimumFractionDigits:o??0,useGrouping:true}),[a,o]);const C=h?B:t===null?"":N.format(t);const p=s=>{r(s)};const d=s=>{const u=t??0;const m=D(q(u+s*y,u,y),e,n);p(m);if(h)b(N.format(m))};const P=s=>{const u=s.target.value;b(u);if(u.trim()===""){p(null);return}if(isTransientPartial(u,a))return;const m=parseRaw(u,a);if(m!==null)p(m)};const T=s=>{if(f)return;if(s.key==="ArrowUp"){s.preventDefault();d(1)}else if(s.key==="ArrowDown"){s.preventDefault();d(-1)}};const _=()=>{x(true);b(t===null?"":N.format(t))};const z=()=>{x(false);if(t!==null){const s=D(t,e,n);if(s!==t)p(s)}};const A=typeof e==="number"&&t!==null&&t<=e;const E=typeof n==="number"&&t!==null&&t>=n;return R("div",{className:U("inline-flex items-stretch gap-1",j),children:[c(F,{className:"shrink-0",type:"button",variant:"outline",disabled:f||A,"aria-label":`Decrease${l?` ${l}`:""}`,onClick:()=>d(-1),tabIndex:-1,children:c(G,{className:"size-4","aria-hidden":true})}),c("div",{className:"w-28 min-w-0",children:c(X,{id:M,inputMode:"decimal",role:"spinbutton","aria-valuenow":t??void 0,"aria-valuemin":e,"aria-valuemax":n,className:"text-right tabular-nums",value:C,placeholder:k,disabled:f,"aria-label":l,"aria-describedby":S,onChange:P,onKeyDown:T,onFocus:_,onBlur:z})}),c(F,{className:"shrink-0",type:"button",variant:"outline",disabled:f||E,"aria-label":`Increase${l?` ${l}`:""}`,onClick:()=>d(1),tabIndex:-1,children:c(K,{className:"size-4","aria-hidden":true})})]})}

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

@@ -1,85 +1 @@
-'use client';
-import { jsx as _jsx } from "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.
- */
-import * as React from 'react';
-import { Search, X } from 'lucide-react';
-import { IconButton } from '../../components/ui/icon-button/index.js';
-import { Input, InputAdornment } from '../../components/ui/input/index.js';
-import { cn } from '../../lib/utils.js';
-/**
- * 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');
-export 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 (_jsx("div", { className: cn('relative w-full sm:w-64', className), children: _jsx(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: _jsx(InputAdornment, { position: "start", children: _jsx(Search, { "aria-hidden": true }) }), endAdornment: hasValue ? (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { type: "button", variant: "plain", size: "small", "aria-label": clearLabel, disabled: disabled, onClick: handleClear, className: "text-muted-foreground hover:text-foreground", children: _jsx(X, { className: "size-4", "aria-hidden": true }) }) })) : undefined }) }));
-}
+"use client";import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{Search as w,X as y}from"lucide-react";import{IconButton as k}from"../../components/ui/icon-button/index.js";import{Input as v,InputAdornment as f}from"../../components/ui/input/index.js";import{cn as A}from"../../lib/utils.js";const h=Symbol("no pending echo");export function SearchInput({value:n,onValueChange:i,debounceMs:p=250,placeholder:u="Search\u2026","aria-label":b,clearLabel:x="Clear search",disabled:m=false,className:N,id:g,onKeyDown:C}){const[d,c]=t.useState(n);const r=t.useRef(null);const a=t.useRef(h);t.useEffect(()=>{const s=a.current===n;a.current=h;if(s)return;c(n)},[n]);const o=t.useCallback(()=>{if(r.current!==null){clearTimeout(r.current);r.current=null}},[]);t.useEffect(()=>o,[o]);const E=s=>{const l=s.target.value;c(l);o();r.current=setTimeout(()=>{r.current=null;a.current=l;i(l)},p)};const S=()=>{o();c("");a.current="";i("")};const I=d.length>0;return e("div",{className:A("relative w-full sm:w-64",N),children:e(v,{id:g,type:"search",role:"searchbox",value:d,onChange:E,onKeyDown:C,placeholder:u,"aria-label":b??u??"Search",disabled:m,className:"[&::-webkit-search-cancel-button]:appearance-none",startAdornment:e(f,{position:"start",children:e(w,{"aria-hidden":true})}),endAdornment:I?e(f,{position:"end",children:e(k,{type:"button",variant:"plain",size:"small","aria-label":x,disabled:m,onClick:S,className:"text-muted-foreground hover:text-foreground",children:e(y,{className:"size-4","aria-hidden":true})})}):void 0})})}

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

@@ -1,72 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Blotter, BlotterRow } from '../../domain/blotter/index.js';
-import { Figure } from '../../domain/figure/index.js';
-import { LedgerPanel } from '../../domain/ledger-sheet/index.js';
-import { SectionLabel } from '../../domain/section-label/index.js';
-import { cn } from '../../lib/utils.js';
-/** 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 (_jsxs("svg", { "aria-hidden": true, role: "presentation", viewBox: `0 0 ${TREND_VIEWBOX_WIDTH} ${TREND_VIEWBOX_HEIGHT}`, preserveAspectRatio: "none", className: "h-10 w-full", children: [_jsx("polygon", { points: `0,${TREND_VIEWBOX_HEIGHT} ${coords.join(' ')} ${TREND_VIEWBOX_WIDTH},${TREND_VIEWBOX_HEIGHT}`, fill: color, fillOpacity: 0.15 }), _jsx("polyline", { points: coords.join(' '), fill: "none", stroke: color, strokeWidth: 1.75, vectorEffect: "non-scaling-stroke" })] }));
-}
-export 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 (_jsxs(LedgerPanel, { "data-tone": tone, className: className, children: [_jsx(SectionLabel, { children: label }), _jsxs("div", { className: "space-y-1", children: [_jsx(Figure, { size: "hero", className: cn('block', TONE_VALUE[tone]), children: value }), delta !== undefined ? (_jsx("p", { className: cn('text-xs tabular-nums', TONE_VALUE[tone]), children: delta })) : null] }), hasTrend ? (_jsx(TrendSpark, { data: trend, dataKey: trendKey, color: TONE_TREND[tone] })) : null, hasRows ? (_jsx(Blotter, { className: "mt-auto", children: rows.map((row, i) => (_jsx(BlotterRow, { label: row.label, value: row.value }, i))) })) : null] }));
-}
+import{jsx as s,jsxs as h}from"react/jsx-runtime";import{Blotter as g,BlotterRow as y}from"../../domain/blotter/index.js";import{Figure as E}from"../../domain/figure/index.js";import{LedgerPanel as T}from"../../domain/ledger-sheet/index.js";import{SectionLabel as _}from"../../domain/section-label/index.js";import{cn as x}from"../../lib/utils.js";const v={default:"text-foreground",success:"text-system-success-h1a",warning:"text-system-alert-h1a",destructive:"text-system-error-h1a"};const $={default:"var(--color-chart-1)",success:"var(--color-system-success)",warning:"var(--color-system-alert)",destructive:"var(--color-destructive)"};const p=100;const a=40;function b({data:u,dataKey:d,color:l}){const e=[];for(const c of u){const t=c[d];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 n=Math.min(...e);const m=Math.max(...e);const o=m-n;const f=p/(e.length-1);const i=e.map((c,t)=>{const r=t*f;const N=o===0?a/2:a-(c-n)/o*a;return`${r.toFixed(2)},${N.toFixed(2)}`});return h("svg",{"aria-hidden":true,role:"presentation",viewBox:`0 0 ${p} ${a}`,preserveAspectRatio:"none",className:"h-10 w-full",children:[s("polygon",{points:`0,${a} ${i.join(" ")} ${p},${a}`,fill:l,fillOpacity:.15}),s("polyline",{points:i.join(" "),fill:"none",stroke:l,strokeWidth:1.75,vectorEffect:"non-scaling-stroke"})]})}export function StatCard({label:u,value:d,delta:l,tone:e="default",trend:n,trendKey:m="value",rows:o,className:f}){const i=n!==void 0&&n.length>0;const c=o!==void 0&&o.length>0;return h(T,{"data-tone":e,className:f,children:[s(_,{children:u}),h("div",{className:"space-y-1",children:[s(E,{size:"hero",className:x("block",v[e]),children:d}),l!==void 0?s("p",{className:x("text-xs tabular-nums",v[e]),children:l}):null]}),i?s(b,{data:n,dataKey:m,color:$[e]}):null,c?s(g,{className:"mt-auto",children:o.map((t,r)=>s(y,{label:t.label,value:t.value},r))}):null]})}

package/dist/esm/enterprise/status-badge/index.js

@@ -1,116 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * StatusBadge maps a status/severity string to a Badge variant and a humanized
- * label. Unknown values fall back to a neutral "outline" badge with a
- * title-cased label, so new server enum values never render raw or crash.
- *
- * The variant map is injectable (`variantMap`) and shallow-merges over a
- * generic lifecycle default, so apps extend it with their own domain statuses
- * without forking the component.
- *
- * INVARIANT (WCAG 1.4.1): the bare badge is color-only — the variant tint is the
- * sole carrier of severity. That is a non-color-cue failure for a severity badge
- * (a CRITICAL risk band must read as critical in grayscale and to a color-blind
- * reader). `withIcon` opts the badge into the non-color canon: a leading
- * severity GLYPH plus an sr-only severity word, with the tint as reinforcement
- * only. It is opt-in so existing color-only usage is unaffected.
- *
- * Pure display: no directive, no interactivity. A leading lucide glyph is
- * server-safe, so the component stays RSC-safe for the consuming Next.js app.
- */
-import { Check, Minus, OctagonX, TriangleAlert } from 'lucide-react';
-import { Badge } from '../../components/ui/badge/index.js';
-import { cn } from '../../lib/utils.js';
-/**
- * Generic lifecycle defaults — extend per-app via the `variantMap` prop.
- *
- * The KEYS are the frozen legacy contract (apps merge their own domain statuses
- * into this map). The VALUES are sindarian-ui Badge variants: sindarian-ui is
- * senior, so the legacy `muted`/`warning` variants resolve to sindarian-ui's
- * `inactive`/`alert`.
- */
-export const DEFAULT_STATUS_VARIANTS = {
-    DRAFT: 'inactive',
-    ACTIVE: 'success',
-    ENABLED: 'success',
-    INACTIVE: 'inactive',
-    DISABLED: 'inactive',
-    PAUSED: 'alert',
-    ARCHIVED: 'inactive',
-    QUEUED: 'secondary',
-    PENDING: 'alert',
-    PROCESSING: 'alert',
-    RUNNING: 'alert',
-    COMPLETE: 'success',
-    COMPLETED: 'success',
-    SUCCEEDED: 'success',
-    SUCCESS: 'success',
-    FAILED: 'destructive',
-    ERROR: 'destructive',
-    CANCELED: 'inactive',
-    CANCELLED: 'inactive',
-    EXPIRED: 'inactive',
-    OPEN: 'alert',
-    RESOLVED: 'success',
-    REJECTED: 'destructive',
-    CONFIRMED: 'success',
-    LOW: 'inactive',
-    MEDIUM: 'secondary',
-    HIGH: 'alert',
-    CRITICAL: 'destructive'
-};
-/**
- * Variant → non-color severity cue: a distinct glyph + an sr-only severity word.
- * This is the load-bearing cue when `withIcon` is set; the Badge's own tint only
- * reinforces it, so severity survives grayscale and color-vision deficiency.
- *
- * A constant lookup keyed on the Badge variant — the variant already encodes the
- * severity, so the glyph follows the variant rather than re-deriving severity
- * from the raw status. `secondary` is a neutral bucket (e.g. MEDIUM/QUEUED) and,
- * like `inactive`, carries the calm dash glyph. The pure color-carrier variants
- * and the unknown `outline` fallback have no severity semantics, so they render
- * no glyph.
- */
-const SEVERITY_CUE = {
-    success: { Icon: Check, word: 'OK' },
-    alert: { Icon: TriangleAlert, word: 'Warning' },
-    destructive: { Icon: OctagonX, word: 'Critical' },
-    inactive: { Icon: Minus, word: 'Neutral' },
-    secondary: { Icon: Minus, word: 'Neutral' }
-};
-/**
- * Merge a caller's map over the defaults, upper-casing its KEYS.
- *
- * Lookup has always upper-cased the incoming `status`, but sindarian-x merged
- * `variantMap` verbatim — so `{ reconciled: 'success' }` could never match and
- * fell through to the neutral `outline` badge, silently. That was an unstated
- * requirement rather than a design choice: lender's own call sites work around
- * it by hand (`variantMap={{ [reason.toUpperCase()]: 'destructive' }}`).
- * Normalising here is strictly additive — already-uppercase keys are unchanged.
- */
-function mergeVariants(variantMap) {
-    if (!variantMap)
-        return DEFAULT_STATUS_VARIANTS;
-    const merged = { ...DEFAULT_STATUS_VARIANTS };
-    for (const [key, variant] of Object.entries(variantMap)) {
-        merged[key.toUpperCase()] = variant;
-    }
-    return merged;
-}
-function humanize(value) {
-    return value
-        .toLowerCase()
-        .split(/[_\s]+/)
-        .map((w) => (w[0] ? w[0].toUpperCase() + w.slice(1) : w))
-        .join(' ');
-}
-export function StatusBadge({ status, label, variantMap, withIcon = false, unknownLabel = 'Unknown', className }) {
-    if (!status) {
-        return (_jsx(Badge, { variant: "outline", className: cn('text-muted-foreground', className), children: label ?? unknownLabel }));
-    }
-    const variant = mergeVariants(variantMap)[status.toUpperCase()] ?? 'outline';
-    // The glyph follows the resolved variant; an unknown/non-severity variant has
-    // no cue, so the badge gracefully renders label-only even with withIcon set.
-    const cue = withIcon ? SEVERITY_CUE[variant] : undefined;
-    return (_jsxs(Badge, { variant: variant, className: className, children: [cue ? (_jsxs(_Fragment, { children: [_jsx(cue.Icon, { "aria-hidden": true, className: "size-3.5 shrink-0" }), _jsxs("span", { className: "sr-only", children: [cue.word, ": "] })] })) : null, label ?? humanize(status)] }));
-}
+import{jsx as o,jsxs as c,Fragment as l}from"react/jsx-runtime";import{Check as C,Minus as E,OctagonX as I,TriangleAlert as D}from"lucide-react";import{Badge as u}from"../../components/ui/badge/index.js";import{cn as m}from"../../lib/utils.js";export const DEFAULT_STATUS_VARIANTS={DRAFT:"inactive",ACTIVE:"success",ENABLED:"success",INACTIVE:"inactive",DISABLED:"inactive",PAUSED:"alert",ARCHIVED:"inactive",QUEUED:"secondary",PENDING:"alert",PROCESSING:"alert",RUNNING:"alert",COMPLETE:"success",COMPLETED:"success",SUCCEEDED:"success",SUCCESS:"success",FAILED:"destructive",ERROR:"destructive",CANCELED:"inactive",CANCELLED:"inactive",EXPIRED:"inactive",OPEN:"alert",RESOLVED:"success",REJECTED:"destructive",CONFIRMED:"success",LOW:"inactive",MEDIUM:"secondary",HIGH:"alert",CRITICAL:"destructive"};const N={success:{Icon:C,word:"OK"},alert:{Icon:D,word:"Warning"},destructive:{Icon:I,word:"Critical"},inactive:{Icon:E,word:"Neutral"},secondary:{Icon:E,word:"Neutral"}};function v(r){if(!r)return DEFAULT_STATUS_VARIANTS;const e={...DEFAULT_STATUS_VARIANTS};for(const[s,t]of Object.entries(r)){e[s.toUpperCase()]=t}return e}function A(r){return r.toLowerCase().split(/[_\s]+/).map(e=>e[0]?e[0].toUpperCase()+e.slice(1):e).join(" ")}export function StatusBadge({status:r,label:e,variantMap:s,withIcon:t=false,unknownLabel:d="Unknown",className:i}){if(!r){return o(u,{variant:"outline",className:m("text-muted-foreground",i),children:e??d})}const a=v(s)[r.toUpperCase()]??"outline";const n=t?N[a]:void 0;return c(u,{variant:a,className:i,children:[n?c(l,{children:[o(n.Icon,{"aria-hidden":true,className:"size-3.5 shrink-0"}),c("span",{className:"sr-only",children:[n.word,": "]})]}):null,e??A(r)]})}

package/dist/esm/enterprise/use-is-mobile.js

@@ -1,31 +1 @@
-'use client';
-import * as React from 'react';
-/** The one breakpoint the hook subscribes at. Exported so its tests can bind to
- *  it instead of re-stating the number. */
-export const MOBILE_BREAKPOINT = 768;
-/**
- * True while the viewport is narrower than the 768px mobile breakpoint.
- *
- * Always false on the FIRST render, server and client alike, so a narrow
- * viewport can never produce a hydration mismatch. The correction lands in a
- * `useEffect`, which runs AFTER the browser paints: on a narrow viewport the
- * first painted frame therefore shows the desktop branch and the mobile branch
- * appears on the next frame. That one frame is the deliberate price of
- * hydration safety — a layout effect would remove it but would also change the
- * render timing every existing consumer is built on.
- *
- * Every reading comes from the media query itself rather than a mix of
- * `matchMedia` and `window.innerWidth`, so the initial value and the change
- * events can never disagree at the breakpoint boundary.
- */
-export function useIsMobile() {
-    const [isMobile, setIsMobile] = React.useState(false);
-    React.useEffect(() => {
-        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-        const onChange = () => setIsMobile(mql.matches);
-        onChange();
-        mql.addEventListener('change', onChange);
-        return () => mql.removeEventListener('change', onChange);
-    }, []);
-    return isMobile;
-}
+"use client";import*as n from"react";export const MOBILE_BREAKPOINT=768;export function useIsMobile(){const[s,o]=n.useState(false);n.useEffect(()=>{const e=window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT-1}px)`);const t=()=>o(e.matches);t();e.addEventListener("change",t);return()=>e.removeEventListener("change",t)},[]);return s}