@lerianstudio/sindarian-ui 1.2.0 → 1.3.0-beta.1

package/dist/esm/components/ui/table/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare function TableContainer({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function Table({ className, ...props }: React.ComponentProps<'table'>): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): React.JSX.Element;
+export type TableRowProps = React.ComponentProps<'tr'> & {
+    active?: boolean;
+    button?: boolean;
+};
+declare function TableRow({ className, active, button, ...props }: TableRowProps): React.JSX.Element;
+export type TableHeadProps = React.ComponentProps<'th'> & {
+    align?: 'left' | 'center' | 'right';
+};
+declare function TableHead({ className, align, ...props }: TableHeadProps): React.JSX.Element;
+declare function TableCell({ className, onClick, ...props }: React.ComponentProps<'td'>): React.JSX.Element;
+declare function TableCellWrapper({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function TableCellAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): React.JSX.Element;
+export { TableContainer, Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCellWrapper, TableCellAction, TableCaption };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ3E;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAUpE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW1E;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IACvD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAevE;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAehE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAe5B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW5E;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAQjC;AAED,OAAO,EACL,cAAc,EACd,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,YAAY,EACb,CAAA"}

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils.js';
+function TableContainer({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "data-table-container", className: cn('mt-4', className), ...props }));
+}
+function Table({ className, ...props }) {
+    return (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { "data-slot": "data-table", className: cn('w-full caption-bottom text-sm', className), ...props }) }));
+}
+function TableHeader({ className, ...props }) {
+    return (_jsx("thead", { "data-slot": "data-table-header", className: cn('[&_tr]:border-b hover:[&_tr]:bg-transparent', className), ...props }));
+}
+function TableBody({ className, ...props }) {
+    return (_jsx("tbody", { "data-slot": "data-table-body", className: cn('', className), ...props }));
+}
+function TableFooter({ className, ...props }) {
+    return (_jsx("tfoot", { "data-slot": "data-table-footer", className: cn('bg-muted/50 border-t font-medium last:[&>tr]:border-b-0', className), ...props }));
+}
+function TableRow({ className, active, button, ...props }) {
+    return (_jsx("tr", { "data-slot": "data-table-row", className: cn('data-[state=selected]:bg-muted hover:bg-muted border-b transition-colors', {
+            'cursor-pointer': button,
+            'bg-accent/50 hover:bg-accent/50': active
+        }, className), ...props }));
+}
+function TableHead({ className, align, ...props }) {
+    return (_jsx("th", { "data-slot": "data-table-head", className: cn('text-muted-foreground h-12 px-6 py-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0', {
+            'text-center': align === 'center',
+            'text-right': align === 'right'
+        }, className), ...props }));
+}
+function TableCell({ className, onClick, ...props }) {
+    return (_jsx("td", { "data-slot": "data-table-cell", className: cn('group/table-cell text-foreground px-6 py-4 align-middle text-sm font-normal [&:has([role=checkbox])]:pr-0', {
+            'hover:underline': onClick
+        }, className), onClick: onClick, ...props }));
+}
+function TableCellWrapper({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "data-table-cell-wrapper", className: cn('flex items-center', className), ...props }));
+}
+function TableCellAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "data-table-cell-action", className: cn('ml-4 w-fit opacity-0 transition-opacity group-hover/table-cell:opacity-100', className), ...props }));
+}
+function TableCaption({ className, ...props }) {
+    return (_jsx("caption", { "data-slot": "data-table-caption", className: cn('text-muted-foreground mt-4 text-sm', className), ...props }));
+}
+export { TableContainer, Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCellWrapper, TableCellAction, TableCaption };

package/dist/esm/components/ui/tabs/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/tabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,qBAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,qBAQjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,qBAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,qBAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cn } from '../../../lib/utils.js';
+function Tabs({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('tabs', className), ...props }));
+}
+function TabsList({ className, ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn('tabs-list', className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn('!focus-visible:outline-none !focus-visible:ring-2 !focus-visible:ring-slate-950 !focus-visible:ring-offset-2 tabs-trigger tabs-trigger-disabled', className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn('tabs-content', className), ...props }));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/esm/components/ui/textarea/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
+export { Textarea };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAY1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,6 @@
+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 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 };

package/dist/esm/components/ui/time-picker/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export declare const HOURS: string[];
+export declare const MINUTES: string[];
+export type TimePickerProps = {
+    hour?: number;
+    minute?: number;
+    onChange?: (time: {
+        hour: number;
+        minute: number;
+    }) => void;
+    disabled?: boolean;
+    className?: string;
+    hourLabel?: string;
+    minuteLabel?: string;
+};
+declare function TimePicker({ hour, minute, onChange, disabled, className, hourLabel, minuteLabel }: TimePickerProps): React.JSX.Element;
+export { TimePicker };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/time-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/time-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,KAAK,UAEjB,CAAA;AAED,eAAO,MAAM,OAAO,UAEnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAsFD,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAkB,EAClB,WAAsB,EACvB,EAAE,eAAe,qBAqCjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,49 @@
+'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 };

package/dist/esm/components/ui/toast/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * Backward-compatible type exports.
+ *
+ * The Radix Toast primitives (ToastProvider, ToastViewport, Toast, etc.) are
+ * no longer used -- Sonner manages rendering internally. These types are kept
+ * so that any downstream code referencing ToastProps or ToastActionElement
+ * continues to compile.
+ */
+export type ToastActionElement = React.ReactElement;
+export type ToastProps = {
+    variant?: 'default' | 'success' | 'warning' | 'destructive';
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    duration?: number;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/toast/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;GAOG;AAEH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}

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

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

package/dist/esm/components/ui/toast/toaster.d.ts

@@ -0,0 +1,6 @@
+type ToasterProps = {
+    theme?: 'light' | 'dark' | 'system';
+};
+export declare function Toaster({ theme }: ToasterProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=toaster.d.ts.map

package/dist/esm/components/ui/toast/toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/toast/toaster.tsx"],"names":[],"mappings":"AAIA,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;CACpC,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAgB,EAAE,EAAE,YAAY,+BAiBzD"}

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

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster as SonnerToaster } from 'sonner';
+export function Toaster({ theme = 'system' }) {
+    return (_jsx(SonnerToaster, { theme: theme, position: "bottom-right", visibleToasts: 3, duration: 10000, 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.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * 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.
+ */
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ToggleGroup({ className, variant, size, spacing, children, style, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+}): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): React.JSX.Element;
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/toggle-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/toggle-group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE;;;;GAIG;AACH,QAAA,MAAM,cAAc;;;8EAoBnB,CAAA;AAYD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAW,EACX,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,qBAwBF;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,qBAuBpC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,51 @@
+'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 ToggleGroupContext = React.createContext({
+    size: 'default',
+    variant: 'default',
+    spacing: 0
+});
+function ToggleGroup({ className, variant, size, spacing = 0, children, style, ...props }) {
+    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 }, children: children }) }));
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+    const context = React.useContext(ToggleGroupContext);
+    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, children: children }));
+}
+export { ToggleGroup, ToggleGroupItem };

package/dist/esm/components/ui/tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+export type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> & {
+    disabled?: boolean;
+};
+declare function Tooltip({ open: _open, onOpenChange, disabled, ...props }: TooltipProps): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,qBAQxD;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,gBAAgB,CAAC,IAAI,CAC7B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,KAAK,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,qBAwBd;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,28 @@
+'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 });
+}
+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-400 animate-in fade-in-0 zoom-in-95 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 };

package/dist/esm/domain/blotter/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Blotter + BlotterRow — the mono key/value readout of the console.
+ *
+ * Clean key/value rows separated by hairline borders (`divide-y divide-border`)
+ * — no zebra fills. Each row: an uppercase 11px sans label on the left, a mono
+ * `tabular-nums` value on the right, `hover:bg-body-surface` as the quiet row
+ * affordance (the recessed page surface, one step behind `bg-card`, in both
+ * themes). Escalate the value color (`text-credit`, `text-system-alert`) only
+ * when a metric crosses a threshold.
+ *
+ *   <Blotter>
+ *     <BlotterRow label="Resolved on time" value="128" />
+ *     <BlotterRow label="Pending overdue" value="3" valueClassName="text-credit" />
+ *   </Blotter>
+ *
+ * Renders a `<dl>`; rows are `<div>`s with `<dt>`/`<dd>`.
+ */
+import type { ReactNode } from 'react';
+export type BlotterProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function Blotter({ children, className }: BlotterProps): import("react").JSX.Element;
+export type BlotterRowProps = {
+    label: ReactNode;
+    value: ReactNode;
+    /** Threshold-escalation class on the value (e.g. `text-credit`). */
+    valueClassName?: string;
+    className?: string;
+    /**
+     * Stack the label above a full-width value instead of the inline
+     * label-left / value-right layout. Use for long-form prose (reasons,
+     * descriptions, notes) where a justified single line would squish the text.
+     * The value renders as wrapping sans body copy, not the mono tabular figure
+     * used by inline rows.
+     */
+    stacked?: boolean;
+};
+export declare function BlotterRow({ label, value, valueClassName, className, stacked }: BlotterRowProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/domain/blotter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/domain/blotter/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,+BAE5D;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,cAAc,EACd,SAAS,EACT,OAAe,EAChB,EAAE,eAAe,+BAwCjB"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 }) {
+    if (stacked) {
+        return (_jsxs("div", { 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: value })] }));
+    }
+    return (_jsxs("div", { 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: value })] }));
+}

package/dist/esm/domain/delinquency-aging/aging-buckets.d.ts

@@ -0,0 +1,57 @@
+export interface AgingBucket {
+    /** Human label for the band, e.g. "A vencer", "31–60", "90+". */
+    label: string;
+    /** Number of items in the band. A zero is shown explicitly, never omitted. */
+    count: number;
+    /** Money total for the band. Pass a decimal STRING for lossless sums. */
+    total: string | number;
+}
+export type AgingBand = 'current' | 'recent' | 'aging' | 'overdue';
+/**
+ * Overrides for the fixed pt-BR copy. Every field is optional and defaults to
+ * the current value, so a consumer that passes nothing renders exactly as
+ * before. The band words in particular are the ACCESSIBLE severity cue (the
+ * sr-only text a screen reader announces), so a consumer running in another
+ * language needs them translatable, not just the digits `locale` already
+ * covers.
+ */
+export interface AgingBucketsLabels {
+    /** sr-only severity word per band. Merged shallowly over the pt-BR canon. */
+    bands?: Partial<Record<AgingBand, string>>;
+    /** Caption under the count column. Defaults to "Itens". */
+    count?: string;
+    /** Caption under the money column. Defaults to "Total". */
+    total?: string;
+    /** Label of the grand-total row. Defaults to "Total geral". */
+    grandTotal?: string;
+}
+export interface AgingBucketsProps {
+    /** Ordered current → oldest. Order carries meaning; not reordered internally. */
+    buckets: AgingBucket[];
+    /** ISO 4217 currency code, e.g. "BRL". Drives the minor-unit sum scale. */
+    currency?: string;
+    /** BCP 47 locale for grouping/decimal marks. Defaults to the runtime locale. */
+    locale?: string;
+    /** Render a money-math-exact grand total row across all buckets. */
+    showTotal?: boolean;
+    /** Override the fixed pt-BR copy. Omitted fields keep their defaults. */
+    labels?: AgingBucketsLabels;
+    className?: string;
+}
+/**
+ * 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 declare function bucketBand(index: number, count: number): AgingBand;
+/**
+ * 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 declare function sumBucketTotals(buckets: AgingBucket[], scale: number): string | null;
+export declare function AgingBuckets({ buckets, currency, locale, showTotal, labels, className }: AgingBucketsProps): import("react").JSX.Element;
+//# sourceMappingURL=aging-buckets.d.ts.map

package/dist/esm/domain/delinquency-aging/aging-buckets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aging-buckets.d.ts","sourceRoot":"","sources":["../../../../src/domain/delinquency-aging/aging-buckets.tsx"],"names":[],"mappings":"AAyCA,MAAM,WAAW,WAAW;IAC1B,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAElE;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;IAC1C,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,iFAAiF;IACjF,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2BD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAMlE;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,EAAE,EACtB,KAAK,EAAE,MAAM,GACZ,MAAM,GAAG,IAAI,CAMf;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAiB,EACjB,MAAM,EACN,SAAS,EACV,EAAE,iBAAiB,+BAyGnB"}

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

@@ -0,0 +1,105 @@
+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. */
+const BAND = {
+    current: {
+        Icon: CircleDot,
+        tint: 'text-system-success',
+        word: 'Em dia'
+    },
+    recent: {
+        Icon: Clock,
+        tint: 'text-muted-foreground',
+        word: 'Vencido recentemente'
+    },
+    aging: {
+        Icon: AlertTriangle,
+        tint: 'text-system-alert',
+        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, 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, tint, word } = BAND[band];
+                    // 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 tracking-normal normal-case'), 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'), 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'), 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] }));
+}