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

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

@@ -1,12 +1,105 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TableCell, TableCellAction, TableCellWrapper } from '../../components/ui/table/index.js';
+import { TableCell, TableCellWrapper } from '../../components/ui/table/index.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
-import truncate from 'lodash/truncate.js';
 import { Copy } from 'lucide-react';
-export 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)}`;
+}
+export 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 (_jsx(TableCell, { onClick: handleCopyToClipboard, ...others, children: _jsxs(TableCellWrapper, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 300, children: [_jsx(TooltipTrigger, { children: truncate(id, { length: 16 }) }), _jsx(TooltipContent, { children: id })] }) }), _jsx(TableCellAction, { children: _jsx(Copy, { className: "size-3.5" }) })] }) }));
+    return (_jsx(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: _jsxs(TableCellWrapper, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 300, children: [_jsx(TooltipTrigger, { children: id ? truncateMiddle(id, head, tail) : id }), _jsx(TooltipContent, { children: id })] }) }), id ? (_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: _jsx(Copy, { className: "size-3.5" }) })) : null] }) }));
 };

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

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

package/dist/esm/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/esm/components/table/index.js

@@ -1,2 +1,3 @@
 export * from './id-table-cell.js';
+export * from './locked-table-actions.js';
 export * from './name-table-cell.js';

package/dist/esm/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/esm/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/esm/components/table/locked-table-actions.js

@@ -2,6 +2,36 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LockIcon } from 'lucide-react';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
 import { cn } from '../../lib/utils.js';
+/**
+ * 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 const LockedTableActions = ({ message, className }) => {
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: cn('border-border bg-muted flex size-9 items-center justify-center rounded-md border', className), children: _jsx(LockIcon, { size: 14, className: "text-muted-foreground" }) }) }), _jsx(TooltipContent, { side: "left", children: message })] }) }));
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-disabled": "true", "aria-label": message, onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }, className: 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: _jsx(LockIcon, { size: 14, className: "text-muted-foreground" }) }) }), _jsx(TooltipContent, { side: "left", children: message })] }) }));
 };

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

@@ -1,6 +1,59 @@
 import { TableCell } from '../ui/table/index.js';
-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/esm/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/esm/components/table/name-table-cell.js

@@ -1,6 +1,54 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search } from 'lucide-react';
 import { TableCell, TableCellWrapper, TableCellAction } from '../ui/table/index.js';
-export const NameTableCell = ({ name, ...props }) => {
-    return (_jsx(TableCell, { ...props, children: _jsxs(TableCellWrapper, { children: [_jsx("p", { className: "cursor-pointer", children: name }), _jsx(TableCellAction, { children: _jsx(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.
+ */
+export 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 (_jsx(TableCell, { ...props, children: _jsxs(TableCellWrapper, { children: [opensRecord ? (_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 })) : (_jsx("p", { children: name })), _jsx(TableCellAction, { children: _jsx(Search, { className: "size-3.5" }) })] }) }));
 };

package/dist/esm/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/esm/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":"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"}

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

@@ -366,3 +366,27 @@ export function Autocomplete({ ref, value, defaultValue, onValueChange, onClear,
                 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/esm/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/esm/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"}

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

@@ -2,13 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils.js';
 import { Slot } from '@radix-ui/react-slot';
-/**
- * `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 —
@@ -16,8 +9,19 @@ import { Slot } from '@radix-ui/react-slot';
  * 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.
  */
-const badgeVariants = cva('inline-flex items-center gap-1 rounded-full border border-border px-2.5 py-0.5 text-sm font-medium transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+const badgeVariants = cva('inline-flex items-center gap-1 whitespace-nowrap rounded-full border border-border px-2.5 py-0.5 text-sm font-medium transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2', {
     variants: {
         variant: {
             default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
@@ -25,6 +29,14 @@ const badgeVariants = cva('inline-flex items-center gap-1 rounded-full border bo
             inactive: 'bg-muted text-foreground border-muted-foreground/40 py-[2px] px-3',
             secondary: 'border-transparent bg-muted-foreground text-white dark:text-black',
             destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+            /**
+             * 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.
+             */
             credit: 'border-credit/30 bg-credit/10 text-credit-foreground px-[10px] py-1',
             error: 'border-system-error-border bg-system-error-surface text-system-error-text px-[10px] py-1',
             success: 'border-system-success-border bg-system-success-surface text-system-success-text px-[10px] py-1',

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "plain" | "hoverLink" | "default" | "primary" | "secondary" | "tertiary" | "outline" | "link" | "destructive" | null | undefined;
+    variant?: "link" | "plain" | "hoverLink" | "default" | "primary" | "secondary" | "tertiary" | "outline" | "destructive" | null | undefined;
     fullWidth?: boolean | null | undefined;
-    size?: "default" | "small" | null | undefined;
+    size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const iconVariants: (props?: ({
     position?: "end" | "start" | "far-end" | null | undefined;
-    size?: "default" | "small" | null | undefined;
+    size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/esm/components/ui/copy-field/index.d.ts

@@ -39,6 +39,30 @@ export type CopyFieldProps = {
      * @defaultValue 'Value to copy'
      */
     valueLabel?: string;
+    /**
+     * Accessible name for the copy button. Override for localization. Defaults to
+     * English, derived from `label` when there is one.
+     * @defaultValue `Copy ${label}`, or 'Copy value' without a label
+     */
+    copyLabel?: string;
+    /**
+     * Toast text on the fallback path, when the clipboard API is unavailable or
+     * refuses the write and the value is selected for a manual Ctrl/Cmd+C
+     * instead. Override for localization. Defaults to English.
+     * @defaultValue 'Copy not available — text selected, press Ctrl/Cmd+C'
+     */
+    fallbackLabel?: string;
+    /**
+     * Renders the value in the monospace face. For identifiers, tokens and
+     * recovery codes, where character shapes must be told apart.
+     * @defaultValue false
+     */
+    mono?: boolean;
+    /**
+     * One-line hint rendered under the field and announced with the input via
+     * `aria-describedby`. Omit for no element and no attribute.
+     */
+    description?: React.ReactNode;
     /**
      * Milliseconds after a *successful* copy before the clipboard is wiped, for
      * sensitive values that shouldn't linger there (TOTP secrets, recovery
@@ -52,5 +76,5 @@ export type CopyFieldProps = {
      */
     clearClipboardAfter?: number;
 };
-export declare function CopyField({ value, label, masked, onCopyLabel, revealLabel, hideLabel, valueLabel, clearClipboardAfter }: CopyFieldProps): React.JSX.Element;
+export declare function CopyField({ value, label, masked, onCopyLabel, revealLabel, hideLabel, valueLabel, copyLabel, fallbackLabel, mono, description, clearClipboardAfter }: CopyFieldProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/copy-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/copy-field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAmCD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAc,EACd,WAAW,EACX,WAA0B,EAC1B,SAAwB,EACxB,UAA4B,EAC5B,mBAAmB,EACpB,EAAE,cAAc,qBA6JhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/copy-field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAmCD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAc,EACd,WAAW,EACX,WAA0B,EAC1B,SAAwB,EACxB,UAA4B,EAC5B,SAAS,EACT,aAAa,EACb,IAAY,EACZ,WAAW,EACX,mBAAmB,EACpB,EAAE,cAAc,qBAwLhB"}