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

package/dist/domain/money-text/index.js

@@ -1,123 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeAmount = normalizeAmount;
-exports.formatMoneyParts = formatMoneyParts;
-exports.MoneyText = MoneyText;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * MoneyText renders a monetary amount with optional ISO currency code,
- * tabular figures so columns line up. The amount is formatted losslessly: when
- * passed as a string, `Intl.NumberFormat.format()` (ES2020+) parses it as an
- * arbitrary-precision value and rounds to `fractionDigits` without ever
- * round-tripping through an IEEE-754 double — so 16+ significant-digit tokens
- * keep every digit. Pass the raw decimal string (not a pre-coerced Number) to
- * preserve that guarantee.
- *
- * The currency code is shown as a suffix rather than a symbol so mixed-currency
- * ledgers stay unambiguous. Negative amounts get the error sign color;
- * null/undefined/empty render the muted no-value placeholder.
- *
- * SIGN COLOR IS NOT THE CREDIT ROLE. The sign ink marks a negative/alarm
- * amount; `--credit` is the accounting reading of a credit amount. They are two
- * roles, and a consumer layers the credit role on top (matcher's fork passes
- * `signColor={false}` with `tone="credit"` precisely so the two never fight).
- * Collapsing the sign color into `text-credit` would erase that distinction.
- *
- * THE SIGN INK IS THE `system-error` H1A INK, not `--destructive`. A signed
- * amount is TEXT, so it answers to WCAG AA on whatever surface holds it, and
- * `--destructive` is a FILL family (buttons, badges, tinted chips) whose dark
- * value reads 3.80:1 as ink on `--card`, an axe finding on a live console.
- * `--system-error-h1a` is the error INK of the same family and reads 8.28:1
- * light / 7.12:1 dark on that surface. `__tests__/tokens-contract.test.ts`
- * re-measures whichever token this line applies, so the pairing is measured
- * rather than trusted.
- */
-const utils_1 = require("../../lib/utils");
-const format_1 = require("../format");
-/**
- * Normalize a raw amount into a string the Intl formatter accepts while
- * preserving precision: trim, convert the unicode minus U+2212 to ASCII '-',
- * and rewrite accounting parens `(123.45)` → `-123.45`. Returns null when the
- * input is empty after trimming (→ NO_VALUE upstream).
- *
- * Internal: exported for its unit tests, never from `src/domain/index.ts`.
- */
-function normalizeAmount(amount) {
-    let s = String(amount).trim();
-    if (s === '')
-        return null;
-    s = s.replace(/−/g, '-');
-    const parens = s.match(/^\((.*)\)$/);
-    if (parens)
-        s = `-${parens[1].trim()}`;
-    return s;
-}
-/**
- * Pure money formatting: normalize the amount, format it via Intl (preserving
- * precision through the ES2020 string overload), and derive sign + finiteness
- * from the formatted parts — so color and glyph can never disagree. Returns
- * null for empty, non-finite, or unparseable input (→ NO_VALUE upstream).
- *
- * Internal: exported for its unit tests, never from `src/domain/index.ts`.
- */
-function formatMoneyParts(amount, fractionDigits, locale) {
-    // Reject non-finite numeric inputs (NaN / ±Infinity) before they reach Intl,
-    // which would otherwise render literal "NaN" / "∞".
-    if (typeof amount === 'number' && !Number.isFinite(amount))
-        return null;
-    // A caller-supplied digit count reaches Intl directly; an out-of-range one
-    // would throw a RangeError and blank the amount instead of degrading to
-    // NO_VALUE.
-    if (!(0, format_1.isValidDigitCount)(fractionDigits))
-        return null;
-    const normalized = normalizeAmount(amount);
-    if (normalized === null)
-        return null;
-    // DELIBERATE DIVERGENCE from sindarian-x@0.15.0: an exact zero written with a
-    // sign ('-0', '-0.00', '(0)') formatted as "-0.00" and reported negative:true,
-    // which painted a zero balance in the destructive sign color. Zero is neither
-    // positive nor negative — a signed-zero ledger cell is a rendering artifact of
-    // the input notation, never a fact about the money. The sign is dropped for an
-    // EXACT zero only; '-0.004' still rounds to "-0.00" and stays negative,
-    // because that one really is below zero.
-    const exactZero = /\d/.test(normalized) && /^-?0*(\.0*)?$/.test(normalized);
-    const forFormat = exactZero ? normalized.replace(/^-/, '') : normalized;
-    // A malformed tag would throw a RangeError out of this constructor and take
-    // the whole amount down; degrade to the runtime locale instead.
-    const formatter = new Intl.NumberFormat((0, format_1.safeLocale)(locale), {
-        minimumFractionDigits: fractionDigits,
-        maximumFractionDigits: fractionDigits,
-        signDisplay: 'auto'
-    });
-    // The bundled lib types only model a `number | bigint` overload; the ES2020
-    // string overload (which preserves precision) is unmodelled, so the
-    // normalized amount is cast at the boundary.
-    //
-    // RUNTIME FLOOR: this relies on a V8 with exact decimal-STRING Intl support
-    // (Node >= 20, evergreen browsers) — the whole point is that a 20-digit amount
-    // never round-trips through an IEEE-754 double. There is deliberately NO
-    // Number-coercion fallback for older runtimes: that fallback would silently
-    // reintroduce the precision loss this function exists to prevent.
-    const parts = formatter.formatToParts(forFormat);
-    // Intl emits a literal "nan"/"∞" part for non-finite values; treat those as
-    // no-value rather than rendering them.
-    if (parts.some((p) => p.type === 'nan' || p.type === 'infinity'))
-        return null;
-    return {
-        formatted: parts.map((p) => p.value).join(''),
-        negative: parts.some((p) => p.type === 'minusSign')
-    };
-}
-function MoneyText({ amount, currency, fractionDigits = 2, hideCurrency = false, signColor = true, locale, className }) {
-    const noValue = ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('text-muted-foreground tabular-nums', className), children: format_1.NO_VALUE }));
-    if (amount === null || amount === undefined || amount === '')
-        return noValue;
-    // Sign and finiteness are derived from the formatted parts, not a raw string
-    // prefix — so color and glyph can never disagree, and "-0" / "(0)" are
-    // treated as the non-negative zero Intl renders.
-    const result = formatMoneyParts(amount, fractionDigits, locale);
-    if (result === null)
-        return noValue;
-    const { formatted, negative } = result;
-    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)('tabular-nums', signColor && negative && 'text-system-error-h1a', className), children: [formatted, !hideCurrency && currency ? ((0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground ml-1 text-xs", children: currency })) : null] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.normalizeAmount=normalizeAmount;exports.formatMoneyParts=formatMoneyParts;exports.MoneyText=MoneyText;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../lib/utils");const format_1=require("../format");function normalizeAmount(t){let e=String(t).trim();if(e==="")return null;e=e.replace(/−/g,"-");const s=e.match(/^\((.*)\)$/);if(s)e=`-${s[1].trim()}`;return e}function formatMoneyParts(t,e,s){if(typeof t==="number"&&!Number.isFinite(t))return null;if(!(0,format_1.isValidDigitCount)(e))return null;const n=normalizeAmount(t);if(n===null)return null;const u=/\d/.test(n)&&/^-?0*(\.0*)?$/.test(n);const l=u?n.replace(/^-/,""):n;const o=new Intl.NumberFormat((0,format_1.safeLocale)(s),{minimumFractionDigits:e,maximumFractionDigits:e,signDisplay:"auto"});const i=o.formatToParts(l);if(i.some(r=>r.type==="nan"||r.type==="infinity"))return null;return{formatted:i.map(r=>r.value).join(""),negative:i.some(r=>r.type==="minusSign")}}function MoneyText({amount:t,currency:e,fractionDigits:s=2,hideCurrency:n=false,signColor:u=true,locale:l,className:o}){const i=(0,jsx_runtime_1.jsx)("span",{className:(0,utils_1.cn)("text-muted-foreground tabular-nums",o),children:format_1.NO_VALUE});if(t===null||t===void 0||t==="")return i;const r=formatMoneyParts(t,s,l);if(r===null)return i;const{formatted:a,negative:m}=r;return(0,jsx_runtime_1.jsxs)("span",{className:(0,utils_1.cn)("tabular-nums",u&&m&&"text-system-error-h1a",o),children:[a,!n&&e?(0,jsx_runtime_1.jsx)("span",{className:"text-muted-foreground ml-1 text-xs",children:e}):null]})}

package/dist/domain/section-label/index.js

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionLabel = SectionLabel;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const typography_1 = require("../../lib/typography");
-const utils_1 = require("../../lib/utils");
-/** The entry-section head treatment: a hairline double rule under the label.
- *  `border-border`, NOT the register head's ink — this is the quieter of the two
- *  head rules. Pinned here because ~20 call sites were restating it. */
-const RULED_CLASS = 'border-b-[3px] border-double border-border pb-2';
-function SectionLabel({ children, className, as: Tag = 'h2', ruled = false, ...rest }) {
-    // The remaining element props reach the rendered tag, so a panel can point
-    // `aria-labelledby` at this heading via `id`, and tests can hang a `data-*`
-    // hook off it. Without the spread there was no way to reference the heading
-    // from its own container.
-    return ((0, jsx_runtime_1.jsx)(Tag, { ...rest, "data-variant": ruled ? 'ruled' : undefined, className: (0, utils_1.cn)(typography_1.SECTION_LABEL_CLASS, ruled && RULED_CLASS, className), children: children }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SectionLabel=SectionLabel;const jsx_runtime_1=require("react/jsx-runtime");const typography_1=require("../../lib/typography");const utils_1=require("../../lib/utils");const RULED_CLASS="border-b-[3px] border-double border-border pb-2";function SectionLabel({children:r,className:t,as:o="h2",ruled:e=false,...s}){return(0,jsx_runtime_1.jsx)(o,{...s,"data-variant":e?"ruled":void 0,className:(0,utils_1.cn)(typography_1.SECTION_LABEL_CLASS,e&&RULED_CLASS,t),children:r})}

package/dist/domain/status-rail/index.js

@@ -1,76 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusRail = StatusRail;
-exports.Dot = Dot;
-exports.LivePulse = LivePulse;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * StatusRail — Row 0 of every console screen. A thin, full-width recessed strip
- * that reads "the terminal is live": a dot-separated mono tape on the recessed
- * page surface (`bg-body-surface`), with optional right-pinned count chips.
- *
- *   <StatusRail
- *     lead={contextName}
- *     items={[
- *       { value: '90d' },
- *       { label: 'Updated', value: '12:04 UTC' },
- *       { value: <><LivePulse /> Live</> }
- *     ]}
- *     chips={[
- *       { label: 'Open', value: '12' },
- *       { label: 'Pending overdue', value: '3', alarm: true }
- *     ]}
- *   />
- *
- * The first token (`lead`) is `text-foreground font-medium`. Tape items are
- * dot-separated; an item with a `label` renders the label inline before its
- * value, in the rail's own `font-medium`. Chips pin right via `ml-auto`;
- * `alarm` escalates a chip to destructive.
- *
- * Labels carry weight only: the rail root already supplies size, family and
- * ink (`font-mono text-xs text-muted-foreground`), so re-stating
- * LABEL_VOICE_CLASS here would import a `text-sm` that fights the tape.
- */
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../lib/utils");
-function StatusRail({ lead, items = [], chips = [], className }) {
-    // ONE test, used by both the lead span and the first item's separator. Two
-    // separate tests (`lead !== undefined && lead !== null` vs `lead != null`)
-    // agreed on null/undefined and diverged on a ReactNode that RENDERS NOTHING,
-    // which produced an empty lead span while the first item still got its
-    // leading dot — the rail opened with a stray `·`. React renders BOTH booleans
-    // as nothing, so `true` is as empty as `false`; the typeof check covers the
-    // pair rather than naming one of them.
-    const hasLead = lead != null && lead !== '' && typeof lead !== 'boolean';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(
-        // Recessed instrument strip: the page surface inside a hairline border
-        // whose top edge runs one step darker — light-from-above recession
-        // without any inner shadow.
-        'border-border border-t-foreground/10 bg-body-surface text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg border px-4 py-2 font-mono text-xs tabular-nums', className), children: [hasLead ? ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground font-medium", children: lead })) : null, items.map((item, i) => ((0, jsx_runtime_1.jsx)(RailFragment, { hasLead: hasLead || i > 0, children: item.label != null ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: item.label }), item.value] })) : ((0, jsx_runtime_1.jsx)("span", { className: "flex items-center gap-1.5", children: item.value })) }, item.id ?? i))), chips.length ? ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto flex flex-wrap items-center gap-x-3 gap-y-1.5", children: chips.map((chip, i) => ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: chip.label }), (0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)(
-                            // Tiny mono token: raised a hair off the sunken tape by the
-                            // card surface + whisper shadow.
-                            'inline-flex items-center gap-1 rounded-sm border px-1.5 py-0.5 shadow-sm', chip.alarm
-                                ? 'border-destructive/40 bg-destructive/10 text-system-error-h1a'
-                                : 'border-border bg-card text-foreground'), children: [chip.alarm ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert, { "aria-hidden": true, className: "size-3" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "(alarme)" })] })) : null, chip.value] })] }, chip.id ?? i))) })) : null] }));
-}
-/** A tape item preceded by a separator dot when it is not the first token. */
-function RailFragment({ children, hasLead }) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasLead ? (0, jsx_runtime_1.jsx)(Dot, {}) : null, children] }));
-}
-/** Decorative dot separator — muted, so the tape reads as punctuated, not broken. */
-function Dot() {
-    return ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: "text-muted-foreground/50", children: "\u00B7" }));
-}
-/**
- * The live auto-refresh pulse: a success dot with a reduced-motion-gated ping
- * ring. Place it inside a tape item value, e.g. `<><LivePulse /> Live</>`.
- *
- * The ring rides Tailwind's built-in `ping` keyframe under the `motion-safe:`
- * variant (`@media (prefers-reduced-motion: no-preference)`), so a
- * reduced-motion reader sees only the static dot — same gating as the
- * hand-rolled `status-rail-pulse` keyframe it replaces, with no stylesheet of
- * its own.
- */
-function LivePulse() {
-    return ((0, jsx_runtime_1.jsxs)("span", { className: "relative flex size-2", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("span", { className: "bg-system-success/60 absolute inline-flex size-2 rounded-full motion-safe:animate-ping" }), (0, jsx_runtime_1.jsx)("span", { className: "bg-system-success relative inline-flex size-2 rounded-full" })] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StatusRail=StatusRail;exports.Dot=Dot;exports.LivePulse=LivePulse;const jsx_runtime_1=require("react/jsx-runtime");const lucide_react_1=require("lucide-react");const utils_1=require("../../lib/utils");function StatusRail({lead:s,items:a=[],chips:n=[],className:t}){const l=s!=null&&s!==""&&typeof s!=="boolean";return(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("border-border border-t-foreground/10 bg-body-surface text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg border px-4 py-2 font-mono text-xs tabular-nums",t),children:[l?(0,jsx_runtime_1.jsx)("span",{className:"text-foreground font-medium",children:s}):null,a.map((e,r)=>(0,jsx_runtime_1.jsx)(RailFragment,{hasLead:l||r>0,children:e.label!=null?(0,jsx_runtime_1.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,jsx_runtime_1.jsx)("span",{className:"font-medium",children:e.label}),e.value]}):(0,jsx_runtime_1.jsx)("span",{className:"flex items-center gap-1.5",children:e.value})},e.id??r)),n.length?(0,jsx_runtime_1.jsx)("span",{className:"ml-auto flex flex-wrap items-center gap-x-3 gap-y-1.5",children:n.map((e,r)=>(0,jsx_runtime_1.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,jsx_runtime_1.jsx)("span",{className:"font-medium",children:e.label}),(0,jsx_runtime_1.jsxs)("span",{className:(0,utils_1.cn)("inline-flex items-center gap-1 rounded-sm border px-1.5 py-0.5 shadow-sm",e.alarm?"border-destructive/40 bg-destructive/10 text-system-error-h1a":"border-border bg-card text-foreground"),children:[e.alarm?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert,{"aria-hidden":true,className:"size-3"}),(0,jsx_runtime_1.jsx)("span",{className:"sr-only",children:"(alarme)"})]}):null,e.value]})]},e.id??r))}):null]})}function RailFragment({children:s,hasLead:a}){return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[a?(0,jsx_runtime_1.jsx)(Dot,{}):null,s]})}function Dot(){return(0,jsx_runtime_1.jsx)("span",{"aria-hidden":true,className:"text-muted-foreground/50",children:"\xB7"})}function LivePulse(){return(0,jsx_runtime_1.jsxs)("span",{className:"relative flex size-2","aria-hidden":true,children:[(0,jsx_runtime_1.jsx)("span",{className:"bg-system-success/60 absolute inline-flex size-2 rounded-full motion-safe:animate-ping"}),(0,jsx_runtime_1.jsx)("span",{className:"bg-system-success relative inline-flex size-2 rounded-full"})]})}

package/dist/domain/threshold-gauge/index.js

@@ -1,161 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.gaugeBand = gaugeBand;
-exports.ThresholdGauge = ThresholdGauge;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * ThresholdGauge — where a value sits across ordered, NAMED bands.
- *
- * A metric is rarely interesting in isolation; what matters is which band it has
- * crossed. A credit utilization of 95% is a breach; a liquidity coverage ratio
- * of 95% may be perfectly calm. So a gauge that paints a smooth red→green
- * gradient is lying by implication — it suggests a continuum where the business
- * has hard thresholds. This atom STATES the thresholds: it resolves the current
- * band (low / warn / breach), names it with a glyph + an sr-only word + a tint,
- * and marks the band edges on the bar so the reader sees the line the value
- * crossed, not a vibe.
- *
- *   <ThresholdGauge value={0.92} max={1} warn={0.8} breach={0.9} format="percent"
- *     direction="higher-is-worse" label="Utilização do limite" />   // breach
- *   <ThresholdGauge value={1.18} max={2} warn={1} breach={0.9} format="ratio"
- *     direction="lower-is-worse" label="Índice de cobertura" />      // low (calm)
- *
- * DIRECTION is mandatory because the same numbers mean opposite things:
- *  - higher-is-worse: the value climbs INTO danger (warn < breach). Utilization,
- *    concentration, error rate.
- *  - lower-is-worse: the value FALLS into danger (breach < warn). Coverage,
- *    liquidity, capital adequacy.
- *
- * INVARIANT (strict edges by DEFAULT): a band escalation requires the value to
- * be STRICTLY beyond the edge. A value sitting exactly ON a threshold belongs to
- * the calmer band, not the louder one — `gaugeBand` encodes this so an on-edge
- * utilization of exactly the breach line still reads as warn, never a surprise
- * breach. A consumer whose own enforcement is INCLUSIVE (a quota blocking at
- * `used >= limit`) opts out with `edges="inclusive"`, which escalates ON the
- * edge in both directions.
- *
- * The current band is the load-bearing signal and it never rides on color alone
- * (WCAG 1.4.1): a glyph leads, an sr-only word names it, the tint only
- * reinforces. The numeric position reads via a mono `Figure`, never inferred
- * from the bar geometry — and a consumer forced to clamp `value` to keep
- * `aria-valuenow` in range can still print the true figure via `displayValue`.
- *
- * Pure display: server-safe, no directive.
- */
-const lucide_react_1 = require("lucide-react");
-const typography_1 = require("../../lib/typography");
-const utils_1 = require("../../lib/utils");
-const figure_1 = require("../figure");
-const format_1 = require("../format");
-const money_text_1 = require("../money-text");
-/** Band → glyph + tint + accessible word. The glyph and sr-only word are the
- *  load-bearing cue; the tint only reinforces, so the band survives grayscale
- *  and color-vision deficiency. The words are pt-BR defaults — a consumer in
- *  another locale overrides them via the `bandLabels` prop. */
-const BAND = {
-    low: {
-        Icon: lucide_react_1.ShieldCheck,
-        tint: 'text-system-success-h1a',
-        word: 'Dentro do limite'
-    },
-    warn: {
-        Icon: lucide_react_1.TriangleAlert,
-        tint: 'text-system-alert-h1a',
-        word: 'Próximo do limite'
-    },
-    breach: {
-        Icon: lucide_react_1.OctagonX,
-        tint: 'text-system-error-h1a',
-        word: 'Limite ultrapassado'
-    }
-};
-/** Track fill tint per band, and the reason it is a SEPARATE map from the
- *  tint above: these are the fill tokens, and a fill answers to no text floor.
- *  The tint above is painted on the band glyph AND on the `Figure`, so it has
- *  to be the ink family. Light `--system-alert` is #EAB308, about 1.9:1 on
- *  white, and `--system-success` about 3.3:1 — both were readable only as a
- *  bar wash, never as the number the reader is here to read. */
-const BAND_FILL = {
-    low: 'bg-system-success',
-    warn: 'bg-system-alert',
-    breach: 'bg-destructive'
-};
-/**
- * Resolve which band a value occupies. Pure — the testable heart of the atom.
- *
- * STRICT edges by default: a value exactly ON a threshold stays in the CALMER
- * band; escalation needs the value strictly past.
- *
- *  - higher-is-worse: `value > breach` → breach; `value > warn` → warn; else low.
- *  - lower-is-worse:  `value < breach` → breach; `value < warn` → warn; else low.
- *
- * `thresholds.edges = 'inclusive'` opts into `>=` / `<=` instead, for a consumer
- * whose enforcement is inclusive. Omitted or 'strict' → the behaviour above.
- *
- * Non-finite input degrades to 'low' rather than throwing — a missing reading is
- * not, by itself, an alarm.
- */
-function gaugeBand(value, thresholds, direction) {
-    if (!Number.isFinite(value))
-        return 'low';
-    const { warn, breach, edges = 'strict' } = thresholds;
-    const beyond = direction === 'higher-is-worse'
-        ? (edge) => (edges === 'inclusive' ? value >= edge : value > edge)
-        : (edge) => (edges === 'inclusive' ? value <= edge : value < edge);
-    if (beyond(breach))
-        return 'breach';
-    if (beyond(warn))
-        return 'warn';
-    return 'low';
-}
-/**
- * An empty or whitespace-only string is not a name. `??` only skips null and
- * undefined, so `ariaLabel=""` or `bandLabels={{ breach: '' }}` won the fallback
- * chain and produced an EMPTY accessible name — worse than the missing one it
- * was meant to fix, because `aria-label=""` also suppresses the element's other
- * naming routes. Normalizing to undefined lets the chain fall through properly.
- */
-function nonEmpty(value) {
-    return value != null && value.trim() !== '' ? value : undefined;
-}
-/** Clamp a value into [min, max] then normalize to a 0..1 fraction of the
- *  track. A zero-width track (max <= min) collapses to 0 rather than dividing by
- *  zero. */
-function trackFraction(value, min, max) {
-    if (!Number.isFinite(value) || max <= min)
-        return 0;
-    const clamped = Math.max(min, Math.min(max, value));
-    return (clamped - min) / (max - min);
-}
-/** Format the value for the mono readout per `format`. Money routes through
- *  MoneyText (never a hand-rolled string); the rest through the format helpers. */
-function readout(value, format, currency, locale) {
-    if (!Number.isFinite(value))
-        return format_1.NO_VALUE;
-    if (format === 'money') {
-        return ((0, jsx_runtime_1.jsx)(money_text_1.MoneyText, { amount: value, currency: currency, signColor: false, locale: locale }));
-    }
-    if (format === 'percent')
-        return (0, format_1.formatPercent)(value, { unit: 'percent', locale });
-    if (format === 'ratio')
-        return (0, format_1.formatPercent)(value, { unit: 'ratio', locale });
-    return (0, format_1.formatCount)(value, locale);
-}
-function ThresholdGauge({ value, displayValue, min = 0, max, warn, breach, edges, direction, format = 'percent', currency, locale, label, ariaLabel, bandLabels, className }) {
-    const band = gaugeBand(value, { warn, breach, edges }, direction);
-    const { Icon, tint } = BAND[band];
-    // The sr-only word is the band's only non-chromatic cue, so it is also the
-    // string a trilingual consumer has to translate. pt-BR default, override wins.
-    // Every rung of the naming chain is normalized: an empty override must fall
-    // through to the next source rather than win with a blank string.
-    const word = nonEmpty(bandLabels?.[band]) ?? BAND[band].word;
-    const caption = nonEmpty(label);
-    // A `role="meter"` with no accessible name is announced as a naked number.
-    // The band word is always present and always meaningful, so the meter is named
-    // even when a consumer renders the gauge without a visible caption.
-    const meterName = nonEmpty(ariaLabel) ?? caption ?? word;
-    const valuePct = trackFraction(value, min, max) * 100;
-    const warnPct = trackFraction(warn, min, max) * 100;
-    const breachPct = trackFraction(breach, min, max) * 100;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex flex-col gap-2', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [caption != null ? ((0, jsx_runtime_1.jsx)("span", { className: typography_1.LABEL_VOICE_CLASS, children: caption })) : ((0, jsx_runtime_1.jsx)("span", {})), (0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)('inline-flex items-center gap-1.5', tint), children: [(0, jsx_runtime_1.jsx)(Icon, { "aria-hidden": true, className: "size-4 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { className: "sr-only", children: [word, ": "] }), (0, jsx_runtime_1.jsx)(figure_1.Figure, { size: "row", className: tint, children: readout(displayValue ?? value, format, currency, locale) })] })] }), (0, jsx_runtime_1.jsxs)("div", { role: "meter", "aria-valuenow": Number.isFinite(value) ? value : undefined, "aria-valuemin": min, "aria-valuemax": max, "aria-label": meterName, className: "border-border bg-muted relative h-2 w-full overflow-hidden rounded-full border", children: [(0, jsx_runtime_1.jsx)("div", { "aria-hidden": true, className: (0, utils_1.cn)('absolute inset-y-0 left-0 rounded-full', BAND_FILL[band]), style: { width: `${valuePct}%` } }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: "bg-system-alert absolute inset-y-0 w-px", style: { left: `${warnPct}%` } }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: "bg-destructive absolute inset-y-0 w-px", style: { left: `${breachPct}%` } })] })] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.gaugeBand=gaugeBand;exports.ThresholdGauge=ThresholdGauge;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");const figure_1=require("../figure");const format_1=require("../format");const money_text_1=require("../money-text");const BAND={low:{Icon:lucide_react_1.ShieldCheck,tint:"text-system-success-h1a",word:"Dentro do limite"},warn:{Icon:lucide_react_1.TriangleAlert,tint:"text-system-alert-h1a",word:"Pr\xF3ximo do limite"},breach:{Icon:lucide_react_1.OctagonX,tint:"text-system-error-h1a",word:"Limite ultrapassado"}};const BAND_FILL={low:"bg-system-success",warn:"bg-system-alert",breach:"bg-destructive"};function gaugeBand(e,r,s){if(!Number.isFinite(e))return"low";const{warn:t,breach:c,edges:i="strict"}=r;const o=s==="higher-is-worse"?n=>i==="inclusive"?e>=n:e>n:n=>i==="inclusive"?e<=n:e<n;if(o(c))return"breach";if(o(t))return"warn";return"low"}function nonEmpty(e){return e!=null&&e.trim()!==""?e:void 0}function trackFraction(e,r,s){if(!Number.isFinite(e)||s<=r)return 0;const t=Math.max(r,Math.min(s,e));return(t-r)/(s-r)}function readout(e,r,s,t){if(!Number.isFinite(e))return format_1.NO_VALUE;if(r==="money"){return(0,jsx_runtime_1.jsx)(money_text_1.MoneyText,{amount:e,currency:s,signColor:false,locale:t})}if(r==="percent")return(0,format_1.formatPercent)(e,{unit:"percent",locale:t});if(r==="ratio")return(0,format_1.formatPercent)(e,{unit:"ratio",locale:t});return(0,format_1.formatCount)(e,t)}function ThresholdGauge({value:e,displayValue:r,min:s=0,max:t,warn:c,breach:i,edges:o,direction:n,format:m="percent",currency:f,locale:h,label:b,ariaLabel:x,bandLabels:p,className:y}){const a=gaugeBand(e,{warn:c,breach:i,edges:o},n);const{Icon:g,tint:l}=BAND[a];const d=nonEmpty(p?.[a])??BAND[a].word;const u=nonEmpty(b);const w=nonEmpty(x)??u??d;const N=trackFraction(e,s,t)*100;const j=trackFraction(c,s,t)*100;const _=trackFraction(i,s,t)*100;return(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("flex flex-col gap-2",y),children:[(0,jsx_runtime_1.jsxs)("div",{className:"flex items-baseline justify-between gap-3",children:[u!=null?(0,jsx_runtime_1.jsx)("span",{className:typography_1.LABEL_VOICE_CLASS,children:u}):(0,jsx_runtime_1.jsx)("span",{}),(0,jsx_runtime_1.jsxs)("span",{className:(0,utils_1.cn)("inline-flex items-center gap-1.5",l),children:[(0,jsx_runtime_1.jsx)(g,{"aria-hidden":true,className:"size-4 shrink-0"}),(0,jsx_runtime_1.jsxs)("span",{className:"sr-only",children:[d,": "]}),(0,jsx_runtime_1.jsx)(figure_1.Figure,{size:"row",className:l,children:readout(r??e,m,f,h)})]})]}),(0,jsx_runtime_1.jsxs)("div",{role:"meter","aria-valuenow":Number.isFinite(e)?e:void 0,"aria-valuemin":s,"aria-valuemax":t,"aria-label":w,className:"border-border bg-muted relative h-2 w-full overflow-hidden rounded-full border",children:[(0,jsx_runtime_1.jsx)("div",{"aria-hidden":true,className:(0,utils_1.cn)("absolute inset-y-0 left-0 rounded-full",BAND_FILL[a]),style:{width:`${N}%`}}),(0,jsx_runtime_1.jsx)("span",{"aria-hidden":true,className:"bg-system-alert absolute inset-y-0 w-px",style:{left:`${j}%`}}),(0,jsx_runtime_1.jsx)("span",{"aria-hidden":true,className:"bg-destructive absolute inset-y-0 w-px",style:{left:`${_}%`}})]})]})}

package/dist/enterprise/alert-banner/index.js

@@ -1,24 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertBanner = AlertBanner;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../lib/utils");
-/** Container tint + border per tone. The title color is applied separately so
- *  the body copy stays high-contrast foreground. */
-const TONE_CONTAINER = {
-    destructive: 'border-system-error-border bg-system-error-surface',
-    warning: 'border-system-alert-border bg-system-alert-surface',
-    info: 'border-system-info-border bg-system-info-surface',
-    success: 'border-system-success-border bg-system-success-surface',
-    neutral: 'border-border bg-muted/50'
-};
-const TONE_TITLE = {
-    destructive: 'text-system-error-text',
-    warning: 'text-system-alert-text',
-    info: 'text-system-info-text',
-    success: 'text-system-success-text',
-    neutral: 'text-foreground'
-};
-function AlertBanner({ tone = 'neutral', title, children, detail, icon, className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, role: "alert", "data-tone": tone, className: (0, utils_1.cn)('flex gap-3 rounded-md border px-4 py-3', TONE_CONTAINER[tone], className), children: [icon != null ? ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('mt-0.5 shrink-0', TONE_TITLE[tone]), "aria-hidden": true, children: icon })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [title != null ? ((0, jsx_runtime_1.jsx)("p", { className: (0, utils_1.cn)('text-sm font-medium', TONE_TITLE[tone]), children: title })) : null, children != null ? ((0, jsx_runtime_1.jsx)("div", { className: "text-foreground text-xs leading-relaxed", children: children })) : null, detail != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "text-muted-foreground overflow-x-auto font-mono text-xs break-words whitespace-pre-wrap", children: detail })) : null] })] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.AlertBanner=AlertBanner;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../lib/utils");const TONE_CONTAINER={destructive:"border-system-error-border bg-system-error-surface",warning:"border-system-alert-border bg-system-alert-surface",info:"border-system-info-border bg-system-info-surface",success:"border-system-success-border bg-system-success-surface",neutral:"border-border bg-muted/50"};const TONE_TITLE={destructive:"text-system-error-text",warning:"text-system-alert-text",info:"text-system-info-text",success:"text-system-success-text",neutral:"text-foreground"};function AlertBanner({tone:e="neutral",title:r,children:s,detail:t,icon:n,className:l,...u}){return(0,jsx_runtime_1.jsxs)("div",{...u,role:"alert","data-tone":e,className:(0,utils_1.cn)("flex gap-3 rounded-md border px-4 py-3",TONE_CONTAINER[e],l),children:[n!=null?(0,jsx_runtime_1.jsx)("span",{className:(0,utils_1.cn)("mt-0.5 shrink-0",TONE_TITLE[e]),"aria-hidden":true,children:n}):null,(0,jsx_runtime_1.jsxs)("div",{className:"min-w-0 flex-1 space-y-1",children:[r!=null?(0,jsx_runtime_1.jsx)("p",{className:(0,utils_1.cn)("text-sm font-medium",TONE_TITLE[e]),children:r}):null,s!=null?(0,jsx_runtime_1.jsx)("div",{className:"text-foreground text-xs leading-relaxed",children:s}):null,t!=null?(0,jsx_runtime_1.jsx)("pre",{className:"text-muted-foreground overflow-x-auto font-mono text-xs break-words whitespace-pre-wrap",children:t}):null]})]})}

package/dist/enterprise/app-shell/index.js

@@ -1,87 +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.AppShell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * AppShell — the console frame: a sidebar rail, an optional sticky header row,
- * and a centered, scrollable content column. This is the whole screen, not a
- * fragment, so it deliberately OWNS the SidebarProvider — the consumer drops a
- * sindarian-ui sidebar (`SidebarRoot` + its parts) into `sidebar` and a
- * `SidebarExpandButton` into `header`, and the collapse behavior comes free,
- * no extra wrapper required.
- *
- * Landmark contract (the a11y-correct frame):
- *   SidebarProvider
- *     div (the shell ROW — carries `className`)
- *       a.sr-only (skip link, if labelled)    // FIRST focusable in the document,
- *                                             //   targets <main> — bypasses the nav
- *       {sidebar}
- *       div[data-slot=sidebar-inset]          // the inset COLUMN — a plain div
- *         header (banner, if given)           // SIBLING of <main>, not nested
- *         main#<id> tabIndex=-1               // the ONE main: skip-linkable + ref-able
- *           div (centered content container) → {children}
- *
- * The skip link is the FIRST child inside the shell row — before the sidebar —
- * so a keyboard user's very first Tab lands on it and Enter jumps past the
- * entire nav to the content <main>. That is the whole point of WCAG 2.4.1
- * "Bypass Blocks": a skip link placed AFTER the nav would be reached only after
- * tabbing through every nav item, defeating its purpose. The inset column is a
- * <div>, not a <main>, so AppShell can own the single inner <main> for the
- * content. The page header passed via `header` becomes a top-level banner
- * SIBLING of <main> (one banner); a PageHeader rendered inside `children` lands
- * inside <main> and is content, not a top-level landmark.
- *
- * Client by construction: it calls React.useId() to wire the skip link to the
- * content <main>, and forwards a ref to that <main> so a consumer can focus it
- * on route change — both are client concerns, hence the "use client" directive.
- */
-const React = __importStar(require("react"));
-const sidebar_1 = require("../../components/ui/sidebar");
-const utils_1 = require("../../lib/utils");
-exports.AppShell = React.forwardRef(function AppShell({ sidebar, header, headerLabel, children, className, contentClassName, skipToContentLabel }, ref) {
-    // The content <main> id — wires the skip link to its target and gives the
-    // <main> a stable, focusable anchor. Internal: no consumer-facing id prop.
-    const mainId = React.useId();
-    // sindarian-ui's SidebarProvider is context-only (it renders no DOM and
-    // takes no className), so the shell owns the flex row itself and `className`
-    // lands on it — the same element the legacy provider's className reached.
-    return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarProvider, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex h-svh w-full overflow-hidden', className), children: [skipToContentLabel ? ((0, jsx_runtime_1.jsx)("a", { href: `#${mainId}`, className: "focus:bg-background focus:text-foreground sr-only focus:not-sr-only focus:absolute focus:z-50 focus:m-2 focus:rounded focus:px-3 focus:py-2 focus:shadow", children: skipToContentLabel })) : null, sidebar, (0, jsx_runtime_1.jsxs)("div", { "data-slot": "sidebar-inset", className: "bg-background relative flex w-full min-w-0 flex-1 flex-col", children: [header ? ((0, jsx_runtime_1.jsx)("header", { "aria-label": headerLabel, className: "border-border bg-background sticky top-0 z-10 flex items-center gap-3 border-b px-6 py-3", children: header })) : null, (0, jsx_runtime_1.jsx)("main", { id: mainId, ref: ref, tabIndex: -1, 
-                            // min-h-0 lets this flex child shrink below its content height —
-                            // without it `flex-1` keeps min-height:auto and nothing scrolls.
-                            className: "min-h-0 flex-1 overflow-y-auto outline-none", children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('mx-auto w-full max-w-7xl px-6 py-8 lg:px-8', contentClassName), children: children }) })] })] }) }));
-});
-exports.AppShell.displayName = 'AppShell';
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,e,t,r){if(r===void 0)r=t;var n=Object.getOwnPropertyDescriptor(e,t);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[t]}}}Object.defineProperty(l,r,n)}):(function(l,e,t,r){if(r===void 0)r=t;l[r]=e[t]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,e){Object.defineProperty(l,"default",{enumerable:true,value:e})}):function(l,e){l["default"]=e});var __importStar=this&&this.__importStar||(function(){var l=function(e){l=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))r[r.length]=n;return r};return l(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null){for(var r=l(e),n=0;n<r.length;n++)if(r[n]!=="default")__createBinding(t,e,r[n])}__setModuleDefault(t,e);return t}})();Object.defineProperty(exports,"__esModule",{value:true});exports.AppShell=void 0;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const sidebar_1=require("../../components/ui/sidebar");const utils_1=require("../../lib/utils");exports.AppShell=React.forwardRef(function l({sidebar:e,header:t,headerLabel:r,children:n,className:u,contentClassName:a,skipToContentLabel:s},o){const i=React.useId();return(0,jsx_runtime_1.jsx)(sidebar_1.SidebarProvider,{children:(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("flex h-svh w-full overflow-hidden",u),children:[s?(0,jsx_runtime_1.jsx)("a",{href:`#${i}`,className:"focus:bg-background focus:text-foreground sr-only focus:not-sr-only focus:absolute focus:z-50 focus:m-2 focus:rounded focus:px-3 focus:py-2 focus:shadow",children:s}):null,e,(0,jsx_runtime_1.jsxs)("div",{"data-slot":"sidebar-inset",className:"bg-background relative flex w-full min-w-0 flex-1 flex-col",children:[t?(0,jsx_runtime_1.jsx)("header",{"aria-label":r,className:"border-border bg-background sticky top-0 z-10 flex items-center gap-3 border-b px-6 py-3",children:t}):null,(0,jsx_runtime_1.jsx)("main",{id:i,ref:o,tabIndex:-1,className:"min-h-0 flex-1 overflow-y-auto outline-none",children:(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("mx-auto w-full max-w-7xl px-6 py-8 lg:px-8",a),children:n})})]})]})})});exports.AppShell.displayName="AppShell";

package/dist/enterprise/cursor-pager/index.js

@@ -1,26 +1 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CursorPager = CursorPager;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * CursorPager drives the cursor-pagination envelope
- *   { items, hasMore, nextCursor, prevCursor, limit }
- * shared by the console's cursor-paged list endpoints (do not use it on
- * offset-based endpoints).
- *
- * It is controlled: the parent owns the active cursor (the value it passes to
- * the list hook) and reacts to `onCursorChange`. Pass the page envelope's
- * `hasMore`, `nextCursor`, `prevCursor`. "Previous" is enabled when the page
- * reports a `prevCursor`; "Next" when `hasMore` and a `nextCursor` exist.
- *
- * `onCursorChange(undefined)` requests the first page (no cursor).
- */
-const lucide_react_1 = require("lucide-react");
-const button_1 = require("../../components/ui/button");
-const utils_1 = require("../../lib/utils");
-function CursorPager({ hasMore, nextCursor, prevCursor, onCursorChange, disabled = false, summary, previousLabel = 'Previous', nextLabel = 'Next', className }) {
-    const canPrev = !disabled && !!prevCursor;
-    const canNext = !disabled && !!hasMore && !!nextCursor;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex items-center justify-between gap-4 pt-3', className), children: [(0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-xs", children: summary ?? '' }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "outline", size: "small", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { "aria-hidden": true }), iconPlacement: "start", disabled: !canPrev, onClick: () => onCursorChange(prevCursor ?? undefined), children: previousLabel }), (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "outline", size: "small", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { "aria-hidden": true }), iconPlacement: "end", disabled: !canNext, onClick: () => onCursorChange(nextCursor ?? undefined), children: nextLabel })] })] }));
-}
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.CursorPager=CursorPager;const jsx_runtime_1=require("react/jsx-runtime");const lucide_react_1=require("lucide-react");const button_1=require("../../components/ui/button");const utils_1=require("../../lib/utils");function CursorPager({hasMore:s,nextCursor:e,prevCursor:t,onCursorChange:n,disabled:i=false,summary:r,previousLabel:c="Previous",nextLabel:u="Next",className:a}){const l=!i&&!!t;const o=!i&&!!s&&!!e;return(0,jsx_runtime_1.jsxs)("div",{className:(0,utils_1.cn)("flex items-center justify-between gap-4 pt-3",a),children:[(0,jsx_runtime_1.jsx)("p",{className:"text-muted-foreground text-xs",children:r??""}),(0,jsx_runtime_1.jsxs)("div",{className:"flex items-center gap-2",children:[(0,jsx_runtime_1.jsx)(button_1.Button,{type:"button",variant:"outline",size:"small",icon:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft,{"aria-hidden":true}),iconPlacement:"start",disabled:!l,onClick:()=>n(t??void 0),children:c}),(0,jsx_runtime_1.jsx)(button_1.Button,{type:"button",variant:"outline",size:"small",icon:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronRight,{"aria-hidden":true}),iconPlacement:"end",disabled:!o,onClick:()=>n(e??void 0),children:u})]})]})}