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

package/dist/esm/enterprise/virtualized-table/index.js

@@ -1,138 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * VirtualizedTable — a windowed table for very large, flat datasets.
- *
- * Mirrors DataTable's column/data API (standard TanStack `ColumnDef<T>`, cells
- * receive the row's `original`), so screens reuse the exact same column
- * definitions. The difference is the rendering strategy: where DataTable
- * renders every row, VirtualizedTable renders only the rows inside (and just
- * past) the scroll viewport via `@tanstack/react-virtual`. Tens of thousands of
- * rows stay scroll-smooth because the DOM only ever holds the visible window.
- *
- * Layout is div-based (role="table"/"row"/"cell"), not a real `<table>`:
- * absolute positioning by `virtualItem.start` is incompatible with table
- * layout, so a windowed table cannot use `<tbody>`. The header is a sibling
- * above the scroll region: it stays put by layout (it simply sits above an
- * overflow box), not via `position: sticky`. Inside the scroll container an
- * inner spacer sized to `getTotalSize()` reserves the full scroll height, and
- * each virtual row is absolutely positioned within that spacer.
- *
- * Rows are fixed-height (= `rowHeight`): cell content taller than `rowHeight`
- * will clip — cells use `truncate`. This component is for flat, single-line
- * datasets only; it does NOT measure rows, so it is not suitable for
- * variable-height content.
- *
- * This is deliberately leaner than DataTable: no pagination, selection,
- * keyboard nav, loading or empty affordances — it is the right tool only when
- * the whole dataset is already in memory and the row count is the problem.
- * For server-paged lists, reach for DataTable + CursorPager instead.
- */
-import { useEffect, useRef, useState } from 'react';
-import { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { LABEL_VOICE_CLASS } from '../../lib/typography.js';
-import { cn } from '../../lib/utils.js';
-import { readDeclaredColumnSize, readDeclaredGroupSize, UNSIZED_DEFAULT_COLUMN } from '../data-table/column-size.js';
-/** Rows rendered just outside the viewport to keep fast scrolls smooth. */
-const OVERSCAN = 8;
-export function VirtualizedTable({ columns, data, rowHeight = 40, maxHeight = 480, scrollAreaLabel = 'Scrollable table rows', className, headClassName }) {
-    const scrollRef = useRef(null);
-    const [isScrollable, setIsScrollable] = useState(false);
-    // A number is px; a string is used verbatim (e.g. '60vh').
-    const viewportMaxHeight = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;
-    const table = useReactTable({
-        data,
-        columns,
-        // Keeps `columnDef.size`/`minSize`/`maxSize` meaning "declared" — see
-        // ../data-table/column-size. `getSize()` is unaffected; it falls back to
-        // the library defaults itself.
-        defaultColumn: UNSIZED_DEFAULT_COLUMN,
-        getCoreRowModel: getCoreRowModel()
-    });
-    const rows = table.getRowModel().rows;
-    // Grouped columns (a ColumnDef with nested `columns`) render one header row
-    // per depth level, so the header is not always a single row.
-    const headerGroups = table.getHeaderGroups();
-    const headerRowCount = headerGroups.length;
-    // The table's real column geometry is its LEAF columns: a grouped ColumnDef
-    // contributes one spanning header cell but no column of its own, so counting
-    // top-level defs both under-reports aria-colcount and misplaces every
-    // aria-colindex to its right.
-    const leafColumns = table.getVisibleLeafColumns();
-    const leafPosition = new Map(leafColumns.map((column, i) => [column.id, i]));
-    const virtualizer = useVirtualizer({
-        count: rows.length,
-        getScrollElement: () => scrollRef.current,
-        estimateSize: () => rowHeight,
-        overscan: OVERSCAN
-    });
-    const virtualRows = virtualizer.getVirtualItems();
-    const totalSize = virtualizer.getTotalSize();
-    // `estimateSize` is read through a closure the virtualizer caches per item, so
-    // changing rowHeight leaves every already-measured row at its old size until
-    // the cache is dropped explicitly.
-    useEffect(() => {
-        virtualizer.measure();
-    }, [rowHeight, virtualizer]);
-    useEffect(() => {
-        const viewport = scrollRef.current;
-        if (!viewport)
-            return;
-        const updateScrollability = () => {
-            const nextIsScrollable = viewport.scrollHeight > viewport.clientHeight ||
-                viewport.scrollWidth > viewport.clientWidth;
-            setIsScrollable((current) => current === nextIsScrollable ? current : nextIsScrollable);
-        };
-        updateScrollability();
-        if (typeof ResizeObserver === 'undefined')
-            return;
-        const observer = new ResizeObserver(updateScrollability);
-        observer.observe(viewport);
-        const content = viewport.firstElementChild;
-        if (content)
-            observer.observe(content);
-        return () => observer.disconnect();
-    }, [totalSize, viewportMaxHeight]);
-    return (_jsx("div", { className: cn('border-border bg-card text-card-foreground rounded-lg border', className), children: _jsxs("div", { role: "table", "aria-rowcount": rows.length + headerRowCount, "aria-colcount": leafColumns.length, children: [_jsx("div", { role: "rowgroup", className: "bg-card z-10", children: headerGroups.map((headerGroup, groupIndex) => (_jsx("div", { role: "row", "aria-rowindex": groupIndex + 1, className: "border-border flex border-b", children: headerGroup.headers.map((header) => {
-                            // Anchor the cell on its leftmost leaf column, so a spanning
-                            // group reports the column it actually starts at rather than
-                            // its position among its siblings.
-                            const firstLeaf = header.column.getLeafColumns()[0];
-                            const start = leafPosition.get(firstLeaf?.id ?? header.column.id);
-                            // A group header spans leaf columns whose body cells carry
-                            // their own widths, so its size comes from those leaves, not
-                            // from the group def (which declares nothing). A leaf header
-                            // reads its own column, as before.
-                            const size = header.subHeaders.length > 0
-                                ? readDeclaredGroupSize(header.column.getLeafColumns())
-                                : readDeclaredColumnSize(header.column);
-                            return (_jsx("div", { role: "columnheader", "aria-colindex": (start ?? 0) + 1, "aria-colspan": header.colSpan > 1 ? header.colSpan : undefined, 
-                                // A declared width must not be flexed away; without one the
-                                // cell keeps its colSpan share of the row, as before.
-                                style: size?.width === undefined
-                                    ? { flex: `${header.colSpan} 1 0%`, ...size }
-                                    : { flex: '0 0 auto', ...size }, 
-                                // Header height is independent of rowHeight: pinning it to a
-                                // small rowHeight (32) clipped the uppercase label against its
-                                // own padding. Padding sizes it; min-h keeps a stable rule.
-                                className: cn('min-h-10 px-4 py-2.5 text-left', LABEL_VOICE_CLASS, headClassName), children: header.isPlaceholder
-                                    ? null
-                                    : flexRender(header.column.columnDef.header, header.getContext()) }, header.id));
-                        }) }, headerGroup.id))) }), _jsx("div", { ref: scrollRef, role: "rowgroup", "data-testid": "virtualized-table-viewport", "aria-label": isScrollable ? scrollAreaLabel : undefined, tabIndex: isScrollable ? 0 : undefined, className: "focus-visible:ring-ring relative overflow-auto focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", style: { maxHeight: viewportMaxHeight }, children: _jsx("div", { role: "presentation", className: "relative w-full", style: { height: totalSize }, children: virtualRows.map((virtualItem) => {
-                            const row = rows[virtualItem.index];
-                            return (_jsx("div", { role: "row", "aria-rowindex": virtualItem.index + headerRowCount + 1, "data-index": virtualItem.index, className: "border-border absolute left-0 flex w-full items-center border-b text-sm", style: {
-                                    height: virtualItem.size,
-                                    transform: `translateY(${virtualItem.start}px)`
-                                }, children: row.getVisibleCells().map((cell, i) => {
-                                    const size = readDeclaredColumnSize(cell.column);
-                                    return (_jsx("div", { role: "cell", "aria-colindex": i + 1, 
-                                        // An inline `flex` beats the class, so a sized column
-                                        // stops flexing while every other column renders
-                                        // exactly as it did before.
-                                        style: size?.width === undefined
-                                            ? size
-                                            : { flex: '0 0 auto', ...size }, className: "flex-1 truncate px-4", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
-                                }) }, row.id));
-                        }) }) })] }) }));
-}
+"use client";import{jsx as l,jsxs as M}from"react/jsx-runtime";import{useEffect as v,useRef as _,useState as O}from"react";import{flexRender as h,getCoreRowModel as j,useReactTable as A}from"@tanstack/react-table";import{useVirtualizer as T}from"@tanstack/react-virtual";import{LABEL_VOICE_CLASS as H}from"../../lib/typography.js";import{cn as S}from"../../lib/utils.js";import{readDeclaredColumnSize as C,readDeclaredGroupSize as U,UNSIZED_DEFAULT_COLUMN as $}from"../data-table/column-size.js";const G=8;export function VirtualizedTable({columns:z,data:R,rowHeight:f=40,maxHeight:a=480,scrollAreaLabel:N="Scrollable table rows",className:y,headClassName:L}){const c=_(null);const[m,E]=O(false);const b=typeof a==="number"?`${a}px`:a;const d=A({data:R,columns:z,defaultColumn:$,getCoreRowModel:j()});const u=d.getRowModel().rows;const p=d.getHeaderGroups();const g=p.length;const x=d.getVisibleLeafColumns();const V=new Map(x.map((o,t)=>[o.id,t]));const s=T({count:u.length,getScrollElement:()=>c.current,estimateSize:()=>f,overscan:G});const D=s.getVirtualItems();const w=s.getTotalSize();v(()=>{s.measure()},[f,s]);v(()=>{const o=c.current;if(!o)return;const t=()=>{const r=o.scrollHeight>o.clientHeight||o.scrollWidth>o.clientWidth;E(i=>i===r?i:r)};t();if(typeof ResizeObserver==="undefined")return;const e=new ResizeObserver(t);e.observe(o);const n=o.firstElementChild;if(n)e.observe(n);return()=>e.disconnect()},[w,b]);return l("div",{className:S("border-border bg-card text-card-foreground rounded-lg border",y),children:M("div",{role:"table","aria-rowcount":u.length+g,"aria-colcount":x.length,children:[l("div",{role:"rowgroup",className:"bg-card z-10",children:p.map((o,t)=>l("div",{role:"row","aria-rowindex":t+1,className:"border-border flex border-b",children:o.headers.map(e=>{const n=e.column.getLeafColumns()[0];const r=V.get(n?.id??e.column.id);const i=e.subHeaders.length>0?U(e.column.getLeafColumns()):C(e.column);return l("div",{role:"columnheader","aria-colindex":(r??0)+1,"aria-colspan":e.colSpan>1?e.colSpan:void 0,style:i?.width===void 0?{flex:`${e.colSpan} 1 0%`,...i}:{flex:"0 0 auto",...i},className:S("min-h-10 px-4 py-2.5 text-left",H,L),children:e.isPlaceholder?null:h(e.column.columnDef.header,e.getContext())},e.id)})},o.id))}),l("div",{ref:c,role:"rowgroup","data-testid":"virtualized-table-viewport","aria-label":m?N:void 0,tabIndex:m?0:void 0,className:"focus-visible:ring-ring relative overflow-auto focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",style:{maxHeight:b},children:l("div",{role:"presentation",className:"relative w-full",style:{height:w},children:D.map(o=>{const t=u[o.index];return l("div",{role:"row","aria-rowindex":o.index+g+1,"data-index":o.index,className:"border-border absolute left-0 flex w-full items-center border-b text-sm",style:{height:o.size,transform:`translateY(${o.start}px)`},children:t.getVisibleCells().map((e,n)=>{const r=C(e.column);return l("div",{role:"cell","aria-colindex":n+1,style:r?.width===void 0?r:{flex:"0 0 auto",...r},className:"flex-1 truncate px-4",children:h(e.column.columnDef.cell,e.getContext())},e.id)})},t.id)})})})]})})}

package/dist/esm/hooks/use-click-away.js

@@ -1,22 +1 @@
-import React from 'react';
-/**
- * Detects clicks outside of a specified component and triggers a callback function.
- *
- * @param ref Component reference
- * @param onClickAway Callback function to be called when a click is detected outside the component
- */
-export const useClickAway = (ref, onClickAway) => {
-    const handleClick = React.useCallback((event) => {
-        if (ref.current && !ref.current.contains(event.target)) {
-            onClickAway(event);
-        }
-    }, [ref, onClickAway]);
-    React.useEffect(() => {
-        document.addEventListener('mousedown', handleClick);
-        document.addEventListener('touchend', handleClick);
-        return () => {
-            document.removeEventListener('mousedown', handleClick);
-            document.removeEventListener('touchend', handleClick);
-        };
-    }, [ref, handleClick]);
-};
+import c from"react";export const useClickAway=(t,n)=>{const e=c.useCallback(o=>{if(t.current&&!t.current.contains(o.target)){n(o)}},[t,n]);c.useEffect(()=>{document.addEventListener("mousedown",e);document.addEventListener("touchend",e);return()=>{document.removeEventListener("mousedown",e);document.removeEventListener("touchend",e)}},[t,e])};

package/dist/esm/hooks/use-pagination.js

@@ -1,38 +1 @@
-import { useState } from 'react';
-export function usePagination({ total = 1 }) {
-    const [page, _setPage] = useState(1);
-    const [limit, _setLimit] = useState(10);
-    const totalPages = Math.ceil(total / limit);
-    const nextPage = () => {
-        if (page + 1 > totalPages) {
-            return;
-        }
-        _setPage((page) => page + 1);
-    };
-    const previousPage = () => {
-        if (page - 1 < 1) {
-            return;
-        }
-        _setPage((page) => page - 1);
-    };
-    const setPage = (page) => {
-        if (page < 1 || page > totalPages) {
-            return;
-        }
-        _setPage(page);
-    };
-    const setLimit = (limit) => {
-        if (limit < 1) {
-            return;
-        }
-        _setLimit(limit);
-    };
-    return {
-        page,
-        limit,
-        setLimit,
-        setPage,
-        nextPage,
-        previousPage
-    };
-}
+import{useState as o}from"react";export function usePagination({total:r=1}){const[e,n]=o(1);const[s,a]=o(10);const i=Math.ceil(r/s);const c=()=>{if(e+1>i){return}n(t=>t+1)};const u=()=>{if(e-1<1){return}n(t=>t-1)};const f=t=>{if(t<1||t>i){return}n(t)};const P=t=>{if(t<1){return}a(t)};return{page:e,limit:s,setLimit:P,setPage:f,nextPage:c,previousPage:u}}

package/dist/esm/hooks/use-stepper.js

@@ -1,22 +1 @@
-import { useState } from 'react';
-export const useStepper = ({ defaultStep = 0, maxSteps = 2 }) => {
-    const [step, setStep] = useState(defaultStep);
-    const handleNext = () => {
-        if (maxSteps && step >= maxSteps - 1) {
-            return;
-        }
-        setStep((prev) => prev + 1);
-    };
-    const handlePrevious = () => {
-        if (step <= 0) {
-            return;
-        }
-        setStep((prev) => prev - 1);
-    };
-    return {
-        step,
-        setStep,
-        handleNext,
-        handlePrevious
-    };
-};
+import{useState as p}from"react";export const useStepper=({defaultStep:o=0,maxSteps:n=2})=>{const[e,t]=p(o);const s=()=>{if(n&&e>=n-1){return}t(r=>r+1)};const u=()=>{if(e<=0){return}t(r=>r-1)};return{step:e,setStep:t,handleNext:s,handlePrevious:u}};

package/dist/esm/hooks/use-time.js

@@ -1,13 +1 @@
-import React from 'react';
-export const useTime = ({ interval = 1000, onUpdate }) => {
-    const [time, setTime] = React.useState(new Date());
-    React.useEffect(() => {
-        const timer = setInterval(() => {
-            const newTime = new Date();
-            setTime(newTime);
-            onUpdate?.(newTime);
-        }, interval);
-        return () => clearInterval(timer);
-    }, [interval, onUpdate]);
-    return time;
-};
+import n from"react";export const useTime=({interval:e=1e3,onUpdate:t})=>{const[s,c]=n.useState(new Date);n.useEffect(()=>{const m=setInterval(()=>{const r=new Date;c(r);t?.(r)},e);return()=>clearInterval(m)},[e,t]);return s};

package/dist/esm/hooks/use-toast.js

@@ -1,107 +1 @@
-'use client';
-import { toast as sonnerToast } from 'sonner';
-/**
- * Lifetime of every non-destructive toast, and the `<Toaster />` fallback for
- * anything raised without one. The two must not drift apart, so the Toaster
- * imports this rather than repeating the literal.
- */
-export const DEFAULT_DURATION = 10000;
-/**
- * A destructive toast reports something the operator has to read -- a refused
- * money operation, a failed copy of a show-once secret, a language switch that
- * did not take. It stays up until dismissed instead of auto-closing.
- *
- * `Infinity` is how sonner disables the auto-close timer (it short-circuits the
- * timer effect rather than calling `setTimeout(fn, Infinity)`, which would fire
- * immediately). `<Toaster />` already passes `closeButton`, and sonner gates the
- * close button on that flag alone, never on the duration -- so a persistent
- * toast still renders its dismiss affordance.
- */
-const PERSIST_UNTIL_DISMISSED = Infinity;
-const isPlainText = (value) => value === undefined || typeof value === 'string';
-/**
- * Two identical errors share one toast instead of stacking: same variant, same
- * text -- same id, and sonner updates the one already on screen.
- *
- * Unbounded stacking is worse for a persistent toast than for a transient one.
- * `<Toaster />` shows three at a time and renders the rest `opacity: 0;
- * pointer-events: none`, so a fourth error nobody can read is also a fourth
- * error nobody can close -- and without an auto-dismiss, nothing ahead of it
- * clears on its own.
- *
- * Only plain-text toasts collapse. A `ReactNode` has no stable key and
- * `String(node)` would fold unrelated errors onto one id.
- *
- * ponytail: the ceiling is still three. Distinct persistent errors past the
- * third queue behind the front three until one is dismissed; lifting that means
- * raising `visibleToasts`, not more work here.
- */
-function collapseKey(title, description) {
-    if (!isPlainText(title) || !isPlainText(description)) {
-        return undefined;
-    }
-    return `destructive:${JSON.stringify([title ?? null, description ?? null])}`;
-}
-function toast({ title, description, variant, duration, id, ...rest }) {
-    const message = title ?? '';
-    const toastId = variant === 'destructive' && id === undefined
-        ? collapseKey(title, description)
-        : id;
-    const options = {
-        description,
-        ...rest,
-        ...(toastId !== undefined && { id: toastId }),
-        duration: duration ??
-            (variant === 'destructive' ? PERSIST_UNTIL_DISMISSED : DEFAULT_DURATION)
-    };
-    let raisedId;
-    switch (variant) {
-        case 'success':
-            raisedId = sonnerToast.success(message, options);
-            break;
-        case 'warning':
-            raisedId = sonnerToast.warning(message, options);
-            break;
-        case 'destructive':
-            raisedId = sonnerToast.error(message, options);
-            break;
-        default:
-            raisedId = sonnerToast(message, options);
-            break;
-    }
-    return {
-        id: raisedId,
-        dismiss: () => sonnerToast.dismiss(raisedId),
-        update: (props) => {
-            sonnerToast(props.title ?? message, {
-                ...rest,
-                id: raisedId,
-                description: props.description ?? description,
-                duration: props.duration ?? options.duration
-            });
-        }
-    };
-}
-/**
- * Backward-compatible hook that wraps Sonner's toast API.
- *
- * Returns the same shape as the original Radix-based useToast:
- * - `toast()` to create a toast
- * - `dismiss()` to dismiss a toast by id (or all if no id)
- * - `toasts` array (always empty -- Sonner manages its own state internally)
- */
-function useToast() {
-    return {
-        toast,
-        dismiss: (toastId) => {
-            if (toastId !== undefined) {
-                sonnerToast.dismiss(toastId);
-            }
-            else {
-                sonnerToast.dismiss();
-            }
-        },
-        toasts: []
-    };
-}
-export { useToast, toast };
+"use client";import{toast as e}from"sonner";export const DEFAULT_DURATION=1e4;const I=Infinity;const f=s=>s===void 0||typeof s==="string";function T(s,t){if(!f(s)||!f(t)){return void 0}return`destructive:${JSON.stringify([s??null,t??null])}`}function l({title:s,description:t,variant:r,duration:m,id:o,...c}){const i=s??"";const a=r==="destructive"&&o===void 0?T(s,t):o;const d={description:t,...c,...a!==void 0&&{id:a},duration:m??(r==="destructive"?I:DEFAULT_DURATION)};let n;switch(r){case"success":n=e.success(i,d);break;case"warning":n=e.warning(i,d);break;case"destructive":n=e.error(i,d);break;default:n=e(i,d);break}return{id:n,dismiss:()=>e.dismiss(n),update:u=>{e(u.title??i,{...c,id:n,description:u.description??t,duration:u.duration??d.duration})}}}function S(){return{toast:l,dismiss:s=>{if(s!==void 0){e.dismiss(s)}else{e.dismiss()}},toasts:[]}}export{S as useToast,l as toast};

package/dist/esm/index.js

@@ -1,77 +1 @@
-'use client';
-// Primitives
-export * from './components/ui/alert/index.js';
-export * from './components/ui/autocomplete/index.js';
-export * from './hooks/use-click-away.js';
-export * from './components/ui/autosize-textarea/index.js';
-export * from './components/ui/avatar/index.js';
-export * from './components/ui/badge/index.js';
-export * from './components/ui/breadcrumb/index.js';
-export * from './components/ui/button/index.js';
-export * from './components/ui/icon-button/index.js';
-export * from './components/ui/calendar/index.js';
-export * from './components/ui/card/index.js';
-export * from './components/ui/checkbox/index.js';
-export * from './components/ui/collapsible/index.js';
-export * from './components/ui/command/index.js';
-export * from './components/ui/copy-field/index.js';
-export * from './components/ui/dialog/index.js';
-export * from './components/ui/dropdown-menu/index.js';
-export * from './components/ui/input/index.js';
-export * from './components/ui/otp-input/index.js';
-export * from './components/ui/label/index.js';
-export * from './components/ui/lerian-wordmark/index.js';
-export * from './components/ui/loading-button/index.js';
-export * from './components/ui/multiple-select/index.js';
-export * from './components/ui/paper/index.js';
-export * from './components/ui/paper-collapsible/index.js';
-export * from './components/ui/popover/index.js';
-export * from './components/ui/progress/index.js';
-export * from './components/ui/qr-code/index.js';
-export * from './components/ui/select/index.js';
-export * from './components/ui/separator/index.js';
-export * from './components/ui/sheet/index.js';
-export * from './components/ui/sidebar/index.js';
-export * from './components/ui/skeleton/index.js';
-export * from './components/ui/stepper/index.js';
-export * from './hooks/use-stepper.js';
-export * from './components/ui/switch/index.js';
-export * from './components/ui/table/index.js';
-export * from './components/ui/tabs/index.js';
-export * from './components/ui/textarea/index.js';
-export * from './components/ui/toast/index.js';
-export * from './components/ui/toast/toaster.js';
-export * from './hooks/use-toast.js';
-export * from './components/ui/time-picker/index.js';
-export * from './hooks/use-time.js';
-export * from './components/ui/tooltip/index.js';
-export * from './components/ui/form.js';
-// Components
-export { Breadcrumb as ApplicationBreadcrumb } from './components/breadcrumb/index.js';
-export * from './components/breadcrumb/get-breadcrumb-paths.js';
-export * from './components/card/index.js';
-export * from './components/dialog/index.js';
-export * from './components/entity-box/index.js';
-export * from './components/entity-data-table/index.js';
-export * from './components/form/index.js';
-export * from './components/page/index.js';
-export * from './components/page-header/index.js';
-export * from './components/pagination/index.js';
-export * from './components/table/index.js';
-// Enterprise surface (sindarian-x absorption — see docs/plans/2026-08-26-sindarian-x-retirement/)
-export * from './enterprise/index.js';
-export * from './theme/index.js';
-export * from './toast/index.js';
-export * from './charts/index.js';
-export * from './domain/index.js';
-// Primitives absorbed from sindarian-x (see docs/plans/2026-08-26-sindarian-x-retirement/)
-export * from './components/ui/accordion/index.js';
-export * from './components/ui/alert-dialog/index.js';
-export * from './components/ui/file-upload/index.js';
-export * from './components/ui/hover-card/index.js';
-export * from './components/ui/radio-group/index.js';
-export * from './components/ui/scroll-area/index.js';
-export * from './components/ui/toggle-group/index.js';
-// Utilities
-export { cn } from './lib/utils.js';
-export * from './lib/typography.js';
+"use client";export*from"./components/ui/alert/index.js";export*from"./components/ui/autocomplete/index.js";export*from"./hooks/use-click-away.js";export*from"./components/ui/autosize-textarea/index.js";export*from"./components/ui/avatar/index.js";export*from"./components/ui/badge/index.js";export*from"./components/ui/breadcrumb/index.js";export*from"./components/ui/button/index.js";export*from"./components/ui/icon-button/index.js";export*from"./components/ui/calendar/index.js";export*from"./components/ui/card/index.js";export*from"./components/ui/checkbox/index.js";export*from"./components/ui/collapsible/index.js";export*from"./components/ui/command/index.js";export*from"./components/ui/copy-field/index.js";export*from"./components/ui/dialog/index.js";export*from"./components/ui/dropdown-menu/index.js";export*from"./components/ui/input/index.js";export*from"./components/ui/otp-input/index.js";export*from"./components/ui/label/index.js";export*from"./components/ui/lerian-wordmark/index.js";export*from"./components/ui/loading-button/index.js";export*from"./components/ui/multiple-select/index.js";export*from"./components/ui/paper/index.js";export*from"./components/ui/paper-collapsible/index.js";export*from"./components/ui/popover/index.js";export*from"./components/ui/progress/index.js";export*from"./components/ui/qr-code/index.js";export*from"./components/ui/select/index.js";export*from"./components/ui/separator/index.js";export*from"./components/ui/sheet/index.js";export*from"./components/ui/sidebar/index.js";export*from"./components/ui/skeleton/index.js";export*from"./components/ui/stepper/index.js";export*from"./hooks/use-stepper.js";export*from"./components/ui/switch/index.js";export*from"./components/ui/table/index.js";export*from"./components/ui/tabs/index.js";export*from"./components/ui/textarea/index.js";export*from"./components/ui/toast/index.js";export*from"./components/ui/toast/toaster.js";export*from"./hooks/use-toast.js";export*from"./components/ui/time-picker/index.js";export*from"./hooks/use-time.js";export*from"./components/ui/tooltip/index.js";export*from"./components/ui/form.js";export{Breadcrumb as ApplicationBreadcrumb}from"./components/breadcrumb/index.js";export*from"./components/breadcrumb/get-breadcrumb-paths.js";export*from"./components/card/index.js";export*from"./components/dialog/index.js";export*from"./components/entity-box/index.js";export*from"./components/entity-data-table/index.js";export*from"./components/form/index.js";export*from"./components/page/index.js";export*from"./components/page-header/index.js";export*from"./components/pagination/index.js";export*from"./components/table/index.js";export*from"./enterprise/index.js";export*from"./theme/index.js";export*from"./toast/index.js";export*from"./charts/index.js";export*from"./domain/index.js";export*from"./components/ui/accordion/index.js";export*from"./components/ui/alert-dialog/index.js";export*from"./components/ui/file-upload/index.js";export*from"./components/ui/hover-card/index.js";export*from"./components/ui/radio-group/index.js";export*from"./components/ui/scroll-area/index.js";export*from"./components/ui/toggle-group/index.js";export{cn}from"./lib/utils.js";export*from"./lib/typography.js";

package/dist/esm/lib/storage/get-storage-object.js

@@ -1,17 +1 @@
-import { getStorage } from './get-storage.js';
-import isEmpty from 'lodash/isEmpty.js';
-import isNil from 'lodash/isNil.js';
-export function getStorageObject(key, defaultValue) {
-    try {
-        const dataString = getStorage(key, defaultValue);
-        const isNilOrEmpty = isNil(dataString) || isEmpty(dataString);
-        return isNilOrEmpty ? {} : JSON.parse(dataString);
-    }
-    catch (error) {
-        // Only log errors when not in test environment
-        if (process.env.NODE_ENV !== 'test') {
-            console.error(error);
-        }
-        return defaultValue;
-    }
-}
+import{getStorage as i}from"./get-storage.js";import s from"lodash/isEmpty.js";import n from"lodash/isNil.js";export function getStorageObject(o,t){try{const r=i(o,t);const e=n(r)||s(r);return e?{}:JSON.parse(r)}catch(r){if(process.env.NODE_ENV!=="test"){console.error(r)}return t}}

package/dist/esm/lib/storage/get-storage.js

@@ -1,14 +1 @@
-const isServer = typeof window === 'undefined';
-export function getStorage(key, defaultValue) {
-    if (isServer) {
-        return defaultValue;
-    }
-    let value;
-    try {
-        value = localStorage.getItem(key) || undefined;
-    }
-    catch (_e) {
-        // Unsupported
-    }
-    return value || defaultValue;
-}
+const r=typeof window==="undefined";export function getStorage(n,e){if(r){return e}let t;try{t=localStorage.getItem(n)||void 0}catch(o){}return t||e}

package/dist/esm/lib/storage/index.js

@@ -1,2 +1 @@
-export * from './get-storage.js';
-export * from './get-storage-object.js';
+export*from"./get-storage.js";export*from"./get-storage-object.js";

package/dist/esm/lib/typography.js

@@ -1,31 +1 @@
-/**
- * THE canonical quiet-label voice: sentence-case, one step down in size,
- * medium weight, muted ink. Used by column heads, panel headings, key/value
- * labels, captions — anywhere the console needs a quiet label.
- *
- * This is product-console's table-head voice, copied rather than invented. The
- * kit's own `TableHead` paints `text-muted-foreground … font-medium` inside a
- * `text-sm` `Table` (`components/ui/table/index.tsx:20,90`), and
- * product-console renders every data table through that primitive
- * (`src/components/table/data-table.tsx:14`). It replaced the retired "Ledger"
- * voice — `text-[11px] uppercase tracking-[0.08em]` — which shouted a register
- * no sibling console speaks.
- *
- * Do NOT re-state the cluster by hand; compose extra classes via
- * `cn(LABEL_VOICE_CLASS, ...)`.
- */
-export const LABEL_VOICE_CLASS = 'text-sm font-medium text-muted-foreground';
-/**
- * Alias of {@link LABEL_VOICE_CLASS} for section headings. Kept as a distinct
- * name so section-level headings can diverge later without touching every
- * quiet-label call site.
- *
- * It stays an alias on purpose. product-console's panel/section TITLE voice is
- * `text-muted-foreground text-lg font-medium` (`EntityBoxHeaderTitle`,
- * `components/entity-box/index.tsx:108`) — but that voice already ships as a
- * component, and every live `SectionLabel` call site is a caption or a small
- * heading (a stat-card label, an inline rate label), not an EntityBox-scale
- * panel title. Promoting this constant to `text-lg` would duplicate a voice the
- * kit already owns and inflate those captions.
- */
-export const SECTION_LABEL_CLASS = LABEL_VOICE_CLASS;
+export const LABEL_VOICE_CLASS="text-sm font-medium text-muted-foreground";export const SECTION_LABEL_CLASS=LABEL_VOICE_CLASS;

package/dist/esm/lib/utils.js

@@ -1,41 +1 @@
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-/**
- * The kit's button variants are component classes in `@layer components`, not
- * Tailwind utilities, so stock tailwind-merge has no group for them: it kept
- * `button-primary button-destructive` together and let stylesheet source order
- * pick the winner. Declaring the group makes the last one win, like every other
- * conflict `cn` resolves.
- *
- * Variant classes only. `button-base`, `button-disabled`, `button-read-only`
- * and `button-small` compose with a variant instead of conflicting with it, so
- * they stay out of the group and are never merged away.
- */
-const twMerge = extendTailwindMerge({
-    extend: {
-        classGroups: {
-            'sindarian-button-variant': [
-                'button-plain',
-                'button-primary',
-                'button-secondary',
-                'button-tertiary',
-                'button-outline',
-                'button-link',
-                'button-destructive'
-            ]
-        }
-    }
-});
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}
-/** Wraps a Radix `onInteractOutside` so a press on a toast never dismisses the layer under it. */
-export function keepOpenOnToast(onInteractOutside) {
-    return (event) => {
-        if (event.target?.closest('[data-sonner-toaster]')) {
-            event.preventDefault();
-            return;
-        }
-        onInteractOutside?.(event);
-    };
-}
+import{clsx as r}from"clsx";import{extendTailwindMerge as e}from"tailwind-merge";const o=e({extend:{classGroups:{"sindarian-button-variant":["button-plain","button-primary","button-secondary","button-tertiary","button-outline","button-link","button-destructive"]}}});export function cn(...t){return o(r(t))}export function keepOpenOnToast(t){return n=>{if(n.target?.closest("[data-sonner-toaster]")){n.preventDefault();return}t?.(n)}}

package/dist/esm/theme/get-theme-script.js

@@ -1,41 +1 @@
-/**
- * Pre-paint theme script (FOUC guard). Returns a minified IIFE string that
- * reads the persisted preference from localStorage, resolves it the way
- * ThemeProvider does, and toggles the `.dark` class on the page root element
- * before first paint — so the page never flashes the wrong theme while React
- * hydrates. ThemeProvider owns the class from mount onward.
- *
- * The resolution mirrors ThemeProvider's exactly: an exact "dark"/"light"/
- * "system" stored value wins; anything else — absent or corrupted — falls back
- * to `defaultTheme`, which is then resolved ("dark" → dark, "light" → light,
- * "system" → the media query). Pass the SAME `defaultTheme` you give
- * ThemeProvider, or the two disagree on a first visit.
- * `get-theme-script.test.tsx` pins that agreement case by case.
- *
- * Server-safe: this module references no browser globals at module scope; the
- * returned string runs in the browser only, inside a try/catch.
- *
- * Consumer usage — inject in the page <head>, ideally as the first script:
- *
- *   <script dangerouslySetInnerHTML={{ __html: getThemeScript() }} />
- *
- * A dark-by-default app passes both arguments:
- *
- *   <script dangerouslySetInnerHTML={{ __html: getThemeScript('app.theme', 'dark') }} />
- */
-/**
- * JSON string literal with `<` escaped, so no embedded value can close the
- * inline <script> element it is written into. `<` is `<` to the JS parser,
- * so the emitted script still compares against the original text.
- */
-function jsString(value) {
-    return JSON.stringify(value).replace(/</g, '\\u003C');
-}
-export function getThemeScript(storageKey = 'sindarian.theme', defaultTheme = 'system') {
-    // The storage read gets its OWN try/catch, mirroring ThemeProvider, which
-    // isolates the same read. A browser with site data blocked throws on
-    // getItem; if that escaped to the outer catch the class would never be
-    // applied at all and a dark user would flash light before hydration.
-    // Resolution starts from defaultTheme and storage only narrows it.
-    return `(function(){try{var r=${jsString(defaultTheme)};try{var t=localStorage.getItem(${jsString(storageKey)});if(t==="dark"||t==="light"||t==="system")r=t}catch(e){}var d=r==="dark"||(r==="system"&&matchMedia("(prefers-color-scheme: dark)").matches);document.documentElement.classList.toggle("dark",d)}catch(e){}})()`;
-}
+function e(t){return JSON.stringify(t).replace(/</g,"\\u003C")}export function getThemeScript(t="sindarian.theme",r="system"){return`(function(){try{var r=${e(r)};try{var t=localStorage.getItem(${e(t)});if(t==="dark"||t==="light"||t==="system")r=t}catch(e){}var d=r==="dark"||(r==="system"&&matchMedia("(prefers-color-scheme: dark)").matches);document.documentElement.classList.toggle("dark",d)}catch(e){}})()`}

package/dist/esm/theme/index.js

@@ -1,4 +1 @@
-// Owned by lane theme-toasts-charts — see docs/plans/2026-08-26-sindarian-x-retirement/
-export { ThemeProvider, useTheme } from './theme-provider.js';
-export { getThemeScript } from './get-theme-script.js';
-export { ModeToggle } from './mode-toggle.js';
+export{ThemeProvider,useTheme}from"./theme-provider.js";export{getThemeScript}from"./get-theme-script.js";export{ModeToggle}from"./mode-toggle.js";