@lerianstudio/sindarian-ui 2.0.0-beta.2 → 2.0.0-beta.21

package/dist/components/page/index.d.ts

@@ -1,4 +1,38 @@
 export declare function PageRoot({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 export declare function PageView({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
-export declare function PageContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export type PageContentProps = React.ComponentProps<'div'> & {
+    /**
+     * How much room the container spends on padding.
+     *
+     * `'default'` is 64px a side at every width, and it is what every consumer
+     * that does not ask for anything gets, class for class.
+     *
+     * `'compact'` adds 16px a side below `sm` (640px) and changes nothing above
+     * it. On a 390px phone the default spends 128px — a third of the screen —
+     * before the page has drawn anything: measured at 390 on ten Product Console
+     * screens across Midaz, Pix, Payments, Reporter, Tracer, Flowker and
+     * Settings, each was left with 262px of content, and the pages adding their
+     * own `px-24` inside it were down to 70px, which is where a transaction
+     * receipt's amount ran off its card.
+     *
+     * WHY `max-sm:p-4` AND NOT THE MOBILE-FIRST `p-4 sm:p-16`. A base `p-4`
+     * REPLACES `p-16` for every caller, and `sm:p-16` then re-imposes 64px at
+     * desktop on the pages that deliberately asked for something else — a
+     * full-bleed page would grow a 64px frame at 1440. `max-sm:` only ADDS a rule
+     * below `sm`, so every call site renders identically from 640px up, whatever
+     * padding it passes.
+     *
+     * HOW A CALLER OPTS OUT. Pass the phone value too: `className="p-0
+     * max-sm:p-0"`. `cn` is tailwind-merge, so the caller's `max-sm:p-0` replaces
+     * this rule rather than stacking with it.
+     *
+     * AND AN AXIS PADDING HAS TO REPEAT ITSELF: `className="px-6 max-sm:px-6"`,
+     * never `px-6` alone. tailwind-merge does not treat `max-sm:p-4` and `px-6`
+     * as the same group, so it drops neither, and CSS then gives the media-query
+     * rule the last word — a lone `px-6` is silently 16px on both axes on a
+     * phone.
+     */
+    padding?: 'default' | 'compact';
+};
+export declare function PageContent({ className, padding, ...props }: PageContentProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW5E;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ5E;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW5E;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ5E;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAelB"}

package/dist/components/page/index.js

@@ -11,6 +11,10 @@ function PageRoot({ className, ...props }) {
 function PageView({ className, ...props }) {
     return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-view", className: (0, utils_1.cn)('flex min-h-0 flex-1', className), ...props }));
 }
-function PageContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-content", className: (0, utils_1.cn)('flex grow flex-col overflow-y-auto p-16', className), ...props }));
+function PageContent({ className, padding = 'default', ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-content", 
+        // Order is the contract, not a style: `className` last is what lets a
+        // caller's `p-0` beat `p-16` and a caller's `max-sm:p-0` replace the
+        // compact rule instead of stacking with it.
+        className: (0, utils_1.cn)('flex grow flex-col overflow-y-auto p-16', padding === 'compact' && 'max-sm:p-4', className), ...props }));
 }

package/dist/components/page-header/index.js

@@ -76,5 +76,5 @@ function PageHeaderCollapsibleInfoTrigger({ question }) {
     return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-collapsible-info-trigger", children: (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "link", className: "flex gap-2 pr-0", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-foreground text-sm font-medium", children: question }), (0, jsx_runtime_1.jsx)(lucide_react_1.HelpCircle, { className: "h-4 w-4" })] }) }) }));
 }
 function PageHeaderCollapsibleInfo({ question, answer, seeMore, href }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-collapsible-info", children: (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mt-12 flex grow flex-col gap-3 pr-6", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-foreground text-xl font-bold", children: question }), (0, jsx_runtime_1.jsxs)("p", { className: "text-shadcn-500 text-sm leading-relaxed font-medium", children: [answer, seeMore && href && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [' ', (0, jsx_runtime_1.jsxs)("a", { target: "_blank", rel: "noopener noreferrer", href: href, className: "text-muted-foreground font-medium", children: [(0, jsx_runtime_1.jsx)("span", { className: "underline underline-offset-4", children: seeMore }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { size: 16, className: "ml-1 inline align-middle" })] })] }))] })] }), (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "link", className: "cursor-pointer self-start", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 24, className: "text-shadcn-500" }) }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-collapsible-info", children: (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mt-12 flex grow flex-col gap-3 pr-6", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-foreground text-xl font-bold", children: question }), (0, jsx_runtime_1.jsxs)("p", { className: "text-muted-foreground text-sm leading-relaxed font-medium", children: [answer, seeMore && href && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [' ', (0, jsx_runtime_1.jsxs)("a", { target: "_blank", rel: "noopener noreferrer", href: href, className: "text-muted-foreground font-medium", children: [(0, jsx_runtime_1.jsx)("span", { className: "underline underline-offset-4", children: seeMore }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { size: 16, className: "ml-1 inline align-middle" })] })] }))] })] }), (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "link", className: "cursor-pointer self-start", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 24, className: "text-muted-foreground" }) }) })] }) }) }));
 }

package/dist/components/table/id-table-cell.d.ts

@@ -2,6 +2,18 @@ import { TableCell } from '../../components/ui/table';
 export type IdTableCellProps = Omit<React.ComponentProps<typeof TableCell>, 'onCopy'> & {
     id?: string;
     onCopy?: (id: string) => void;
+    /** Characters kept from the start of the id. */
+    head?: number;
+    /** Characters kept from the end of the id. */
+    tail?: number;
+    /**
+     * Accessible name for the copy button. Override for localization; the kit
+     * ships no i18n. The id is deliberately NOT interpolated into it — a column
+     * of thirty rows would announce thirty different names for the same action,
+     * and the id is already the cell's text and its `title`.
+     * @defaultValue 'Copy id'
+     */
+    copyLabel?: string;
 };
-export declare const IdTableCell: ({ id, onCopy, ...others }: IdTableCellProps) => import("react").JSX.Element;
+export declare const IdTableCell: ({ id, onCopy, head, tail, copyLabel, ...others }: IdTableCellProps) => import("react").JSX.Element;
 //# sourceMappingURL=id-table-cell.d.ts.map

package/dist/components/table/id-table-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"id-table-cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/id-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGV,MAAM,uBAAuB,CAAA;AAU9B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,QAAQ,CACT,GAAG;IACF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,2BAA2B,gBAAgB,gCAqBtE,CAAA"}
+{"version":3,"file":"id-table-cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/id-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,uBAAuB,CAAA;AASnE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,QAAQ,CACT,GAAG;IACF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA6CD,eAAO,MAAM,WAAW,GAAI,kDAOzB,gBAAgB,gCAqFlB,CAAA"}

package/dist/components/table/id-table-cell.js

@@ -1,19 +1,109 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IdTableCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const table_1 = require("../../components/ui/table");
 const tooltip_1 = require("../../components/ui/tooltip");
-const truncate_js_1 = __importDefault(require("lodash/truncate.js"));
 const lucide_react_1 = require("lucide-react");
-const IdTableCell = ({ id, onCopy, ...others }) => {
-    const handleCopyToClipboard = () => {
-        navigator.clipboard.writeText(id);
-        onCopy?.(id);
+/**
+ * ⛔ TRUNCATE IN THE MIDDLE, NEVER FROM THE START.
+ *
+ * This cell renders UUIDs, and a ledger hands out long runs of them from a
+ * shared prefix — `00000000-0000-0000-0000-00000000000{1,2,3}`. Keeping the
+ * first 13 characters, which is what `truncate(id, { length: 16 })` did,
+ * rendered every one of those rows as the same string: the only part that told
+ * them apart was the part that was dropped, and the reader had to hover each
+ * row in turn to find the one they wanted.
+ *
+ * Both ends carry information — the head says which family the id belongs to,
+ * the tail says which member — so both ends stay.
+ */
+const DEFAULT_HEAD = 8;
+const DEFAULT_TAIL = 4;
+/**
+ * ⛔ A BAD LENGTH CANNOT THROW HERE. This runs in a render path, so refusing a
+ * malformed prop would unmount the whole table rather than one cell — a
+ * consumer computing `head` from data gets a broken cell, not a broken screen.
+ *
+ * `String.slice` reads a negative number as an offset from the END, so a
+ * negative `head` kept nearly the entire id and put an ellipsis in the middle
+ * of it, and `NaN` read as 0 and dropped the head — the exact failure middle
+ * truncation exists to prevent, and one character LONGER than the untruncated
+ * id. Clamped to a non-negative whole number; anything non-finite falls back
+ * to the default, which a caller passing `NaN` has already bypassed.
+ */
+function charCount(value, fallback) {
+    return Number.isFinite(value) ? Math.max(0, Math.trunc(value)) : fallback;
+}
+function truncateMiddle(id, head, tail) {
+    const start = charCount(head, DEFAULT_HEAD);
+    const end = charCount(tail, DEFAULT_TAIL);
+    // No ellipsis unless it actually saves characters: at head + tail + 1 the
+    // truncation is the same length as the id and hides a character for nothing.
+    return id.length <= start + end + 1
+        ? id
+        : `${id.slice(0, start)}…${id.slice(id.length - end)}`;
+}
+const IdTableCell = ({ id, onCopy, head = DEFAULT_HEAD, tail = DEFAULT_TAIL, copyLabel = 'Copy id', ...others }) => {
+    /**
+     * ⛔ THE COPY ACTION IS A NAMED BUTTON, NEVER A HANDLER ON THE `<td>`.
+     *
+     * On the cell it had no role, no tab stop and no accessible name: an
+     * operator who does not use a pointer could not copy an id from any table
+     * built on this kit, and a screen reader announced the cell as plain text.
+     * It also made the id column the one cell in a row-activating table that
+     * silently swallowed the click that opens the record.
+     */
+    const handleCopyToClipboard = async (event) => {
+        // A row that opens a record on click must not also open it on a copy.
+        event.stopPropagation();
+        // The same guard `CopyField` uses: an insecure context, and a browser
+        // without the API, both leave `navigator.clipboard` undefined, and the
+        // only thing this cell would otherwise do about it is throw an unhandled
+        // rejection out of a click handler. There is no input here to select as a
+        // fallback, so a silent no-op is the whole of what it can honestly offer.
+        if (!id || typeof navigator.clipboard?.writeText !== 'function') {
+            return;
+        }
+        try {
+            // The WHOLE id, never what is rendered. The cell is the only place most
+            // consoles expose it, and a truncated id pasted into a query matches
+            // nothing.
+            await navigator.clipboard.writeText(id);
+            onCopy?.(id);
+        }
+        catch {
+            // The browser refused the write: nothing reached the clipboard, so
+            // `onCopy` — which consumers hang their "copied" toast off — must not
+            // claim otherwise.
+        }
     };
-    return ((0, jsx_runtime_1.jsx)(table_1.TableCell, { onClick: handleCopyToClipboard, ...others, children: (0, jsx_runtime_1.jsxs)(table_1.TableCellWrapper, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { delayDuration: 300, children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { children: (0, truncate_js_1.default)(id, { length: 16 }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: id })] }) }), (0, jsx_runtime_1.jsx)(table_1.TableCellAction, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "size-3.5" }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(table_1.TableCell
+    // The tooltip is the styled affordance; `title` is the fallback that
+    // survives without it — a printed page, a portal that has not mounted,
+    // and the cell padding outside the trigger.
+    , { 
+        // The tooltip is the styled affordance; `title` is the fallback that
+        // survives without it — a printed page, a portal that has not mounted,
+        // and the cell padding outside the trigger.
+        title: id, ...others, children: (0, jsx_runtime_1.jsxs)(table_1.TableCellWrapper, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { delayDuration: 300, children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { children: id ? truncateMiddle(id, head, tail) : id }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: id })] }) }), id ? ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": copyLabel, onClick: handleCopyToClipboard, 
+                    // ⛔ THREE RULES HERE, AND EVERY ONE IS A WAY THE CONTROL
+                    // DISAPPEARS RATHER THAN A DECORATION.
+                    //
+                    // `focus-visible:opacity-100`: a keyboard stop the operator cannot
+                    // see is the same dead end the `<td>` handler was.
+                    //
+                    // `[@media(hover:none)]:opacity-100`: a phone or a tablet has no
+                    // pointer to hover with, so `group-hover` never fires and the only
+                    // control that copies an id stayed fully transparent — invisible
+                    // AND unexplained on the one device where the id is hardest to
+                    // read off the screen. Written as an arbitrary variant because the
+                    // kit's Tailwind theme defines no named one.
+                    //
+                    // `size-6` with `-my-0.5`: WCAG 2.5.8 wants 24×24 CSS px, and the
+                    // glyph alone is 14. The negative margin pulls the button's outer
+                    // box back to the 20px line box of the cell's `text-sm` text, so
+                    // the target grows without the row growing under it.
+                    className: "focus-visible:ring-ring -my-0.5 ml-4 inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-sm opacity-0 transition-opacity group-hover/table-cell:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:outline-none [@media(hover:none)]:opacity-100", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "size-3.5" }) })) : null] }) }));
 };
 exports.IdTableCell = IdTableCell;

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

@@ -1,3 +1,4 @@
 export * from './id-table-cell';
+export * from './locked-table-actions';
 export * from './name-table-cell';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA"}

package/dist/components/table/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./id-table-cell"), exports);
+__exportStar(require("./locked-table-actions"), exports);
 __exportStar(require("./name-table-cell"), exports);

package/dist/components/table/locked-table-actions.d.ts

@@ -1,7 +1,31 @@
 import React from 'react';
 export type LockedTableActionsProps = {
+    /** Why this record cannot be changed. It is the control's accessible name as well as the tooltip's text. */
     message: string;
     className?: string;
 };
+/**
+ * Where a row's action menu would be, on a record the ledger will not let
+ * anyone change — an external account, in double-entry terms.
+ *
+ * ⛔ THE TRIGGER IS A BUTTON. It used to be a `<div>`, so the ONLY explanation
+ * of why the menu is gone lived in a tooltip that a keyboard could not open and
+ * a screen reader had nothing to attach to: the row simply had one control
+ * fewer, unexplained.
+ *
+ * `aria-disabled`, not the `disabled` attribute: a truly disabled button takes
+ * no focus and fires no pointer events, so it would announce as unavailable and
+ * then refuse to open the tooltip that says WHY — the same dead end in a
+ * different shape. This one is reachable, announces its reason as its name,
+ * opens the tooltip on focus as well as hover, and does nothing when pressed.
+ *
+ * ⛔ DOING NOTHING TAKES A HANDLER. `aria-disabled` is a promise to the
+ * accessibility tree, not to the DOM: the press really does dispatch a click,
+ * and a click bubbles. Consumers put this where a row's action menu would be,
+ * in rows that open the record — so with no handler of its own the one control
+ * that says "you cannot change this" would open the record it refuses to
+ * change, from a pointer and, because a button turns Enter and Space into
+ * clicks, from a keyboard too.
+ */
 export declare const LockedTableActions: ({ message, className }: LockedTableActionsProps) => React.JSX.Element;
 //# sourceMappingURL=locked-table-actions.d.ts.map

package/dist/components/table/locked-table-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locked-table-actions.d.ts","sourceRoot":"","sources":["../../../src/components/table/locked-table-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,wBAGhC,uBAAuB,sBAkBzB,CAAA"}
+{"version":3,"file":"locked-table-actions.d.ts","sourceRoot":"","sources":["../../../src/components/table/locked-table-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,uBAAuB,GAAG;IACpC,4GAA4G;IAC5G,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,kBAAkB,GAAI,wBAGhC,uBAAuB,sBA6BzB,CAAA"}

package/dist/components/table/locked-table-actions.js

@@ -5,7 +5,37 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const tooltip_1 = require("../../components/ui/tooltip");
 const utils_1 = require("../../lib/utils");
+/**
+ * Where a row's action menu would be, on a record the ledger will not let
+ * anyone change — an external account, in double-entry terms.
+ *
+ * ⛔ THE TRIGGER IS A BUTTON. It used to be a `<div>`, so the ONLY explanation
+ * of why the menu is gone lived in a tooltip that a keyboard could not open and
+ * a screen reader had nothing to attach to: the row simply had one control
+ * fewer, unexplained.
+ *
+ * `aria-disabled`, not the `disabled` attribute: a truly disabled button takes
+ * no focus and fires no pointer events, so it would announce as unavailable and
+ * then refuse to open the tooltip that says WHY — the same dead end in a
+ * different shape. This one is reachable, announces its reason as its name,
+ * opens the tooltip on focus as well as hover, and does nothing when pressed.
+ *
+ * ⛔ DOING NOTHING TAKES A HANDLER. `aria-disabled` is a promise to the
+ * accessibility tree, not to the DOM: the press really does dispatch a click,
+ * and a click bubbles. Consumers put this where a row's action menu would be,
+ * in rows that open the record — so with no handler of its own the one control
+ * that says "you cannot change this" would open the record it refuses to
+ * change, from a pointer and, because a button turns Enter and Space into
+ * clicks, from a keyboard too.
+ */
 const LockedTableActions = ({ message, className }) => {
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('border-border bg-muted flex size-9 items-center justify-center rounded-md border', className), children: (0, jsx_runtime_1.jsx)(lucide_react_1.LockIcon, { size: 14, className: "text-muted-foreground" }) }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "left", children: message })] }) }));
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-disabled": "true", "aria-label": message, onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }, className: (0, utils_1.cn)('border-border bg-muted flex size-9 items-center justify-center rounded-md border', 
+                        // Reachable is half the fix: a `border` over a `bg-muted` can
+                        // swallow the browser's default outline entirely, and the other
+                        // two cells in this table carry the same ring.
+                        'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', className), children: (0, jsx_runtime_1.jsx)(lucide_react_1.LockIcon, { size: 14, className: "text-muted-foreground" }) }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "left", children: message })] }) }));
 };
 exports.LockedTableActions = LockedTableActions;

package/dist/components/table/name-table-cell.d.ts

@@ -1,6 +1,59 @@
 import { TableCell } from '../ui/table';
-export type NameTableCellProps = React.ComponentProps<typeof TableCell> & {
-    name?: string | React.ReactNode;
-};
-export declare const NameTableCell: ({ name, ...props }: NameTableCellProps) => import("react").JSX.Element;
+/** Opens the record. Lands on a real button, never on the `<td>`. */
+type OpenRecord = React.MouseEventHandler<HTMLButtonElement>;
+export type NameTableCellProps = Omit<React.ComponentProps<typeof TableCell>, 'onClick'> & 
+/**
+ * Three shapes, and the only one missing is an interactive cell that can
+ * carry no accessible name.
+ *
+ * 1. A text `name` IS the button's accessible name, so the handler is free
+ *    and `buttonLabel` merely overrides what the button announces.
+ * 2. Anything else rendered inside the button — a badge, an icon, an italic
+ *    placeholder — may carry no text at all, so it has to name its button.
+ * 3. No handler, no control: text in a table has nothing to name.
+ */
+({
+    name: string;
+    onClick?: OpenRecord;
+    buttonLabel?: string;
+} | {
+    name?: React.ReactNode;
+    onClick: OpenRecord;
+    buttonLabel: string;
+} | {
+    name?: React.ReactNode;
+    onClick?: never;
+    buttonLabel?: never;
+});
+/**
+ * The name column, which is how an operator opens a record from a list.
+ *
+ * ⛔ THE CLICK IS A BUTTON, NEVER THE `<td>`. The cell had no click prop at
+ * all, so a consumer wanting a clickable name put `onClick` on the `<td>`
+ * through the spread props: a pointer user saw an affordance under a
+ * `<p class="cursor-pointer">`, and a keyboard or screen-reader user got a
+ * table cell with no control in it — the row's only route to the record was
+ * unreachable. `onClick` is now `Omit`ed from the inherited cell props, so the
+ * `<td>` handler is unrepresentable and the compiler says so at the call site.
+ *
+ * And with no handler there is no pointer cursor: text that says it is
+ * clickable and is not is worse than plain text.
+ *
+ * ⛔ AN INTERACTIVE CELL CANNOT BE ANONYMOUS. `name` renders INSIDE the button,
+ * so whatever it renders is the button's accessible name — and a `ReactNode` is
+ * free to render no text at all, which announces as a bare "button" and leaves
+ * the row's only route to its record as unreachable as the `<td>` handler
+ * above. The props are a union rather than a comment: a text `name` names the
+ * button by itself, anything else has to pass `buttonLabel`, and a cell with no
+ * handler is exempt because it holds no control.
+ *
+ * `buttonLabel` and not an inherited `aria-label`, which the spread puts on the
+ * `<td>` — naming the CELL, never the control inside it.
+ *
+ * ⛔ AND THE UNION STILL LETS THE EMPTY STRING THROUGH, because every string
+ * type does. `name=""` satisfies the text arm and `buttonLabel="   "` satisfies
+ * the labelled one, so the last word is the component's, below.
+ */
+export declare const NameTableCell: ({ name, onClick, buttonLabel, ...props }: NameTableCellProps) => import("react").JSX.Element;
+export {};
 //# sourceMappingURL=name-table-cell.d.ts.map

package/dist/components/table/name-table-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"name-table-cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/name-table-cell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAqC,MAAM,aAAa,CAAA;AAE1E,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACxE,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oBAAoB,kBAAkB,gCAWnE,CAAA"}
+{"version":3,"file":"name-table-cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/name-table-cell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAqC,MAAM,aAAa,CAAA;AAE1E,qEAAqE;AACrE,KAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,CACV;AACC;;;;;;;;;GASG;AACH,CACI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACpE;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACnE,CAAA;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,aAAa,GAAI,0CAK3B,kBAAkB,gCAgDpB,CAAA"}

package/dist/components/table/name-table-cell.js

@@ -4,7 +4,55 @@ exports.NameTableCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const table_1 = require("../ui/table");
-const NameTableCell = ({ name, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(table_1.TableCell, { ...props, children: (0, jsx_runtime_1.jsxs)(table_1.TableCellWrapper, { children: [(0, jsx_runtime_1.jsx)("p", { className: "cursor-pointer", children: name }), (0, jsx_runtime_1.jsx)(table_1.TableCellAction, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "size-3.5" }) })] }) }));
+/**
+ * The name column, which is how an operator opens a record from a list.
+ *
+ * ⛔ THE CLICK IS A BUTTON, NEVER THE `<td>`. The cell had no click prop at
+ * all, so a consumer wanting a clickable name put `onClick` on the `<td>`
+ * through the spread props: a pointer user saw an affordance under a
+ * `<p class="cursor-pointer">`, and a keyboard or screen-reader user got a
+ * table cell with no control in it — the row's only route to the record was
+ * unreachable. `onClick` is now `Omit`ed from the inherited cell props, so the
+ * `<td>` handler is unrepresentable and the compiler says so at the call site.
+ *
+ * And with no handler there is no pointer cursor: text that says it is
+ * clickable and is not is worse than plain text.
+ *
+ * ⛔ AN INTERACTIVE CELL CANNOT BE ANONYMOUS. `name` renders INSIDE the button,
+ * so whatever it renders is the button's accessible name — and a `ReactNode` is
+ * free to render no text at all, which announces as a bare "button" and leaves
+ * the row's only route to its record as unreachable as the `<td>` handler
+ * above. The props are a union rather than a comment: a text `name` names the
+ * button by itself, anything else has to pass `buttonLabel`, and a cell with no
+ * handler is exempt because it holds no control.
+ *
+ * `buttonLabel` and not an inherited `aria-label`, which the spread puts on the
+ * `<td>` — naming the CELL, never the control inside it.
+ *
+ * ⛔ AND THE UNION STILL LETS THE EMPTY STRING THROUGH, because every string
+ * type does. `name=""` satisfies the text arm and `buttonLabel="   "` satisfies
+ * the labelled one, so the last word is the component's, below.
+ */
+const NameTableCell = ({ name, onClick, buttonLabel, ...props }) => {
+    // Whitespace names nothing. An `aria-label` of "   " is worse than none: it
+    // OVERRIDES the text inside the button, so a perfectly good name is replaced
+    // by silence. Drop it and the text content names the control again.
+    const label = buttonLabel?.trim() ? buttonLabel : undefined;
+    // Only a text `name` can name the button by itself. Any other node is opaque
+    // here — which is why the type demands a label for it in the first place.
+    const textName = typeof name === 'string' ? name.trim() : '';
+    const named = Boolean(label) || textName !== '';
+    // ⛔ AN UNNAMED BUTTON LOSES ITS HANDLER, IT DOES NOT SHIP. The two failures
+    // are not symmetric: a button announcing "" is invisible to the developer who
+    // wrote it and fatal to the operator who cannot use a mouse, while a name
+    // that does not open its record shows itself on the very first render. So the
+    // cell degrades to the plain text it can still display correctly, and says so
+    // where a developer will see it. Never throws: one nameless row must not take
+    // the whole table down.
+    if (process.env.NODE_ENV !== 'production' && onClick && !named) {
+        console.error(`NameTableCell has no accessible name: \`${typeof name === 'string' ? 'name' : 'buttonLabel'}\` is empty, so its click handler was dropped rather than render a button announcing "".`);
+    }
+    const opensRecord = onClick && named;
+    return ((0, jsx_runtime_1.jsx)(table_1.TableCell, { ...props, children: (0, jsx_runtime_1.jsxs)(table_1.TableCellWrapper, { children: [opensRecord ? ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, "aria-label": label, className: "focus-visible:ring-ring cursor-pointer rounded-sm text-left focus-visible:ring-2 focus-visible:outline-none", children: name })) : ((0, jsx_runtime_1.jsx)("p", { children: name })), (0, jsx_runtime_1.jsx)(table_1.TableCellAction, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "size-3.5" }) })] }) }));
 };
 exports.NameTableCell = NameTableCell;

package/dist/components/ui/autocomplete/index.d.ts

@@ -25,14 +25,29 @@ export type AutocompleteTriggerProps = React.ComponentProps<'div'> & {
     clearLabel?: string;
 };
 export declare function AutocompleteTrigger({ ref, className, onClear, clearLabel, children }: AutocompleteTriggerProps): React.JSX.Element;
+export declare namespace AutocompleteTrigger {
+    var displayName: string;
+}
 export declare function AutocompleteValue({ ref, className, value: valueProp, onValueChange, onBlur, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+export declare namespace AutocompleteValue {
+    var displayName: string;
+}
 export type AutocompleteMultipleValueProps = React.ComponentProps<typeof CommandPrimitive.Input> & {
     /** Accessible label for each chip's remove button, prefixed to its value. */
     clearLabel?: string;
 };
 export declare function AutocompleteMultipleValue({ ref, className, clearLabel, ...props }: AutocompleteMultipleValueProps): React.JSX.Element;
+export declare namespace AutocompleteMultipleValue {
+    var displayName: string;
+}
 export declare function AutocompleteEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element | null;
+export declare namespace AutocompleteEmpty {
+    var displayName: string;
+}
 export declare function AutocompleteLoading({ className, ref, ...props }: React.ComponentProps<typeof CommandPrimitive.Loading>): React.JSX.Element;
+export declare namespace AutocompleteLoading {
+    var displayName: string;
+}
 export declare const SIDE_OPTIONS: string[];
 type Side = (typeof SIDE_OPTIONS)[number];
 export type AutocompleteContentProps = React.ComponentProps<typeof CommandPrimitive.List> & {
@@ -41,7 +56,13 @@ export type AutocompleteContentProps = React.ComponentProps<typeof CommandPrimit
     onPointerDownOutside?: (event: MouseEvent | TouchEvent) => void;
 };
 export declare function AutocompleteContent({ className, position, side, ref, children, onMouseEnter, onMouseLeave, onPointerDownOutside, ...props }: AutocompleteContentProps): React.JSX.Element;
+export declare namespace AutocompleteContent {
+    var displayName: string;
+}
 export declare function AutocompleteGroup({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>): React.JSX.Element;
+export declare namespace AutocompleteGroup {
+    var displayName: string;
+}
 export type AutocompleteItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & {
     /** Text this option reads as wherever it is rendered outside the list (the
      *  input, a chip and its remove button). Required only when the children are
@@ -78,5 +99,8 @@ export type AutocompleteProps = Omit<React.ComponentProps<typeof CommandPrimitiv
     multiple?: boolean;
 };
 export declare function Autocomplete({ ref, value, defaultValue, onValueChange, onClear, className, open: openProp, onOpenChange, showValue, readOnly, disabled, multiple, onKeyDown, children, ...props }: AutocompleteProps): React.JSX.Element;
+export declare namespace Autocomplete {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/autocomplete/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/autocomplete/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAmB,MAAM,MAAM,CAAA;AAInE,MAAM,MAAM,uBAAuB,GACjC,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG;IAC3C,sCAAsC;IACtC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,EAAE,CAAA;IAC7B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IAEnD,2BAA2B;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACnD,CAAA;AAyCH,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,OAAO,EACP,UAAoB,EACpB,QAAQ,EACT,EAAE,wBAAwB,qBAmF1B;yBAzFe,mBAAmB;;;AA2FnC,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,qBAgErD;yBAvEe,iBAAiB;;;AAyEjC,MAAM,MAAM,8BAA8B,GAAG,KAAK,CAAC,cAAc,CAC/D,OAAO,gBAAgB,CAAC,KAAK,CAC9B,GAAG;IACF,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,GAAG,EACH,SAAS,EACT,UAAoB,EACpB,GAAG,KAAK,EACT,EAAE,8BAA8B,qBA4DhC;yBAjEe,yBAAyB;;;AAmEzC,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,4BAcrD;yBAjBe,iBAAiB;;;AAmBjC,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAcvD;yBAlBe,mBAAmB;;;AAoBnC,eAAO,MAAM,YAAY,UAAqC,CAAA;AAC9D,KAAK,IAAI,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CACzD,OAAO,gBAAgB,CAAC,IAAI,CAC7B,GAAG;IACF,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAA;CAChE,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAmB,EACnB,IAAe,EACf,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,wBAAwB,qBA8I1B;yBAxJe,mBAAmB;;;AA0JnC,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,qBAW/D;yBAde,iBAAiB;;;AAgBjC,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,gBAAgB,CAAC,IAAI,CAC7B,GAAG;IACF;;2EAEuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EAIL,KAAK,EAAE,MAAM,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAsBvB;yBA/Be,gBAAgB;;;AA4ChC;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAC7C,OAAO,GAAG,cAAc,GAAG,eAAe,CAC3C,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAEtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,KAAK,EACL,YAAY,EACZ,aAAa,EACb,OAAO,EACP,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAmInB;yBAnJe,YAAY"}

package/dist/components/ui/autocomplete/index.js

@@ -414,3 +414,27 @@ function Autocomplete({ ref, value, defaultValue, onValueChange, onClear, classN
                 onKeyDown?.(e);
             }, children: children }) }));
 }
+/**
+ * ⛔ THE REST OF THE SET, FOR THE SAME REASON AS `AutocompleteItem` ABOVE.
+ *
+ * A function component's `name` is whatever the bundler left it — one letter in
+ * a production build — so any lookup written against `child.type` needs an
+ * explicit string to compare. `AutocompleteItem` is the only part the walk
+ * reads TODAY, and it is the part that shipped an empty option registry to
+ * every consumer while it was anonymous. Naming the whole set costs a line each
+ * and removes the next instance of that defect before it is written; it also
+ * makes these parts legible in a React tree, which `MultipleSelect` next door
+ * has always done.
+ *
+ * `__tests__`-style enumeration lives in `autocomplete.test.tsx`: it reads the
+ * module's exports rather than a list, so a new part added without a name fails
+ * without anyone remembering to extend anything.
+ */
+Autocomplete.displayName = 'Autocomplete';
+AutocompleteTrigger.displayName = 'AutocompleteTrigger';
+AutocompleteValue.displayName = 'AutocompleteValue';
+AutocompleteMultipleValue.displayName = 'AutocompleteMultipleValue';
+AutocompleteContent.displayName = 'AutocompleteContent';
+AutocompleteGroup.displayName = 'AutocompleteGroup';
+AutocompleteEmpty.displayName = 'AutocompleteEmpty';
+AutocompleteLoading.displayName = 'AutocompleteLoading';

package/dist/components/ui/badge/index.d.ts

@@ -1,12 +1,5 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-/**
- * `credit` is the accounting reading of a credit amount, NOT an alias of
- * `destructive` (an error/alarm). The credit role is a tint-and-ink pair:
- * `--credit-foreground` mirrors `--credit` by contract, so the red carries the
- * role as text over a tinted surface. Do not "fix" this into a solid
- * `bg-credit` fill — that renders red-on-red and is invisible.
- */
 /**
  * `gap-1` is load-bearing, not decoration: a badge holding a label AND an
  * element child (`ID<code>ctx-123</code>`) has nothing between them otherwise —
@@ -14,6 +7,17 @@ import { type VariantProps } from 'class-variance-authority';
  * anonymous flex item — so the screen reads `IDctx-123`. Consumers were pasting
  * `className="gap-1"` per call site; `cn` runs tailwind-merge, so an explicit
  * `gap-2` still wins. Single-child badges are unaffected: gap needs two items.
+ *
+ * `whitespace-nowrap` keeps the pill a pill. `rounded-full` draws the ends as
+ * semicircles sized to ONE line box, so a label that wraps stretches those caps
+ * over two lines and the shape reads as a rounded blob, not a token. It bit a
+ * consumer table whose column was sized to its content: `min-content` on
+ * wrappable text resolves to the WIDEST WORD, so a three-word group name landed
+ * at 112px wide and 46px tall against the 26px of a single-line badge. Nowrap
+ * also pins `min-content` to the full label, which is what lets a caller cap the
+ * box with `max-w-*` plus a truncating child and get an ellipsis. A caller that
+ * genuinely wants a wrapping badge passes `whitespace-normal`; tailwind-merge
+ * lets it win.
  */
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "outline" | "destructive" | "alert" | "success" | "active" | "inactive" | "credit" | "error" | "info" | "purple" | null | undefined;

package/dist/components/ui/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE;;;;;;GAMG;AACH;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa;;;8EA6ClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACnD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAsBzE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,aAAa;;;8EAqDlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACnD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAsBzE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}