@lerianstudio/sindarian-ui 2.0.0-beta.25 → 2.0.0-beta.27

package/dist/esm/components/ui/textarea/index.js

@@ -1,6 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-function Textarea({ className, ...props }) {
-    return (_jsx("textarea", { className: cn('border-input-border aria-invalid:border-destructive bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border px-3 py-2 text-base focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden', 'read-only:bg-muted read-only:cursor-default read-only:caret-transparent read-only:opacity-50 read-only:select-text read-only:focus:ring-0 read-only:focus:ring-offset-0 read-only:focus:outline-hidden', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props }));
-}
-export { Textarea };
+import{jsx as o}from"react/jsx-runtime";import{cn as d}from"../../../lib/utils.js";function n({className:e,...r}){return o("textarea",{className:d("border-input-border aria-invalid:border-destructive bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border px-3 py-2 text-base focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden","read-only:bg-muted read-only:cursor-default read-only:caret-transparent read-only:opacity-50 read-only:select-text read-only:focus:ring-0 read-only:focus:ring-offset-0 read-only:focus:outline-hidden","disabled:cursor-not-allowed disabled:opacity-50",e),...r})}export{n as Textarea};

package/dist/esm/components/ui/time-picker/index.js

@@ -1,49 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../../lib/utils.js';
-export const HOURS = Array.from({ length: 24 }, (_, i) => String(i).padStart(2, '0'));
-export const MINUTES = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, '0'));
-function TimeScrollColumn({ items, selected, onSelect, label, disabled }) {
-    const listRef = React.useRef(null);
-    const hasScrolled = React.useRef(false);
-    const prevSelected = React.useRef(selected);
-    React.useEffect(() => {
-        if (prevSelected.current !== selected) {
-            hasScrolled.current = false;
-            prevSelected.current = selected;
-        }
-    }, [selected]);
-    React.useEffect(() => {
-        if (hasScrolled.current)
-            return;
-        if (!listRef.current || !selected)
-            return;
-        const selectedIndex = items.indexOf(selected);
-        if (selectedIndex < 0)
-            return;
-        const selectedElement = listRef.current.children[0]?.children[selectedIndex];
-        if (selectedElement) {
-            selectedElement.scrollIntoView({ block: 'nearest' });
-            hasScrolled.current = true;
-        }
-    }, [selected, items]);
-    return (_jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col items-center", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium select-none", children: label }), _jsx("div", { className: "h-1.5" }), _jsx("div", { ref: listRef, className: "max-h-60 overflow-y-auto", role: "group", "aria-label": label, children: _jsx("div", { className: "flex flex-col gap-1 p-1", children: items.map((item) => {
-                        const isSelected = item === selected;
-                        return (_jsx("button", { type: "button", "aria-pressed": isSelected, disabled: disabled, className: cn('flex h-8 w-11 items-center justify-center rounded-md text-sm tabular-nums transition-colors', isSelected
-                                ? 'bg-accent text-accent-foreground font-bold'
-                                : 'text-muted-foreground hover:bg-muted font-normal', disabled && 'pointer-events-none opacity-50'), onClick: () => onSelect(item), children: item }, item));
-                    }) }) })] }));
-}
-function TimePicker({ hour, minute, onChange, disabled, className, hourLabel = 'Hour', minuteLabel = 'Minute' }) {
-    const selectedHour = String(hour ?? 0).padStart(2, '0');
-    const selectedMinute = String(minute ?? 0).padStart(2, '0');
-    const handleHourSelect = React.useCallback((value) => {
-        onChange?.({ hour: parseInt(value, 10), minute: minute ?? 0 });
-    }, [onChange, minute]);
-    const handleMinuteSelect = React.useCallback((value) => {
-        onChange?.({ hour: hour ?? 0, minute: parseInt(value, 10) });
-    }, [onChange, hour]);
-    return (_jsxs("div", { "data-slot": "time-picker", className: cn('flex gap-2 p-3', className), children: [_jsx(TimeScrollColumn, { items: HOURS, selected: selectedHour, onSelect: handleHourSelect, label: hourLabel, disabled: disabled }), _jsx(TimeScrollColumn, { items: MINUTES, selected: selectedMinute, onSelect: handleMinuteSelect, label: minuteLabel, disabled: disabled })] }));
-}
-export { TimePicker };
+"use client";import{jsx as c,jsxs as m}from"react/jsx-runtime";import*as l from"react";import{cn as p}from"../../../lib/utils.js";export const HOURS=Array.from({length:24},(t,e)=>String(e).padStart(2,"0"));export const MINUTES=Array.from({length:60},(t,e)=>String(e).padStart(2,"0"));function x({items:t,selected:e,onSelect:s,label:o,disabled:u}){const a=l.useRef(null);const i=l.useRef(false);const f=l.useRef(e);l.useEffect(()=>{if(f.current!==e){i.current=false;f.current=e}},[e]);l.useEffect(()=>{if(i.current)return;if(!a.current||!e)return;const r=t.indexOf(e);if(r<0)return;const n=a.current.children[0]?.children[r];if(n){n.scrollIntoView({block:"nearest"});i.current=true}},[e,t]);return m("div",{className:"flex min-h-0 min-w-0 flex-1 flex-col items-center",children:[c("span",{className:"text-muted-foreground text-xs font-medium select-none",children:o}),c("div",{className:"h-1.5"}),c("div",{ref:a,className:"max-h-60 overflow-y-auto",role:"group","aria-label":o,children:c("div",{className:"flex flex-col gap-1 p-1",children:t.map(r=>{const n=r===e;return c("button",{type:"button","aria-pressed":n,disabled:u,className:p("flex h-8 w-11 items-center justify-center rounded-md text-sm tabular-nums transition-colors",n?"bg-accent text-accent-foreground font-bold":"text-muted-foreground hover:bg-muted font-normal",u&&"pointer-events-none opacity-50"),onClick:()=>s(r),children:r},r)})})})]})}function h({hour:t,minute:e,onChange:s,disabled:o,className:u,hourLabel:a="Hour",minuteLabel:i="Minute"}){const f=String(t??0).padStart(2,"0");const r=String(e??0).padStart(2,"0");const n=l.useCallback(d=>{s?.({hour:parseInt(d,10),minute:e??0})},[s,e]);const S=l.useCallback(d=>{s?.({hour:t??0,minute:parseInt(d,10)})},[s,t]);return m("div",{"data-slot":"time-picker",className:p("flex gap-2 p-3",u),children:[c(x,{items:HOURS,selected:f,onSelect:n,label:a,disabled:o}),c(x,{items:MINUTES,selected:r,onSelect:S,label:i,disabled:o})]})}export{h as TimePicker};

package/dist/esm/components/ui/toast/index.js

@@ -1,2 +1 @@
-'use client';
-export {};
+"use client";export{};

package/dist/esm/components/ui/toast/toaster.js

@@ -1,13 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Toaster as SonnerToaster } from 'sonner';
-import { DEFAULT_DURATION } from '../../../hooks/use-toast.js';
-import { useOptionalTheme } from '../../../theme/theme-provider.js';
-export function Toaster({ theme, position = 'bottom-right' }) {
-    // Optional read: a Toaster mounted outside any ThemeProvider must still
-    // render, so this cannot go through `useTheme`, which throws.
-    const themeContext = useOptionalTheme();
-    return (_jsx(SonnerToaster, { theme: theme ?? themeContext?.resolvedTheme ?? 'system', position: position, visibleToasts: 3, duration: DEFAULT_DURATION, expand: false, closeButton: true, richColors: false, offset: 16, gap: 8, toastOptions: {
-            className: 'font-sans !text-sm !font-medium'
-        } }));
-}
+"use client";import{jsx as s}from"react/jsx-runtime";import{Toaster as r}from"sonner";import{DEFAULT_DURATION as m}from"../../../hooks/use-toast.js";import{useOptionalTheme as n}from"../../../theme/theme-provider.js";export function Toaster({theme:t,position:o="bottom-right"}){const e=n();return s(r,{theme:t??e?.resolvedTheme??"system",position:o,visibleToasts:3,duration:m,expand:false,closeButton:true,richColors:false,offset:16,gap:8,toastOptions:{className:"font-sans !text-sm !font-medium"}})}

package/dist/esm/components/ui/toggle-group/index.js

@@ -1,120 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils.js';
-/**
- * Item styling for the group. Kept local: sindarian-ui has no standalone
- * `Toggle` primitive and the retirement census does not ask for one, so the
- * variants live with their only consumer instead of leaking a new export.
- */
-const toggleVariants = cva("hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-    variants: {
-        variant: {
-            default: 'bg-transparent',
-            outline: 'border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-xs'
-        },
-        size: {
-            default: 'h-9 min-w-9 px-2',
-            sm: 'h-8 min-w-8 px-1.5',
-            lg: 'h-10 min-w-10 px-2.5'
-        }
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'default'
-    }
-});
-const ARROW_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
-/**
- * Is an arrow key down right now?
- *
- * This is how an item tells keyboard navigation apart from a pointer press or a
- * programmatic focus, and it is the seam Radix uses for the same job in its own
- * `RadioGroup`. It works because `RovingFocusGroup` defers the focus move to a
- * `setTimeout`: the keydown has already bubbled to `document` and set the flag
- * by the time the item receives `focus`.
- *
- * The distinction is not cosmetic. A pointer press focuses BEFORE the click
- * lands, so selecting on every focus would turn one click into
- * select-then-deselect and break mouse selection outright.
- *
- * Returns null when disabled, so `type="multiple"` carries no flag to read.
- */
-function useArrowKeyPressed(enabled) {
-    const arrowKeyPressed = React.useRef(false);
-    React.useEffect(() => {
-        if (!enabled)
-            return;
-        const onKeyDown = (event) => {
-            if (ARROW_KEYS.includes(event.key))
-                arrowKeyPressed.current = true;
-        };
-        const onKeyUp = () => {
-            arrowKeyPressed.current = false;
-        };
-        document.addEventListener('keydown', onKeyDown);
-        document.addEventListener('keyup', onKeyUp);
-        window.addEventListener('blur', onKeyUp);
-        return () => {
-            document.removeEventListener('keydown', onKeyDown);
-            document.removeEventListener('keyup', onKeyUp);
-            window.removeEventListener('blur', onKeyUp);
-            // A group unmounted mid-keystroke never sees the keyup.
-            arrowKeyPressed.current = false;
-        };
-    }, [enabled]);
-    return enabled ? arrowKeyPressed : null;
-}
-const ToggleGroupContext = React.createContext({
-    size: 'default',
-    variant: 'default',
-    spacing: 0,
-    arrowKeyPressed: null
-});
-function ToggleGroup({ className, variant, size, spacing = 0, children, style, ...props }) {
-    // Read, never destructured: `type` is the discriminant of the Radix props
-    // union, and pulling it out then spreading it back widens the union so the
-    // single/multiple props stop resolving.
-    const arrowKeyPressed = useArrowKeyPressed(props.type === 'single');
-    return (_jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, 
-        // Caller style first: `--gap` is ours and must survive, but everything
-        // else the caller passes has to reach the element.
-        style: { ...style, '--gap': spacing }, className: cn(
-        // Legacy carried a `data-[spacing=default]:...:shadow-xs` rule here that
-        // never matched — `data-spacing` is always a number. Removed rather than
-        // activated, so the rendered pixels stay identical to sindarian-x.
-        'group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md', className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, arrowKeyPressed }, children: children }) }));
-}
-function ToggleGroupItem({ className, children, variant, size, onFocus, ...props }) {
-    const context = React.useContext(ToggleGroupContext);
-    /**
-     * Selection follows focus, which is what `role="radio"` promises.
-     *
-     * With `type="single"` Radix puts the group on the ARIA radio pattern: the
-     * root is a `radiogroup`, each item a `radio` with `aria-checked`. Under that
-     * pattern an arrow key both moves focus and checks the item it lands on.
-     * Radix only moves focus, so a screen-reader operator used to arrow across
-     * "radio, not checked, 2 of 3" with nothing ever selected.
-     *
-     * `type="multiple"` is a `toolbar` of `aria-pressed` buttons and keeps its
-     * current behavior, where moving focus without pressing is correct: the flag
-     * is null there.
-     *
-     * Clicking the element rather than writing the value keeps a single
-     * activation path, so Radix's own toggle and any caller `onClick` both fire
-     * exactly as they do for a real click.
-     */
-    const handleFocus = (event) => {
-        onFocus?.(event);
-        if (context.arrowKeyPressed?.current) {
-            event.currentTarget.click();
-        }
-    };
-    return (_jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn(toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size
-        }), 'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10', 'data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l', className), ...props, onFocus: handleFocus, children: children }));
-}
-export { ToggleGroup, ToggleGroupItem };
+"use client";import{jsx as u}from"react/jsx-runtime";import*as i from"react";import*as l from"@radix-ui/react-toggle-group";import{cva as v}from"class-variance-authority";import{cn as g}from"../../../lib/utils.js";const f=v("hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-transparent",outline:"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-xs"},size:{default:"h-9 min-w-9 px-2",sm:"h-8 min-w-8 px-1.5",lg:"h-10 min-w-10 px-2.5"}},defaultVariants:{variant:"default",size:"default"}});const m=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"];function w(a){const t=i.useRef(false);i.useEffect(()=>{if(!a)return;const n=o=>{if(m.includes(o.key))t.current=true};const e=()=>{t.current=false};document.addEventListener("keydown",n);document.addEventListener("keyup",e);window.addEventListener("blur",e);return()=>{document.removeEventListener("keydown",n);document.removeEventListener("keyup",e);window.removeEventListener("blur",e);t.current=false}},[a]);return a?t:null}const p=i.createContext({size:"default",variant:"default",spacing:0,arrowKeyPressed:null});function x({className:a,variant:t,size:n,spacing:e=0,children:o,style:s,...r}){const d=w(r.type==="single");return u(l.Root,{"data-slot":"toggle-group","data-variant":t,"data-size":n,"data-spacing":e,style:{...s,"--gap":e},className:g("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md",a),...r,children:u(p.Provider,{value:{variant:t,size:n,spacing:e,arrowKeyPressed:d},children:o})})}function b({className:a,children:t,variant:n,size:e,onFocus:o,...s}){const r=i.useContext(p);const d=c=>{o?.(c);if(r.arrowKeyPressed?.current){c.currentTarget.click()}};return u(l.Item,{"data-slot":"toggle-group-item","data-variant":r.variant||n,"data-size":r.size||e,"data-spacing":r.spacing,className:g(f({variant:r.variant||n,size:r.size||e}),"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10","data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",a),...s,onFocus:d,children:t})}export{x as ToggleGroup,b as ToggleGroupItem};

package/dist/esm/components/ui/tooltip/index.js

@@ -1,43 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cn } from '../../../lib/utils.js';
-function TooltipProvider({ delayDuration = 0, ...props }) {
-    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
-}
-function Tooltip({ open: _open, onOpenChange, disabled, ...props }) {
-    const [open, setOpen] = React.useState(_open ?? false);
-    const handleOpenChange = (open) => {
-        if (disabled) {
-            onOpenChange?.(false);
-            setOpen(false);
-            return;
-        }
-        setOpen(open);
-        onOpenChange?.(open);
-    };
-    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", open: open, onOpenChange: handleOpenChange, ...props }) }));
-}
-function TooltipTrigger({ ...props }) {
-    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-/**
- * The fill is a RAW palette step, not a theme token: `--color-shadcn-600` is a
- * flat hex, so an inverted tooltip stays #27272A under both themes. The ink has
- * to be theme-fixed too, which rules out `--primary-foreground` and
- * `--background`: both invert, and both land on 1.00:1 against this fill in
- * dark.
- *
- * base/400 was not unreadable here (5.81:1 on this fill; the 2.56:1 figure that
- * class earns elsewhere is against a LIGHT ground, which this is not). It moved
- * one step to base/300 because base/400 is banned kit-wide in
- * `__tests__/ink-classes.test.ts`: its only safe ground is a fixed-dark fill,
- * and that narrow exception had already leaked into eight slots that were not
- * one. base/300 reads 10.08:1 here, and keeps this line quieter than the
- * `text-white` a consumer puts beside it (`page-header/index.tsx:226`).
- */
-function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('bg-shadcn-600 text-shadcn-300 motion-safe:animate-in fade-in-0 zoom-in-95 motion-safe:data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 rounded-md px-3 py-1.5 text-sm shadow-md', className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-shadcn-600 fill-shadcn-600 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
-}
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+"use client";import{jsx as e,jsxs as f}from"react/jsx-runtime";import*as p from"react";import*as a from"@radix-ui/react-tooltip";import{cn as c}from"../../../lib/utils.js";function d({delayDuration:t=0,...o}){return e(a.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function u({open:t,onOpenChange:o,disabled:i,...s}){const[l,n]=p.useState(t??false);const m=r=>{if(i){o?.(false);n(false);return}n(r);o?.(r)};return e(d,{children:e(a.Root,{"data-slot":"tooltip",open:l,onOpenChange:m,...s})})}function h({...t}){return e(a.Trigger,{"data-slot":"tooltip-trigger",...t})}function g({className:t,sideOffset:o=0,children:i,...s}){return e(a.Portal,{children:f(a.Content,{"data-slot":"tooltip-content",sideOffset:o,className:c("bg-shadcn-600 text-shadcn-300 motion-safe:animate-in fade-in-0 zoom-in-95 motion-safe:data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 rounded-md px-3 py-1.5 text-sm shadow-md",t),...s,children:[i,e(a.Arrow,{className:"bg-shadcn-600 fill-shadcn-600 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}export{u as Tooltip,h as TooltipTrigger,g as TooltipContent,d as TooltipProvider};

package/dist/esm/domain/blotter/index.js

@@ -1,16 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from '../../components/ui/skeleton/index.js';
-import { LABEL_VOICE_CLASS } from '../../lib/typography.js';
-import { cn } from '../../lib/utils.js';
-export function Blotter({ children, className }) {
-    return _jsx("dl", { className: cn('divide-border divide-y', className), children: children });
-}
-export function BlotterRow({ label, value, valueClassName, className, stacked = false, loading = false }) {
-    // The skeleton stands in for the value slot's own shape: a full-width prose
-    // line when stacked, the mono figure's width when inline.
-    const shownValue = loading ? (_jsx(Skeleton, { className: cn('h-4', stacked ? 'w-full' : 'w-24') })) : (value);
-    if (stacked) {
-        return (_jsxs("div", { "aria-busy": loading || undefined, className: cn('hover:bg-body-surface space-y-1 px-2 py-2 transition-colors duration-150 ease-out', className), children: [_jsx("dt", { className: LABEL_VOICE_CLASS, children: label }), _jsx("dd", { className: cn('text-foreground text-sm break-words whitespace-pre-wrap', valueClassName), children: shownValue })] }));
-    }
-    return (_jsxs("div", { "aria-busy": loading || undefined, className: cn('hover:bg-body-surface flex items-center justify-between gap-3 px-2 py-2 transition-colors duration-150 ease-out', className), children: [_jsx("dt", { className: LABEL_VOICE_CLASS, children: label }), _jsx("dd", { className: cn('font-mono text-sm font-medium tabular-nums', valueClassName), children: shownValue })] }));
-}
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import{Skeleton as m}from"../../components/ui/skeleton/index.js";import{LABEL_VOICE_CLASS as l}from"../../lib/typography.js";import{cn as r}from"../../lib/utils.js";export function Blotter({children:s,className:t}){return e("dl",{className:r("divide-border divide-y",t),children:s})}export function BlotterRow({label:s,value:t,valueClassName:n,className:i,stacked:a=false,loading:o=false}){const d=o?e(m,{className:r("h-4",a?"w-full":"w-24")}):t;if(a){return c("div",{"aria-busy":o||void 0,className:r("hover:bg-body-surface space-y-1 px-2 py-2 transition-colors duration-150 ease-out",i),children:[e("dt",{className:l,children:s}),e("dd",{className:r("text-foreground text-sm break-words whitespace-pre-wrap",n),children:d})]})}return c("div",{"aria-busy":o||void 0,className:r("hover:bg-body-surface flex items-center justify-between gap-3 px-2 py-2 transition-colors duration-150 ease-out",i),children:[e("dt",{className:l,children:s}),e("dd",{className:r("font-mono text-sm font-medium tabular-nums",n),children:d})]})}

package/dist/esm/domain/delinquency-aging/aging-buckets.js

@@ -1,115 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * AgingBuckets — an ordered, exhaustive bucketed distribution (the receivables
- * aging schedule: current / 1–30 / 31–60 / 61–90 / 90+), each bucket carrying a
- * count and a money total.
- *
- * INTERNAL to `DelinquencyAging`: not re-exported from `src/domain/index.ts`,
- * because the port census only lists the composite. It lives here as the
- * distribution half of that composite.
- *
- * INVARIANT: the buckets are ordered current → oldest and are exhaustive. The
- * ORDER carries the information — older money is worse money — so the ordinal
- * position and its label are the PRIMARY cue; the band glyph + sr-only word are
- * the accessible reinforcement (WCAG 1.4.1 — the escalation survives grayscale
- * and color-vision deficiency), and the color tint is reinforcement only, never
- * the sole carrier of severity. The caller supplies the order; the component
- * never reorders, because a sorted-by-amount view would destroy the one fact the
- * widget exists to show.
- *
- * THIRD RAIL (money): a zero bucket renders an explicit `0` — a zero in the 90+
- * bucket is information ("nothing slipped that far"), never an omission. When a
- * grand total is shown it is summed through `money-math` integer minor units
- * (BigInt, at the currency's CLDR scale) — never IEEE-754 — and rendered via
- * `MoneyText`. A single unparseable bucket total poisons the sum to NO_VALUE
- * rather than silently displaying a wrong number. The SAME currency scale that
- * drives the sum is also the print scale handed to `MoneyText`, so the digits on
- * screen are the digits that were summed — the printed total can never be a
- * re-rounding of the computed one.
- *
- * Pure display: no directive, no interactivity, server-safe for RSC.
- */
-import { AlertOctagon, AlertTriangle, CircleDot, Clock } from 'lucide-react';
-import { LABEL_VOICE_CLASS } from '../../lib/typography.js';
-import { cn } from '../../lib/utils.js';
-import { Figure } from '../figure/index.js';
-import { formatCount, NO_VALUE } from '../format.js';
-import { minorDigitsOf, minorToDecimal, sumMinor } from '../money-math.js';
-import { MoneyText } from '../money-text/index.js';
-/** Band → glyph + tint + accessible word. The glyph (and the sr-only word) is
- *  the load-bearing severity cue; the tint only reinforces it, so the
- *  escalation survives grayscale and color-vision deficiency.
- *
- *  The tint is an INK token (`-h1a`). A load-bearing glyph answers to the 3:1
- *  floor of SC 1.4.11, and the bare fill token `--system-alert` reads 1.78:1 on
- *  `--card` and 1.62:1 on `--body-surface` in light — the cue was invisible on
- *  the row it escalates. */
-const BAND = {
-    current: {
-        Icon: CircleDot,
-        tint: 'text-system-success-h1a',
-        word: 'Em dia'
-    },
-    recent: {
-        Icon: Clock,
-        tint: 'text-muted-foreground',
-        word: 'Vencido recentemente'
-    },
-    aging: {
-        Icon: AlertTriangle,
-        tint: 'text-system-alert-h1a',
-        word: 'Em atraso'
-    },
-    overdue: { Icon: AlertOctagon, tint: 'text-credit', word: 'Vencido' }
-};
-/**
- * Resolve a bucket's severity band from its ORDINAL POSITION, not its amount —
- * the order is the information (older = worse). The first bucket is `current`;
- * the LAST bucket (the oldest, the 90+ tail) is always `overdue`; the middle
- * escalates `recent` → `aging` toward the tail. A single-bucket list reads as
- * `current` (there is no escalation to show). Pure: no React, unit-tested.
- */
-export function bucketBand(index, count) {
-    if (count <= 1)
-        return 'current';
-    if (index === 0)
-        return 'current';
-    if (index === count - 1)
-        return 'overdue';
-    // Middle buckets: the second-oldest reads `aging`, the rest `recent`.
-    return index === count - 2 ? 'aging' : 'recent';
-}
-/**
- * Sum the bucket totals through integer minor units (BigInt) at `scale`, then
- * render losslessly to a decimal string. Returns null if ANY bucket total is
- * unparseable (indeterminate) — the caller renders NO_VALUE rather than a wrong
- * grand total. Pure: the money-math third rail, unit-tested.
- */
-export function sumBucketTotals(buckets, scale) {
-    const total = sumMinor(buckets.map((b) => b.total), scale);
-    return total === null ? null : minorToDecimal(total, scale);
-}
-export function AgingBuckets({ buckets, currency, locale, showTotal = false, labels, healthyTone = 'success', className }) {
-    const countLabel = labels?.count ?? 'Itens';
-    const totalLabel = labels?.total ?? 'Total';
-    const grandTotalLabel = labels?.grandTotal ?? 'Total geral';
-    // THIRD RAIL: one scale for BOTH the arithmetic and the print. `MoneyText`
-    // defaults to 2 fraction digits, so leaving it unset printed JPY (scale 0)
-    // with two decimals the currency does not have, and re-rounded the exact BHD
-    // (scale 3) grand total `1.005` to `1.01` — a printed total that disagreed
-    // with the total that was actually summed.
-    const scale = currency ? minorDigitsOf(currency) : 2;
-    const grandTotal = showTotal ? sumBucketTotals(buckets, scale) : null;
-    return (_jsxs("div", { className: cn('flex flex-col', className), children: [_jsx("ul", { className: "flex flex-col", children: buckets.map((bucket, i) => {
-                    const band = bucketBand(i, buckets.length);
-                    const { Icon, word } = BAND[band];
-                    // `ink` retones ONLY the healthy band — the escalated bands keep their
-                    // alert and credit-red tints, which are the whole point of the scale.
-                    const tint = healthyTone === 'ink' && band === 'current'
-                        ? 'text-foreground'
-                        : BAND[band].tint;
-                    // Shallow merge: an unlisted band keeps its pt-BR default.
-                    const bandWord = labels?.bands?.[band] ?? word;
-                    return (_jsxs("li", { className: "border-border flex items-center gap-3 border-b py-2.5 last:border-b-0", children: [_jsx(Icon, { "aria-hidden": true, className: cn('size-4 shrink-0', tint) }), _jsxs("span", { className: "sr-only", children: [bandWord, ": "] }), _jsx("span", { className: cn(LABEL_VOICE_CLASS, 'text-foreground min-w-0 flex-1'), children: bucket.label }), _jsxs("span", { className: "flex shrink-0 flex-col items-end leading-none", children: [_jsx(Figure, { size: "row", className: "text-foreground", children: formatCount(bucket.count, locale) }), _jsx("span", { className: cn(LABEL_VOICE_CLASS, 'mt-1 text-xs'), children: countLabel })] }), _jsxs("span", { className: "flex w-32 shrink-0 flex-col items-end leading-none sm:w-40", children: [_jsx(Figure, { size: "row", className: cn(band === 'overdue' && 'text-credit'), children: _jsx(MoneyText, { amount: bucket.total, currency: currency, fractionDigits: scale, locale: locale, signColor: false }) }), _jsx("span", { className: cn(LABEL_VOICE_CLASS, 'mt-1 text-xs'), children: totalLabel })] })] }, `${bucket.label}-${i}`));
-                }) }), showTotal ? (_jsxs("div", { className: "border-border flex items-center gap-3 border-t-2 pt-2.5", children: [_jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }), _jsx("span", { className: cn(LABEL_VOICE_CLASS, 'text-foreground min-w-0 flex-1'), children: grandTotalLabel }), _jsx("span", { className: "w-32 shrink-0 text-right sm:w-40", children: grandTotal === null ? (_jsx(Figure, { size: "row", className: "text-muted-foreground", children: NO_VALUE })) : (_jsx(Figure, { size: "row", className: "text-foreground font-semibold", children: _jsx(MoneyText, { amount: grandTotal, currency: currency, fractionDigits: scale, locale: locale, signColor: false }) })) })] })) : null] }));
-}
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{AlertOctagon as z,AlertTriangle as D,CircleDot as k,Clock as v}from"lucide-react";import{LABEL_VOICE_CLASS as d}from"../../lib/typography.js";import{cn as n}from"../../lib/utils.js";import{Figure as m}from"../figure/index.js";import{formatCount as B,NO_VALUE as E}from"../format.js";import{minorDigitsOf as _,minorToDecimal as j,sumMinor as y}from"../money-math.js";import{MoneyText as g}from"../money-text/index.js";const h={current:{Icon:k,tint:"text-system-success-h1a",word:"Em dia"},recent:{Icon:v,tint:"text-muted-foreground",word:"Vencido recentemente"},aging:{Icon:D,tint:"text-system-alert-h1a",word:"Em atraso"},overdue:{Icon:z,tint:"text-credit",word:"Vencido"}};export function bucketBand(t,r){if(r<=1)return"current";if(t===0)return"current";if(t===r-1)return"overdue";return t===r-2?"aging":"recent"}export function sumBucketTotals(t,r){const o=y(t.map(l=>l.total),r);return o===null?null:j(o,r)}export function AgingBuckets({buckets:t,currency:r,locale:o,showTotal:l=false,labels:i,healthyTone:p="success",className:N}){const w=i?.count??"Itens";const b=i?.total??"Total";const T=i?.grandTotal??"Total geral";const f=r?_(r):2;const u=l?sumBucketTotals(t,f):null;return s("div",{className:n("flex flex-col",N),children:[e("ul",{className:"flex flex-col",children:t.map((c,x)=>{const a=bucketBand(x,t.length);const{Icon:A,word:C}=h[a];const I=p==="ink"&&a==="current"?"text-foreground":h[a].tint;const L=i?.bands?.[a]??C;return s("li",{className:"border-border flex items-center gap-3 border-b py-2.5 last:border-b-0",children:[e(A,{"aria-hidden":true,className:n("size-4 shrink-0",I)}),s("span",{className:"sr-only",children:[L,": "]}),e("span",{className:n(d,"text-foreground min-w-0 flex-1"),children:c.label}),s("span",{className:"flex shrink-0 flex-col items-end leading-none",children:[e(m,{size:"row",className:"text-foreground",children:B(c.count,o)}),e("span",{className:n(d,"mt-1 text-xs"),children:w})]}),s("span",{className:"flex w-32 shrink-0 flex-col items-end leading-none sm:w-40",children:[e(m,{size:"row",className:n(a==="overdue"&&"text-credit"),children:e(g,{amount:c.total,currency:r,fractionDigits:f,locale:o,signColor:false})}),e("span",{className:n(d,"mt-1 text-xs"),children:b})]})]},`${c.label}-${x}`)})}),l?s("div",{className:"border-border flex items-center gap-3 border-t-2 pt-2.5",children:[e("span",{"aria-hidden":true,className:"size-4 shrink-0"}),e("span",{className:n(d,"text-foreground min-w-0 flex-1"),children:T}),e("span",{className:"w-32 shrink-0 text-right sm:w-40",children:u===null?e(m,{size:"row",className:"text-muted-foreground",children:E}):e(m,{size:"row",className:"text-foreground font-semibold",children:e(g,{amount:u,currency:r,fractionDigits:f,locale:o,signColor:false})})})]}):null]})}