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

package/dist/enterprise/data-table/column-size.js

@@ -1,103 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UNSIZED_DEFAULT_COLUMN = void 0;
-exports.readDeclaredColumnSize = readDeclaredColumnSize;
-exports.readDeclaredGroupSize = readDeclaredGroupSize;
-exports.readPreferredColumnSize = readPreferredColumnSize;
-/**
- * The column sizing a ColumnDef actually DECLARED, or `undefined` when it
- * declared none. This is VirtualizedTable's reading: flex rows honour all
- * three, so `size`, `minSize` and `maxSize` all PIN. DataTable's `<th>`/`<td>`
- * path reads the same declaration through {@link readPreferredColumnSize},
- * which drops the ceiling CSS auto table layout cannot enforce.
- *
- * Reading the raw `columnDef` is only honest because both tables pass
- * `defaultColumn: { size: undefined, minSize: undefined, maxSize: undefined }`
- * to `useReactTable`. TanStack builds every columnDef as
- * `{ ...featureDefaults, ...table.options.defaultColumn, ...userDef }`, so
- * those three overrides blank out the `defaultColumnSizing` the ColumnSizing
- * feature would otherwise stamp on every column (150 / 20 / MAX_SAFE_INTEGER).
- * Without them a column asking for nothing reports `size: 150` and a column
- * asking for exactly 150 is indistinguishable from it. `column.getSize()` is
- * unaffected: it falls back to `defaultColumnSizing` with `??`, so column
- * offsets and the table's total size are byte-identical either way.
- *
- * Width comes from `getSize()` rather than the raw `size` so it lands already
- * clamped by the column's own min/max.
- */
-function readDeclaredColumnSize(column) {
-    const { size, minSize, maxSize } = column.columnDef;
-    const width = size === undefined ? undefined : column.getSize();
-    if (width === undefined && minSize === undefined && maxSize === undefined) {
-        return undefined;
-    }
-    return { width, minWidth: minSize, maxWidth: maxSize };
-}
-/**
- * A GROUP header cell is exactly as wide as the leaf columns it spans, so it
- * can only be pinned when every one of them is: a group whose leaves are
- * partly sized has no honest fixed width, and keeps its colSpan flex share so
- * the header rule still tracks the cells beneath it. Reading the group's own
- * ColumnDef instead would size the header against a declaration its body cells
- * never see.
- *
- * Every dimension the leaves agree on carries up, CEILING INCLUDED. This is
- * VirtualizedTable's path, where flex rows honour `maxSize` on a leaf — so a
- * group of capped leaves whose header carried no `maxWidth` was free to grow
- * past every column it names, which is the same header-vs-cells drift the
- * width sum exists to prevent. Each dimension is decided on its own: a group
- * can be uncapped and still have a floor.
- */
-function readDeclaredGroupSize(leaves) {
-    if (leaves.length === 0)
-        return undefined;
-    const sizes = leaves.map(readDeclaredColumnSize);
-    const width = sum(sizes, 'width');
-    const minWidth = sum(sizes, 'minWidth');
-    const maxWidth = sum(sizes, 'maxWidth');
-    if (width === undefined && minWidth === undefined && maxWidth === undefined) {
-        return undefined;
-    }
-    return { width, minWidth, maxWidth };
-}
-/**
- * The total of one dimension, or `undefined` unless EVERY leaf declared it. One
- * leaf short and the group has no honest total: an unsized leaf flexes, an
- * unfloored one can shrink, and an uncapped one grows without limit.
- */
-function sum(sizes, key) {
-    let total = 0;
-    for (const size of sizes) {
-        const value = size?.[key];
-        if (value === undefined)
-            return undefined;
-        total += value;
-    }
-    return total;
-}
-/**
- * The same declaration as {@link readDeclaredColumnSize}, minus `maxWidth`.
- *
- * DataTable renders real `<th>`/`<td>` under CSS AUTO table layout, where
- * Chrome and Firefox ignore `max-width` on a cell. Emitting it would advertise
- * a ceiling that never holds, so this path keeps only what the layout obeys:
- * `size` as a PREFERRED width and `minSize` as a floor. A column that must not
- * grow past a width belongs in VirtualizedTable.
- */
-function readPreferredColumnSize(column) {
-    const { width, minWidth } = readDeclaredColumnSize(column) ?? {};
-    if (width === undefined && minWidth === undefined) {
-        return undefined;
-    }
-    return { width, minWidth };
-}
-/**
- * Blanks out the `defaultColumnSizing` TanStack stamps onto every ColumnDef, so
- * `columnDef.size` / `minSize` / `maxSize` mean "the consumer asked for this"
- * and nothing else. Both tables pass it to `useReactTable`.
- */
-exports.UNSIZED_DEFAULT_COLUMN = {
-    size: undefined,
-    minSize: undefined,
-    maxSize: undefined
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.UNSIZED_DEFAULT_COLUMN=void 0;exports.readDeclaredColumnSize=readDeclaredColumnSize;exports.readDeclaredGroupSize=readDeclaredGroupSize;exports.readPreferredColumnSize=readPreferredColumnSize;function readDeclaredColumnSize(d){const{size:n,minSize:e,maxSize:t}=d.columnDef;const i=n===void 0?void 0:d.getSize();if(i===void 0&&e===void 0&&t===void 0){return void 0}return{width:i,minWidth:e,maxWidth:t}}function readDeclaredGroupSize(d){if(d.length===0)return void 0;const n=d.map(readDeclaredColumnSize);const e=sum(n,"width");const t=sum(n,"minWidth");const i=sum(n,"maxWidth");if(e===void 0&&t===void 0&&i===void 0){return void 0}return{width:e,minWidth:t,maxWidth:i}}function sum(d,n){let e=0;for(const t of d){const i=t?.[n];if(i===void 0)return void 0;e+=i}return e}function readPreferredColumnSize(d){const{width:n,minWidth:e}=readDeclaredColumnSize(d)??{};if(n===void 0&&e===void 0){return void 0}return{width:n,minWidth:e}}exports.UNSIZED_DEFAULT_COLUMN={size:void 0,minSize:void 0,maxSize:void 0};

package/dist/enterprise/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/data-table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/data-table/index.tsx"],"names":[],"mappings":"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"}

package/dist/enterprise/data-table/index.js

@@ -1,345 +1 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTable = DataTable;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * DataTable — a typed, generic wrapper over TanStack Table v8.
- *
- * Pairs with CursorPager (server-driven pagination): pass the page's `items`
- * as `data`; this component does no client-side paging or sorting by default.
- * It owns the three render states the list screens need:
- *   - loading  → header + skeleton rows
- *   - empty    → EmptyState (data resolved, zero rows)
- *   - data     → semantic table rows; cells own any links/actions
- *
- * Column heads speak the kit's LABEL_VOICE_CLASS; `headClassName` overrides it
- * per table. An optional `footer` node renders in a `tfoot` for footed totals.
- *
- * Columns are standard TanStack `ColumnDef<T>`; cells receive the row's
- * `original` value, so screens compose money / date / status cells directly in
- * their column `cell` renderers.
- *
- * Declared column sizing (see `./column-size`) does NOT mean the same thing in
- * the kit's two table paths, because their layouts differ:
- *   - DataTable renders real `<th>`/`<td>` under CSS AUTO table layout (the
- *     `Table` primitive sets no `table-fixed`). There, `size` is a PREFERRED
- *     width the browser may exceed to fit content, `minSize` acts as a floor,
- *     and `maxSize` is ignored outright — Chrome and Firefox do not apply
- *     `max-width` to table cells. A column declaring none keeps auto width.
- *   - VirtualizedTable renders flex rows, where all three PIN: `size`,
- *     `minSize` and `maxSize` are honoured exactly as declared.
- * So a column that must not grow past a width belongs in VirtualizedTable, or
- * in a cell renderer that truncates its own content.
- *
- * Row selection is opt-in and controlled: pass `enableRowSelection` plus
- * `rowSelection` / `onRowSelectionChange` (TanStack-native types). When
- * enabled, a checkbox column is prepended — header checkbox selects the
- * page (indeterminate for partial), checkbox-cell clicks never bubble to
- * row-level handlers. With the flag off (the default), nothing changes.
- *
- * Sorting is opt-in and controlled too: pass `enableSorting` plus `sorting` /
- * `onSortingChange`. Rows are never reordered client-side (`manualSorting`, no
- * sorted row model); what the flag buys is `aria-sort` on each sortable `th`.
- * With the flag off (the default), no header carries the attribute.
- *
- * Keyboard navigation is opt-in via `onRowActivate`: when present, rows get
- * a roving tabindex (Tab enters the table once at the anchor row; the next
- * Tab moves to the row's first tabbable child if it has one, otherwise out
- * of the table — no trap), ArrowUp/Down move row focus clamped to the page,
- * Home/End jump to the page edges, Enter activates the row through the
- * callback, and Space toggles selection when `enableRowSelection` is on.
- * Cmd/Ctrl+Enter opens the row's destination in a new tab when the optional
- * `rowHref` builder is provided (window.open with noopener,noreferrer);
- * without it, modified Enter stays a deliberate no-op — never a same-tab
- * activation. Keydown events originating from interactive children (links,
- * buttons, checkboxes, form fields) are never hijacked.
- */
-const react_1 = require("react");
-const react_table_1 = require("@tanstack/react-table");
-const table_1 = require("../../components/ui/table");
-const skeleton_1 = require("../../components/ui/skeleton");
-const typography_1 = require("../../lib/typography");
-const utils_1 = require("../../lib/utils");
-const empty_state_1 = require("../empty-state");
-const column_size_1 = require("./column-size");
-const SELECTION_COLUMN_ID = '__select__';
-const CHECKBOX_CLASS = 'accent-primary block size-4';
-/** Figure treatment for `meta: { numeric: true }` columns; the alignment half
- * lives in ALIGN_CELL_CLASS so `meta.align` can override one without the other. */
-const NUMERIC_FIGURE_CLASS = 'font-mono tabular-nums';
-/**
- * Body-cell alignment, one class per direction rather than a single string with
- * `text-right` baked in: an explicit `meta.align` has to beat `numeric` by
- * choosing the class, not by out-ordering it — tailwind-merge resolving two
- * conflicting alignment utilities by source order is not a contract worth
- * relying on.
- */
-const ALIGN_CELL_CLASS = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right'
-};
-/**
- * Keydown events whose target sits inside one of these are never hijacked
- * by the row-level keyboard handler — Space in a checkbox and Enter on an
- * in-cell link keep their native behavior.
- */
-const INTERACTIVE_CHILD_SELECTOR = 'a, button, input, select, textarea, [role="checkbox"]';
-/**
- * Inset focus outline for keyboard-navigable rows. Outline, not Tailwind
- * ring: ring is box-shadow, which renders unreliably on display: table-row.
- * `focus-visible`-gated, so mouse users (and visual baselines) see nothing.
- */
-const ROW_FOCUS_CLASS = 'focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring';
-function stopPropagation(event) {
-    event.stopPropagation();
-}
-/**
- * ARIA sort state for one header cell. `undefined` (attribute omitted) on a
- * column that cannot sort, which covers both sorting-off tables and columns
- * that opted out, so the attribute never claims a control the user does not
- * have.
- */
-function ariaSortFor(column) {
-    if (!column.getCanSort())
-        return undefined;
-    const sorted = column.getIsSorted();
-    if (sorted === 'asc')
-        return 'ascending';
-    if (sorted === 'desc')
-        return 'descending';
-    return 'none';
-}
-function SelectAllCheckbox({ table }) {
-    const allSelected = table.getIsAllPageRowsSelected();
-    const someSelected = table.getIsSomePageRowsSelected();
-    return ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: CHECKBOX_CLASS, "aria-label": "Select all rows on this page", checked: allSelected, ref: (el) => {
-            if (el)
-                el.indeterminate = !allSelected && someSelected;
-        }, onChange: table.getToggleAllPageRowsSelectedHandler() }));
-}
-function RowSelectionCheckbox({ row, getLabel }) {
-    return ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: CHECKBOX_CLASS, "aria-label": getLabel ? getLabel(row.original) : `Select row ${row.id}`, checked: row.getIsSelected(), disabled: !row.getCanSelect(), onChange: row.getToggleSelectedHandler() }));
-}
-function createSelectionColumn(getLabel) {
-    return {
-        id: SELECTION_COLUMN_ID,
-        header: ({ table }) => (0, jsx_runtime_1.jsx)(SelectAllCheckbox, { table: table }),
-        cell: ({ row }) => (0, jsx_runtime_1.jsx)(RowSelectionCheckbox, { row: row, getLabel: getLabel })
-    };
-}
-function DataTable({ columns, data, loading = false, skeletonRows = 8, loadingLabel = 'Loading table rows', empty, getRowId, flush = false, density = 'comfortable', enableRowSelection = false, rowSelection, onRowSelectionChange, getRowSelectionLabel, enableSorting = false, sorting, onSortingChange, columnVisibility, onColumnVisibilityChange, onRowActivate, rowHref, className, headClassName, footer }) {
-    const tableColumns = (0, react_1.useMemo)(() => enableRowSelection
-        ? [createSelectionColumn(getRowSelectionLabel), ...columns]
-        : columns, [columns, enableRowSelection, getRowSelectionLabel]);
-    const table = (0, react_table_1.useReactTable)({
-        data,
-        columns: tableColumns,
-        // Keeps `columnDef.size`/`minSize`/`maxSize` meaning "declared" — see
-        // ./column-size. `getSize()` is unaffected; it falls back to the library
-        // defaults itself.
-        defaultColumn: column_size_1.UNSIZED_DEFAULT_COLUMN,
-        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
-        getRowId,
-        enableRowSelection,
-        // Controlled-only, exactly as sindarian-x shipped it: this component holds
-        // no selection state. The `?? {}` is the JS-consumer safety net; the prop
-        // types make the TS path require the controlled pair whenever selection is
-        // enabled, so the dead-checkbox configuration is now unrepresentable.
-        onRowSelectionChange: enableRowSelection ? onRowSelectionChange : undefined,
-        // Controlled-only as well, and deliberately without `getSortedRowModel`:
-        // `manualSorting` tells TanStack the rows arrive in the order the consumer
-        // already chose, so enabling sorting changes what the header ANNOUNCES,
-        // never what the body shows.
-        manualSorting: true,
-        enableSorting,
-        onSortingChange: enableSorting ? onSortingChange : undefined,
-        // ⛔ EACH VISIBILITY ENTRY IS GUARDED ON ITS OWN PROP, NEVER ON THE OTHER.
-        //
-        // TanStack merges options as `{...defaultOptions, ...options}` and state as
-        // `{...internalState, ...options.state}`, both plain spreads — so a key
-        // present and holding `undefined` OVERWRITES what it was meant to leave
-        // alone. `onColumnVisibilityChange: undefined` replaces the feature's own
-        // `makeStateUpdater`, and `setColumnVisibility` reads
-        // `options.onColumnVisibilityChange == null ? void 0 : ...`, so it (and
-        // every `column.toggleVisibility` behind it) becomes a silent no-op.
-        // `columnVisibility: undefined` replaces the table's initial `{}`, so a
-        // consumer reading the slice gets `undefined` instead of an empty object.
-        //
-        // Guarding the UPDATER on the STATE put that `undefined` back for the
-        // union's first arm — state with no updater, which is the shipped console
-        // usage, where a separate dropdown owns the state. A table that passes
-        // neither prop is uncontrolled, exactly as before.
-        ...(onColumnVisibilityChange !== undefined && { onColumnVisibilityChange }),
-        state: {
-            rowSelection: enableRowSelection ? (rowSelection ?? {}) : undefined,
-            sorting: enableSorting ? (sorting ?? []) : undefined,
-            ...(columnVisibility !== undefined && { columnVisibility })
-        }
-    });
-    // Visible, not declared: the skeleton grid and the empty row's colSpan have
-    // to match the header the table actually rendered, and a hidden column is in
-    // `tableColumns` but in no `<th>`.
-    const colCount = table.getVisibleLeafColumns().length;
-    const dataRows = table.getRowModel().rows;
-    const rowCount = dataRows.length;
-    // Compact density overrides only THIS table's cell padding (tailwind-merge
-    // lets the later utility win over TableHead/TableCell's defaults).
-    // Comfortable passes nothing, so the default render is unchanged.
-    const compact = density === 'compact';
-    const headDensityClass = compact ? 'h-8 px-2' : undefined;
-    const cellDensityClass = compact ? 'px-2 py-1.5' : undefined;
-    // --- Roving row focus (active only when onRowActivate is provided) ---
-    const keyboardNav = onRowActivate !== undefined;
-    const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(0);
-    // ponytail: rowRefs is keyed by render index, while rows are id-keyed
-    // (`key={row.id}`). This holds only because DataTable is server-driven with
-    // no in-place client reorder, and React 19's per-render ref cleanup defuses
-    // stale entries. If client-side reorder is ever added, re-key this Map by
-    // row.id to keep focus targets aligned with their rows.
-    const rowRefs = (0, react_1.useRef)(new Map());
-    const focusWithinRef = (0, react_1.useRef)(false);
-    const containerRef = (0, react_1.useRef)(null);
-    // Render-time clamp: exactly one anchor row (tabIndex=0) even on the
-    // frame where data shrank but state has not caught up yet.
-    const anchorIndex = rowCount > 0 ? Math.min(focusedIndex, rowCount - 1) : 0;
-    // Data changes clamp the anchor but never steal focus: DOM focus moves
-    // only if focus was already inside the table and the focused row vanished
-    // (e.g. page flip removed it). Never autofocus on mount.
-    (0, react_1.useEffect)(() => {
-        if (!keyboardNav)
-            return;
-        // Clamp the focus target ONCE and drive both the state setter and the
-        // .focus() call from the same value — reading `focusedIndex` separately
-        // after the functional update would use the stale pre-clamp closure value
-        // and try to focus an unmounted row, dropping focus to <body>.
-        const max = Math.max(rowCount - 1, 0);
-        const target = Math.min(focusedIndex, max);
-        setFocusedIndex(target);
-        if (!focusWithinRef.current)
-            return;
-        const active = document.activeElement;
-        if (active && containerRef.current?.contains(active))
-            return;
-        // The target row may have unmounted on a data-shrink frame; walk down to
-        // the nearest existing lower index, falling back to the container, so
-        // focus never escapes the table.
-        for (let i = target; i >= 0; i--) {
-            const rowEl = rowRefs.current.get(i);
-            if (rowEl) {
-                rowEl.focus();
-                return;
-            }
-        }
-        containerRef.current?.focus();
-    }, [keyboardNav, rowCount, focusedIndex, data]);
-    const focusRow = (index) => {
-        rowRefs.current.get(index)?.focus();
-    };
-    const handleRowBlur = (event) => {
-        const next = event.relatedTarget;
-        if (!next || !containerRef.current?.contains(next)) {
-            focusWithinRef.current = false;
-        }
-    };
-    const handleRowKeyDown = (event, row, rowIndex) => {
-        const target = event.target;
-        if (target !== event.currentTarget &&
-            target.closest(INTERACTIVE_CHILD_SELECTOR) !== null) {
-            return;
-        }
-        switch (event.key) {
-            case 'ArrowDown':
-                event.preventDefault();
-                focusRow(Math.min(rowIndex + 1, rowCount - 1));
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                focusRow(Math.max(rowIndex - 1, 0));
-                break;
-            case 'Home':
-                event.preventDefault();
-                focusRow(0);
-                break;
-            case 'End':
-                event.preventDefault();
-                focusRow(rowCount - 1);
-                break;
-            case 'Enter':
-                // Modified Enter (Cmd/Ctrl) means "open elsewhere" — a same-tab
-                // activation would destroy the user's context. With rowHref it
-                // opens the row's destination in a new tab; without it (sheet-based
-                // tables), it stays a deliberate no-op.
-                if (event.metaKey || event.ctrlKey) {
-                    if (rowHref) {
-                        window.open(rowHref(row.original), '_blank', 'noopener,noreferrer');
-                    }
-                    break;
-                }
-                onRowActivate?.(row.original);
-                break;
-            case ' ':
-                if (enableRowSelection && row.getCanSelect()) {
-                    event.preventDefault();
-                    row.getToggleSelectedHandler()(event);
-                }
-                break;
-            default:
-                break;
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, 
-        // tabIndex={-1} (keyboard-nav only) makes the container programmatically
-        // focusable so the focus-restoration fallback can land here when every
-        // row has unmounted, keeping focus inside the table rather than on <body>.
-        tabIndex: keyboardNav ? -1 : undefined, className: (0, utils_1.cn)(!flush &&
-            'border-border bg-card text-card-foreground rounded-lg border', className), children: [(0, jsx_runtime_1.jsx)("span", { className: "sr-only", role: "status", children: loading
-                    ? loadingLabel
-                    : rowCount === 0
-                        ? 'No rows'
-                        : `${rowCount} rows` }), (0, jsx_runtime_1.jsxs)(table_1.Table, { "aria-busy": loading ? 'true' : undefined, children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: "hover:bg-transparent", children: headerGroup.headers.map((header) => {
-                                const meta = header.column.columnDef.meta;
-                                return ((0, jsx_runtime_1.jsx)(table_1.TableHead, { align: meta?.align ?? (meta?.numeric ? 'right' : undefined), "aria-sort": header.isPlaceholder
-                                        ? undefined
-                                        : ariaSortFor(header.column), 
-                                    // Only a column that DECLARED sizing gets an inline width;
-                                    // everything else keeps the auto table layout it has today.
-                                    style: (0, column_size_1.readPreferredColumnSize)(header.column), className: (0, utils_1.cn)(typography_1.LABEL_VOICE_CLASS, headDensityClass, header.column.id === SELECTION_COLUMN_ID && 'w-10', headClassName, meta?.headerClassName), children: header.isPlaceholder
-                                        ? null
-                                        : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id));
-                            }) }, headerGroup.id))) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: loading ? (Array.from({ length: skeletonRows }).map((_, rowIndex) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: "hover:bg-transparent", children: Array.from({ length: colCount }).map((__, cellIndex) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { className: cellDensityClass, children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-full max-w-[160px]" }) }, `skeleton-${rowIndex}-${cellIndex}`))) }, `skeleton-${rowIndex}`)))) : rowCount === 0 ? ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: "hover:bg-transparent", children: (0, jsx_runtime_1.jsx)(table_1.TableCell, { colSpan: colCount, className: "p-0", children: (0, jsx_runtime_1.jsx)(empty_state_1.EmptyState, { title: empty?.title ?? 'Nothing here yet', description: empty?.description, icon: empty?.icon, action: empty?.action, 
-                                    // The DataTable renders the ledger register grammar, so its
-                                    // empty surface reads as a ruled page rather than a centered
-                                    // void. Callers can still override via `empty.ruled = false`.
-                                    ruled: empty?.ruled ?? true }) }) })) : (dataRows.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { ref: keyboardNav
-                                ? (el) => {
-                                    if (el)
-                                        rowRefs.current.set(rowIndex, el);
-                                    else
-                                        rowRefs.current.delete(rowIndex);
-                                }
-                                : undefined, tabIndex: keyboardNav ? (rowIndex === anchorIndex ? 0 : -1) : undefined, onFocus: keyboardNav
-                                ? () => {
-                                    focusWithinRef.current = true;
-                                    setFocusedIndex(rowIndex);
-                                }
-                                : undefined, onBlur: keyboardNav ? handleRowBlur : undefined, onKeyDown: keyboardNav
-                                ? (event) => handleRowKeyDown(event, row, rowIndex)
-                                : undefined, className: keyboardNav ? ROW_FOCUS_CLASS : undefined, "data-state": enableRowSelection && row.getIsSelected()
-                                ? 'selected'
-                                : undefined, children: row.getVisibleCells().map((cell) => {
-                                const meta = cell.column.columnDef.meta;
-                                const content = (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext());
-                                // The column owns its `<td>`: render the consumer's cell bare.
-                                // The kit's selection column is built here and carries no
-                                // meta, so it can never take this path.
-                                if (meta?.renderOwnCell) {
-                                    return (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: content }, cell.id);
-                                }
-                                const align = meta?.align ?? (meta?.numeric ? 'right' : undefined);
-                                return ((0, jsx_runtime_1.jsx)(table_1.TableCell, { style: (0, column_size_1.readPreferredColumnSize)(cell.column), className: (0, utils_1.cn)(meta?.numeric && NUMERIC_FIGURE_CLASS, align && ALIGN_CELL_CLASS[align], cellDensityClass, cell.column.id === SELECTION_COLUMN_ID && 'w-10', meta?.className), onClick: cell.column.id === SELECTION_COLUMN_ID
-                                        ? stopPropagation
-                                        : undefined, children: content }, cell.id));
-                            }) }, row.id)))) }), footer ? (0, jsx_runtime_1.jsx)(table_1.TableFooter, { children: footer }) : null] })] }));
-}
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DataTable=DataTable;const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const react_table_1=require("@tanstack/react-table");const table_1=require("../../components/ui/table");const skeleton_1=require("../../components/ui/skeleton");const typography_1=require("../../lib/typography");const utils_1=require("../../lib/utils");const empty_state_1=require("../empty-state");const column_size_1=require("./column-size");const SELECTION_COLUMN_ID="__select__";const CHECKBOX_CLASS="accent-primary block size-4";const NUMERIC_FIGURE_CLASS="font-mono tabular-nums";const ALIGN_CELL_CLASS={left:"text-left",center:"text-center",right:"text-right"};const INTERACTIVE_CHILD_SELECTOR='a, button, input, select, textarea, [role="checkbox"]';const ROW_FOCUS_CLASS="focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring";function stopPropagation(r){r.stopPropagation()}function ariaSortFor(r){if(!r.getCanSort())return void 0;const s=r.getIsSorted();if(s==="asc")return"ascending";if(s==="desc")return"descending";return"none"}function SelectAllCheckbox({table:r}){const s=r.getIsAllPageRowsSelected();const u=r.getIsSomePageRowsSelected();return(0,jsx_runtime_1.jsx)("input",{type:"checkbox",className:CHECKBOX_CLASS,"aria-label":"Select all rows on this page",checked:s,ref:f=>{if(f)f.indeterminate=!s&&u},onChange:r.getToggleAllPageRowsSelectedHandler()})}function RowSelectionCheckbox({row:r,getLabel:s}){return(0,jsx_runtime_1.jsx)("input",{type:"checkbox",className:CHECKBOX_CLASS,"aria-label":s?s(r.original):`Select row ${r.id}`,checked:r.getIsSelected(),disabled:!r.getCanSelect(),onChange:r.getToggleSelectedHandler()})}function createSelectionColumn(r){return{id:SELECTION_COLUMN_ID,header:({table:s})=>(0,jsx_runtime_1.jsx)(SelectAllCheckbox,{table:s}),cell:({row:s})=>(0,jsx_runtime_1.jsx)(RowSelectionCheckbox,{row:s,getLabel:r})}}function DataTable({columns:r,data:s,loading:u=false,skeletonRows:f=8,loadingLabel:w="Loading table rows",empty:i,getRowId:I,flush:M=false,density:O="comfortable",enableRowSelection:l=false,rowSelection:P,onRowSelectionChange:q,getRowSelectionLabel:_,enableSorting:h=false,sorting:F,onSortingChange:H,columnVisibility:S,onColumnVisibilityChange:k,onRowActivate:N,rowHref:T,className:U,headClassName:v,footer:j}){const z=(0,react_1.useMemo)(()=>l?[createSelectionColumn(_),...r]:r,[r,l,_]);const p=(0,react_table_1.useReactTable)({data:s,columns:z,defaultColumn:column_size_1.UNSIZED_DEFAULT_COLUMN,getCoreRowModel:(0,react_table_1.getCoreRowModel)(),getRowId:I,enableRowSelection:l,onRowSelectionChange:l?q:void 0,manualSorting:true,enableSorting:h,onSortingChange:h?H:void 0,...k!==void 0&&{onColumnVisibilityChange:k},state:{rowSelection:l?P??{}:void 0,sorting:h?F??[]:void 0,...S!==void 0&&{columnVisibility:S}}});const R=p.getVisibleLeafColumns().length;const y=p.getRowModel().rows;const c=y.length;const D=O==="compact";const B=D?"h-8 px-2":void 0;const E=D?"px-2 py-1.5":void 0;const o=N!==void 0;const[x,A]=(0,react_1.useState)(0);const m=(0,react_1.useRef)(new Map);const C=(0,react_1.useRef)(false);const g=(0,react_1.useRef)(null);const K=c>0?Math.min(x,c-1):0;(0,react_1.useEffect)(()=>{if(!o)return;const t=Math.max(c-1,0);const e=Math.min(x,t);A(e);if(!C.current)return;const n=document.activeElement;if(n&&g.current?.contains(n))return;for(let a=e;a>=0;a--){const d=m.current.get(a);if(d){d.focus();return}}g.current?.focus()},[o,c,x,s]);const b=t=>{m.current.get(t)?.focus()};const $=t=>{const e=t.relatedTarget;if(!e||!g.current?.contains(e)){C.current=false}};const G=(t,e,n)=>{const a=t.target;if(a!==t.currentTarget&&a.closest(INTERACTIVE_CHILD_SELECTOR)!==null){return}switch(t.key){case"ArrowDown":t.preventDefault();b(Math.min(n+1,c-1));break;case"ArrowUp":t.preventDefault();b(Math.max(n-1,0));break;case"Home":t.preventDefault();b(0);break;case"End":t.preventDefault();b(c-1);break;case"Enter":if(t.metaKey||t.ctrlKey){if(T){window.open(T(e.original),"_blank","noopener,noreferrer")}break}N?.(e.original);break;case" ":if(l&&e.getCanSelect()){t.preventDefault();e.getToggleSelectedHandler()(t)}break;default:break}};return(0,jsx_runtime_1.jsxs)("div",{ref:g,tabIndex:o?-1:void 0,className:(0,utils_1.cn)(!M&&"border-border bg-card text-card-foreground rounded-lg border",U),children:[(0,jsx_runtime_1.jsx)("span",{className:"sr-only",role:"status",children:u?w:c===0?"No rows":`${c} rows`}),(0,jsx_runtime_1.jsxs)(table_1.Table,{"aria-busy":u?"true":void 0,children:[(0,jsx_runtime_1.jsx)(table_1.TableHeader,{children:p.getHeaderGroups().map(t=>(0,jsx_runtime_1.jsx)(table_1.TableRow,{className:"hover:bg-transparent",children:t.headers.map(e=>{const n=e.column.columnDef.meta;return(0,jsx_runtime_1.jsx)(table_1.TableHead,{align:n?.align??(n?.numeric?"right":void 0),"aria-sort":e.isPlaceholder?void 0:ariaSortFor(e.column),style:(0,column_size_1.readPreferredColumnSize)(e.column),className:(0,utils_1.cn)(typography_1.LABEL_VOICE_CLASS,B,e.column.id===SELECTION_COLUMN_ID&&"w-10",v,n?.headerClassName),children:e.isPlaceholder?null:(0,react_table_1.flexRender)(e.column.columnDef.header,e.getContext())},e.id)})},t.id))}),(0,jsx_runtime_1.jsx)(table_1.TableBody,{children:u?Array.from({length:f}).map((t,e)=>(0,jsx_runtime_1.jsx)(table_1.TableRow,{className:"hover:bg-transparent",children:Array.from({length:R}).map((n,a)=>(0,jsx_runtime_1.jsx)(table_1.TableCell,{className:E,children:(0,jsx_runtime_1.jsx)(skeleton_1.Skeleton,{className:"h-4 w-full max-w-[160px]"})},`skeleton-${e}-${a}`))},`skeleton-${e}`)):c===0?(0,jsx_runtime_1.jsx)(table_1.TableRow,{className:"hover:bg-transparent",children:(0,jsx_runtime_1.jsx)(table_1.TableCell,{colSpan:R,className:"p-0",children:(0,jsx_runtime_1.jsx)(empty_state_1.EmptyState,{title:i?.title??"Nothing here yet",titleAs:i?.titleAs,description:i?.description,icon:i?.icon,action:i?.action,ruled:i?.ruled??true})})}):y.map((t,e)=>(0,jsx_runtime_1.jsx)(table_1.TableRow,{ref:o?n=>{if(n)m.current.set(e,n);else m.current.delete(e)}:void 0,tabIndex:o?e===K?0:-1:void 0,onFocus:o?()=>{C.current=true;A(e)}:void 0,onBlur:o?$:void 0,onKeyDown:o?n=>G(n,t,e):void 0,className:o?ROW_FOCUS_CLASS:void 0,"data-state":l&&t.getIsSelected()?"selected":void 0,children:t.getVisibleCells().map(n=>{const a=n.column.columnDef.meta;const d=(0,react_table_1.flexRender)(n.column.columnDef.cell,n.getContext());if(a?.renderOwnCell){return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:d},n.id)}const L=a?.align??(a?.numeric?"right":void 0);return(0,jsx_runtime_1.jsx)(table_1.TableCell,{style:(0,column_size_1.readPreferredColumnSize)(n.column),className:(0,utils_1.cn)(a?.numeric&&NUMERIC_FIGURE_CLASS,L&&ALIGN_CELL_CLASS[L],E,n.column.id===SELECTION_COLUMN_ID&&"w-10",a?.className),onClick:n.column.id===SELECTION_COLUMN_ID?stopPropagation:void 0,children:d},n.id)})},t.id))}),j?(0,jsx_runtime_1.jsx)(table_1.TableFooter,{children:j}):null]})]})}

package/dist/enterprise/date-range-picker/index.js

@@ -1,115 +1 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = DateRangePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * DateRangePicker — a two-segment popover range control.
- *
- * Two labelled trigger segments (from / to) each open the SAME two-month
- * react-day-picker range calendar over the same range selection. The external
- * contract is plain YYYY-MM-DD strings (empty string = unset) so state shapes
- * that speak `date_from`/`date_to` stay untouched. The picker guarantees
- * from <= to (react-day-picker reorders inverted picks);
- * aria-invalid/aria-describedby pass-throughs keep external validation wiring
- * alive. i18n is via plain string/locale props.
- *
- * ONE POPOVER ROOT PER SEGMENT, deliberately. A single `Popover.Root` holds ONE
- * trigger ref and ONE open state, so wrapping the whole two-button row in a
- * single `PopoverTrigger asChild` put Radix's dialog attributes
- * (`aria-haspopup`, `aria-expanded`, `aria-controls`) on a plain, non-focusable
- * `div` — an aria-allowed-attr violation, two buttons advertising the same
- * expanded state, and focus that Radix could drop on `document.body` when the
- * popover closed. Each segment is now a real `PopoverTrigger` button: focusable,
- * correctly named, and the element Radix returns focus to on dismissal.
- */
-const react_1 = require("react");
-const lucide_react_1 = require("lucide-react");
-const locale_1 = require("react-day-picker/locale");
-const button_1 = require("../../components/ui/button");
-const calendar_1 = require("../../components/ui/calendar");
-const label_1 = require("../../components/ui/label");
-const popover_1 = require("../../components/ui/popover");
-const utils_1 = require("../../lib/utils");
-/** Leading YYYY-MM-DD of an ISO date (or date-time) string. */
-const ISO_DAY = /^(\d{4})-(\d{2})-(\d{2})/;
-/**
- * Parse a YYYY-MM-DD day into a LOCAL-midnight Date — the calendar works in
- * local time, so building from parts avoids the UTC shift `new Date(string)`
- * applies to date-only input (which can land the picker a day early).
- * Rejects impossible calendar days (e.g. 2024-02-31, which would roll over).
- */
-function parseDay(value) {
-    const match = ISO_DAY.exec(value);
-    if (!match)
-        return undefined;
-    const year = Number(match[1]);
-    const month = Number(match[2]);
-    const day = Number(match[3]);
-    const parsed = new Date(year, month - 1, day);
-    return parsed.getFullYear() === year &&
-        parsed.getMonth() === month - 1 &&
-        parsed.getDate() === day
-        ? parsed
-        : undefined;
-}
-/** Format a Date back to YYYY-MM-DD in LOCAL time (never via toISOString). */
-function toDayString(value) {
-    if (!value)
-        return '';
-    const year = String(value.getFullYear()).padStart(4, '0');
-    const month = String(value.getMonth() + 1).padStart(2, '0');
-    const day = String(value.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
-}
-function DateRangePicker({ value, onValueChange, fromId, toId, fromLabel, toLabel, invalid = false, required = false, errorId, placeholder = 'Any date', ariaLabel = 'Select date range', clearLabel = 'Clear', locale = locale_1.enUS, disabled = false }) {
-    // Which segment's popover is open, if any. One root per segment means one open
-    // state per segment; holding the identity of the open one here keeps them
-    // mutually exclusive, so clicking "to" while "from" is open swaps the anchor
-    // instead of stacking two calendars.
-    const [openSegment, setOpenSegment] = (0, react_1.useState)(null);
-    // Suspending the control must FORGET which segment was open, not just hide
-    // it. The `open` prop below already shuts the popover in the same frame
-    // `disabled` flips, but a controlled Radix root never calls `onOpenChange`
-    // for a prop-driven close, so the identity survived: lifting `disabled`
-    // re-satisfied the same condition and the portaled calendar reopened with no
-    // user gesture, pulling focus into it.
-    (0, react_1.useEffect)(() => {
-        if (disabled)
-            setOpenSegment(null);
-    }, [disabled]);
-    const fromDate = parseDay(value.from);
-    const toDate = parseDay(value.to);
-    const selected = fromDate || toDate ? { from: fromDate, to: toDate } : undefined;
-    // Derived from the RAW strings, not the parsed dates: a value the calendar
-    // cannot parse still needs to be clearable, and gating Clear on `fromDate`
-    // would strand the field holding text the user can no longer remove.
-    const hasValue = value.from !== '' || value.to !== '';
-    const onSelect = (range) => {
-        onValueChange({
-            from: toDayString(range?.from),
-            to: toDayString(range?.to)
-        });
-    };
-    const triggerClass = (0, utils_1.cn)(
-    // border-input-border, not border-input: `--input` is a SURFACE token and
-    // is white in the light theme, so the trigger had no visible edge next to
-    // the Input and Select it sits with. font-sans, not font-mono: the dates are
-    // figures in the body face with tabular figures, like every other figure in
-    // the console.
-    'border-input-border bg-card hover:bg-secondary focus-visible:ring-ring flex h-9 items-center gap-2 rounded-md border px-3 text-left font-sans text-sm tabular-nums transition-colors duration-150 ease-out focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-none sm:w-40', invalid && 'border-destructive', 
-    // Conditional rather than `disabled:` variants, matching how this file
-    // already applies `border-destructive`: with the prop absent the class
-    // string stays byte-identical to what consumers render today.
-    disabled && 'cursor-not-allowed opacity-50');
-    // The one calendar, rendered inside whichever segment's popover is open. Both
-    // segments read and write the SAME range selection, so which one you opened
-    // changes only the anchor, never the state.
-    const calendar = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "range", numberOfMonths: 2, defaultMonth: fromDate ?? toDate ?? new Date(), selected: selected, onSelect: onSelect, locale: locale }), (0, jsx_runtime_1.jsx)("div", { className: "border-border flex items-center justify-end border-t px-3 py-2", children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "plain", size: "small", disabled: !hasValue, onClick: () => onValueChange({ from: '', to: '' }), children: clearLabel }) })] }));
-    const renderSegment = (segment, id, label, dateValue) => ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { 
-        // A disabled trigger cannot open a popover, but a surface that suspends
-        // itself WHILE one is open (a filter bar flipping to "show all") would
-        // otherwise leave the portaled calendar on screen with no way back to it.
-        open: !disabled && openSegment === segment, onOpenChange: (next) => setOpenSegment(next ? segment : null), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1.5", children: [(0, jsx_runtime_1.jsxs)(label_1.Label, { htmlFor: id, children: [label, required ? ' *' : ''] }), (0, jsx_runtime_1.jsxs)(popover_1.PopoverTrigger, { type: "button", id: id, className: triggerClass, disabled: disabled, "aria-invalid": invalid || undefined, "aria-describedby": invalid ? errorId : undefined, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "text-muted-foreground size-4 shrink-0", "aria-hidden": true }), dateValue ? ((0, jsx_runtime_1.jsx)("span", { children: dateValue })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground", children: placeholder }))] })] }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { align: "start", className: "w-auto p-0", "aria-label": ariaLabel, children: calendar })] }, segment));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end", children: [renderSegment('from', fromId, fromLabel, value.from), renderSegment('to', toId, toLabel, value.to)] }));
-}
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DateRangePicker=DateRangePicker;const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const lucide_react_1=require("lucide-react");const locale_1=require("react-day-picker/locale");const button_1=require("../../components/ui/button");const calendar_1=require("../../components/ui/calendar");const label_1=require("../../components/ui/label");const popover_1=require("../../components/ui/popover");const utils_1=require("../../lib/utils");const ISO_DAY=/^(\d{4})-(\d{2})-(\d{2})/;function parseDay(e){const t=ISO_DAY.exec(e);if(!t)return void 0;const r=Number(t[1]);const n=Number(t[2]);const a=Number(t[3]);const o=new Date(r,n-1,a);return o.getFullYear()===r&&o.getMonth()===n-1&&o.getDate()===a?o:void 0}function toDayString(e){if(!e)return"";const t=String(e.getFullYear()).padStart(4,"0");const r=String(e.getMonth()+1).padStart(2,"0");const n=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${n}`}function DateRangePicker({value:e,onValueChange:t,fromId:r,toId:n,fromLabel:a,toLabel:o,invalid:i=false,required:g=false,errorId:x,placeholder:b="Any date",ariaLabel:h="Select date range",clearLabel:j="Clear",locale:y=locale_1.enUS,disabled:c=false}){const[S,u]=(0,react_1.useState)(null);(0,react_1.useEffect)(()=>{if(c)u(null)},[c]);const l=parseDay(e.from);const d=parseDay(e.to);const _=l||d?{from:l,to:d}:void 0;const D=e.from!==""||e.to!=="";const N=s=>{t({from:toDayString(s?.from),to:toDayString(s?.to)})};const q=(0,utils_1.cn)("border-input-border bg-card hover:bg-secondary focus-visible:ring-ring flex h-9 items-center gap-2 rounded-md border px-3 text-left font-sans text-sm tabular-nums transition-colors duration-150 ease-out focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-none sm:w-40",i&&"border-destructive",c&&"cursor-not-allowed opacity-50");const v=(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(calendar_1.Calendar,{mode:"range",numberOfMonths:2,defaultMonth:l??d??new Date,selected:_,onSelect:N,locale:y}),(0,jsx_runtime_1.jsx)("div",{className:"border-border flex items-center justify-end border-t px-3 py-2",children:(0,jsx_runtime_1.jsx)(button_1.Button,{type:"button",variant:"plain",size:"small",disabled:!D,onClick:()=>t({from:"",to:""}),children:j})})]});const f=(s,m,w,p)=>(0,jsx_runtime_1.jsxs)(popover_1.Popover,{open:!c&&S===s,onOpenChange:C=>u(C?s:null),children:[(0,jsx_runtime_1.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,jsx_runtime_1.jsxs)(label_1.Label,{htmlFor:m,children:[w,g?" *":""]}),(0,jsx_runtime_1.jsxs)(popover_1.PopoverTrigger,{type:"button",id:m,className:q,disabled:c,"aria-invalid":i||void 0,"aria-describedby":i?x:void 0,children:[(0,jsx_runtime_1.jsx)(lucide_react_1.CalendarDays,{className:"text-muted-foreground size-4 shrink-0","aria-hidden":true}),p?(0,jsx_runtime_1.jsx)("span",{children:p}):(0,jsx_runtime_1.jsx)("span",{className:"text-muted-foreground",children:b})]})]}),(0,jsx_runtime_1.jsx)(popover_1.PopoverContent,{align:"start",className:"w-auto p-0","aria-label":h,children:v})]},s);return(0,jsx_runtime_1.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-end",children:[f("from",r,a,e.from),f("to",n,o,e.to)]})}

package/dist/enterprise/detail-panel/index.js

@@ -1,20 +1 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DetailPanel = DetailPanel;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const sheet_1 = require("../../components/ui/sheet");
-const utils_1 = require("../../lib/utils");
-/**
- * The slide-over inspector. The header and footer stay pinned; only the body
- * scrolls. Sheet already renders an overlay, focus trap, and Esc/overlay
- * dismissal — we suppress its built-in corner close button (`[&>button.absolute]`)
- * and provide our own inside the header so the layout stays deliberate.
- */
-function DetailPanel({ open, onOpenChange, title, side = 'right', actions, footer, closeLabel = 'Close', children, className }) {
-    return ((0, jsx_runtime_1.jsx)(sheet_1.Sheet, { open: open, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsxs)(sheet_1.SheetContent, { side: side, className: (0, utils_1.cn)(
-            // Reset Sheet's padding/gap and hide its built-in close button; we
-            // own the three-slot layout and the header close affordance here.
-            'flex flex-col gap-0 overflow-hidden p-0', '[&>button.absolute]:hidden', className), children: [(0, jsx_runtime_1.jsxs)("header", { className: "border-border bg-card sticky top-0 z-10 flex shrink-0 items-start justify-between gap-3 border-b px-6 py-4", children: [(0, jsx_runtime_1.jsx)(sheet_1.SheetTitle, { className: "min-w-0 flex-1 truncate text-base font-semibold tracking-tight", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex shrink-0 items-center gap-1.5", children: [actions, (0, jsx_runtime_1.jsx)(sheet_1.SheetClose, { "data-slot": "detail-panel-close", className: "ring-offset-background focus:ring-ring rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:outline-none disabled:pointer-events-none", "aria-label": closeLabel, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "size-4", "aria-hidden": true }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: (0, jsx_runtime_1.jsx)("div", { className: "px-6 py-5", children: children }) }), footer ? ((0, jsx_runtime_1.jsx)("footer", { className: "border-border bg-card sticky bottom-0 z-10 flex shrink-0 flex-col-reverse gap-2 border-t px-6 py-4 sm:flex-row sm:justify-end", children: footer })) : null] }) }));
-}
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DetailPanel=DetailPanel;const jsx_runtime_1=require("react/jsx-runtime");const lucide_react_1=require("lucide-react");const sheet_1=require("../../components/ui/sheet");const utils_1=require("../../lib/utils");function DetailPanel({open:s,onOpenChange:t,title:r,side:i="right",actions:n,footer:e,closeLabel:l="Close",children:a,className:o}){return(0,jsx_runtime_1.jsx)(sheet_1.Sheet,{open:s,onOpenChange:t,children:(0,jsx_runtime_1.jsxs)(sheet_1.SheetContent,{side:i,className:(0,utils_1.cn)("flex flex-col gap-0 overflow-hidden p-0","[&>button.absolute]:hidden",o),children:[(0,jsx_runtime_1.jsxs)("header",{className:"border-border bg-card sticky top-0 z-10 flex shrink-0 items-start justify-between gap-3 border-b px-6 py-4",children:[(0,jsx_runtime_1.jsx)(sheet_1.SheetTitle,{className:"min-w-0 flex-1 truncate text-base font-semibold tracking-tight",children:r}),(0,jsx_runtime_1.jsxs)("div",{className:"flex shrink-0 items-center gap-1.5",children:[n,(0,jsx_runtime_1.jsx)(sheet_1.SheetClose,{"data-slot":"detail-panel-close",className:"ring-offset-background focus:ring-ring rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:outline-none disabled:pointer-events-none","aria-label":l,children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{className:"size-4","aria-hidden":true})})]})]}),(0,jsx_runtime_1.jsx)("div",{className:"min-h-0 flex-1 overflow-y-auto",children:(0,jsx_runtime_1.jsx)("div",{className:"px-6 py-5",children:a})}),e?(0,jsx_runtime_1.jsx)("footer",{className:"border-border bg-card sticky bottom-0 z-10 flex shrink-0 flex-col-reverse gap-2 border-t px-6 py-4 sm:flex-row sm:justify-end",children:e}):null]})})}