@viglet/viglet-design-system 2026.3.9 → 2026.3.11

package/dist/bento/bento-command-palette.d.ts

@@ -1,4 +1,39 @@
+import { ComponentType } from 'react';
 import { BentoNavItem } from './bento-nav';
+/** One result a product's own search returned. */
+export interface BentoCommandPaletteResult {
+    id: string;
+    /** Already the word a reader sees: the product owns these, not the bundles here. */
+    label: string;
+    description?: string;
+    icon?: ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+}
+/**
+ * A group of results the product fills for the query as typed (VDS123).
+ *
+ * The palette does not match these and never reorders them. The product asked
+ * its own source, that source ranked the answer by relevance it understands, and
+ * a substring match in the client would only undo that — which is why a consumer
+ * whose results come from an engine owning the query could not use this
+ * component at all.
+ */
+export interface BentoCommandPaletteGroup {
+    /** Heading for the group, already translated. */
+    label: string;
+    /** The answer to the current query, in the order the source gave it. */
+    items: BentoCommandPaletteResult[];
+    /**
+     * Whether the product is still resolving the query. A query that leaves the
+     * process takes time, and an empty list that is not empty yet reads as "no
+     * matches".
+     */
+    pending?: boolean;
+    /** Called with the item the reader chose; the palette closes either way. */
+    onSelect: (item: BentoCommandPaletteResult) => void;
+}
 export interface BentoCommandPaletteProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -12,17 +47,29 @@ export interface BentoCommandPaletteProps {
      * surfaces inside another's.
      */
     items: BentoNavItem[];
+    /**
+     * A second group, whose items the product supplies per query. Omit it and the
+     * palette is exactly the nav launcher it was.
+     */
+    group?: BentoCommandPaletteGroup;
+    /**
+     * The query as typed, so the product can answer it. Called on every change and
+     * once with `""` when the palette reopens, which is the moment a product drops
+     * the previous answer.
+     */
+    onQueryChange?: (query: string) => void;
 }
 /**
- * The Bento `⌘K` command palette (T549) — a keyboard-first launcher over
- * every navigable area. Built on the Radix `Dialog` primitive (zero extra
- * deps): a filter box + a flat, arrow-key-navigable result list. Migrated
- * surfaces navigate inside the bento shell; not-yet-migrated areas link out
- * to the console (marked with an external-link glyph) so the palette reaches
- * everything during the migration.
+ * The keyboard-first launcher over every surface the nav rail lists, plus any
+ * results the product supplies for the query.
+ *
+ * Built on the Radix `Dialog` primitive: a filter box and a flat result list the
+ * arrow keys move through. A surface with a bento route navigates inside the
+ * shell; one without links out, marked with an external-link glyph, so the
+ * palette reaches everything while a product migrates.
  *
- * Global open/close (⌘K / Ctrl+K) is owned by the parent shell; this
- * component only renders and drives selection while `open`.
+ * It only renders and drives selection while `open`. `useBentoShellShortcuts`
+ * opens it from the keyboard and `BentoPaletteTrigger` from the header.
  */
-export declare function BentoCommandPalette({ open, onOpenChange, items }: Readonly<BentoCommandPaletteProps>): import("react").JSX.Element;
+export declare function BentoCommandPalette({ open, onOpenChange, items, group, onQueryChange, }: Readonly<BentoCommandPaletteProps>): import("react").JSX.Element;
 //# sourceMappingURL=bento-command-palette.d.ts.map

package/dist/bento/bento-command-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bento-command-palette.d.ts","sourceRoot":"","sources":["../../src/bento/bento-command-palette.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;;;;;OAQG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,wBAAwB,CAAC,+BAsJpG"}
+{"version":3,"file":"bento-command-palette.d.ts","sourceRoot":"","sources":["../../src/bento/bento-command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhE,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7D;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;;;;;OAQG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,wBAAwB,CAAC;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AA0DD;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,aAAa,GACd,EAAE,QAAQ,CAAC,wBAAwB,CAAC,+BA8MpC"}

package/dist/bento/bento-data-table.d.ts

@@ -0,0 +1,81 @@
+import { RowData } from '@tanstack/react-table';
+import { ComponentType, ReactNode } from 'react';
+import { BentoActionTone } from './bento-actions-menu';
+export interface BentoDataTableColumn<TRow> {
+    /** Stable id, also what a layout's `hidden` list names. */
+    id: string;
+    /** The header, in the product's words, already translated. */
+    header: string;
+    /** What the cell shows. */
+    cell: (row: TRow) => ReactNode;
+    /** Given, the column sorts by this value; omitted, its header is not a sort control. */
+    sortValue?: (row: TRow) => string | number | Date | null | undefined;
+    /** The column's grid track, e.g. `"minmax(16rem, 2fr)"`. Defaults to `minmax(8rem, 1fr)`. */
+    width?: string;
+    /** `false` keeps the column out of the column picker, always shown. */
+    hideable?: boolean;
+}
+export interface BentoDataTableAction<TRow> {
+    /** Stable id for the action. */
+    id: string;
+    /** What the menu or the selection bar says, already translated. */
+    label: string;
+    icon: ComponentType<{
+        size?: number;
+    }>;
+    tone?: BentoActionTone;
+    /** Receives the one row, or every selected row. */
+    onSelect: (rows: TRow[]) => void;
+}
+/** Which columns the reader hid. The product stores it; the table only reports changes. */
+export interface BentoDataTableLayout {
+    hidden: string[];
+}
+export interface BentoDataTableProps<TRow> {
+    rows: readonly TRow[];
+    getRowId: (row: TRow) => string;
+    columns: readonly BentoDataTableColumn<TRow>[];
+    /** The table's accessible name. */
+    label: string;
+    /** How a screen reader names one row, in its checkbox and its actions menu. Defaults to its id. */
+    getRowLabel?: (row: TRow) => string;
+    /** A menu of named actions on each row. */
+    rowActions?: readonly BentoDataTableAction<TRow>[];
+    /** Given, rows are selectable, and these act on the selection from a bar above the table. */
+    selectionActions?: readonly BentoDataTableAction<TRow>[];
+    onSelectionChange?: (ids: string[]) => void;
+    /**
+     * What the rows were chosen by, such as a serialised filter. A selection holds
+     * within one scope, and a new one starts with nothing selected, so an action
+     * never lands on rows a filter has since hidden.
+     */
+    selectionScope?: string;
+    /** Controlled column layout. Omitted, the table keeps its own. */
+    layout?: BentoDataTableLayout;
+    onLayoutChange?: (layout: BentoDataTableLayout) => void;
+    /** Enter or a double click on a row. */
+    onRowOpen?: (row: TRow) => void;
+    /** Pixels per row. Rows are one height, which is what lets the table mount only the visible ones. */
+    rowHeight?: number;
+    /** The scrolling body's height in pixels. */
+    height?: number;
+    /** Shown instead of the body when there are no rows. */
+    empty?: ReactNode;
+}
+/**
+ * VDS138 — a table a curator sorts, range-selects and acts on at scale.
+ *
+ * `BentoListPage` renders tiles, which fits a dozen sites and not a folder of four
+ * thousand posts, so every console hand-rolled its lists, each with its own idea
+ * of sorting, selection and keyboard, and none with virtualization. This is the
+ * one table: rows are mounted only for the visible window, sortable headers say
+ * how they sort, a row is reachable, selectable and actionable from the keyboard
+ * (arrows, shift-arrows for a range, Space, Enter, Escape), and row actions are a
+ * menu of named items, never hover-only buttons.
+ *
+ * It holds no data and no product vocabulary: the product passes rows, columns
+ * and actions, and stores the column layout the way `BentoListPage` has it store
+ * a tile layout.
+ */
+export declare function BentoDataTable<TRow extends RowData>({ rows, getRowId, columns, label, getRowLabel, rowActions, selectionActions, onSelectionChange, selectionScope, layout, onLayoutChange, onRowOpen, rowHeight, height, empty, }: Readonly<BentoDataTableProps<TRow>>): import("react").JSX.Element;
+//# sourceMappingURL=bento-data-table.d.ts.map

package/dist/bento/bento-data-table.d.ts.map

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

package/dist/bento/bento-diff.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+/** How a field's two values are compared. */
+export type BentoDiffFieldKind = 
+/** Plain text, compared word by word. */
+"text"
+/** HTML, compared on the blocks it renders (paragraphs, headings, items), not on its markup. */
+ | "rich"
+/** Anything else, compared whole: a number, a date, a choice. */
+ | "value";
+export interface BentoDiffField {
+    id: string;
+    /** The field's name, already translated. */
+    label: string;
+    kind?: BentoDiffFieldKind;
+    /** How a `value` field shows one side. Defaults to its string form. */
+    format?: (value: unknown) => ReactNode;
+}
+/** One side of a comparison, by field id. `null` is a side that does not exist: a created or deleted item. */
+export type BentoDiffSide = Readonly<Record<string, unknown>> | null;
+export interface BentoDiffProps {
+    before: BentoDiffSide;
+    after: BentoDiffSide;
+    fields: readonly BentoDiffField[];
+    /** Open the unchanged fields instead of collapsing them. */
+    showUnchanged?: boolean;
+}
+/**
+ * VDS140 — one comparison for every place a curator compares two versions.
+ *
+ * Revision history, an agent's change under review and a translation against its
+ * source each put two versions of structured content side by side. Drawn per
+ * surface, the three would disagree about what changed and how a change reads.
+ *
+ * Field by field, from a schema the product passes: unchanged fields collapse, text
+ * is compared by word, rich text by the blocks it renders, and a side that does not
+ * exist, a page just created or just deleted, renders whole as additions or
+ * removals rather than as an empty panel. A change is named in text as well as
+ * coloured, so it reads the same without colour. It fetches nothing.
+ */
+export declare function BentoDiff({ before, after, fields, showUnchanged }: Readonly<BentoDiffProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-diff.d.ts.map

package/dist/bento/bento-diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-diff.d.ts","sourceRoot":"","sources":["../../src/bento/bento-diff.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKjD,6CAA6C;AAC7C,MAAM,MAAM,kBAAkB;AAC5B,yCAAyC;AACvC,MAAM;AACR,gGAAgG;GAC9F,MAAM;AACR,iEAAiE;GAC/D,OAAO,CAAC;AAEZ,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uEAAuE;IACvE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC;CACxC;AAED,8GAA8G;AAC9G,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,SAAS,cAAc,EAAE,CAAC;IAClC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAqB,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,+BAqFnG"}

package/dist/bento/bento-empty-state.d.ts

@@ -18,6 +18,13 @@ export interface BentoEmptyStateProps {
      * empty cell inside a mosaic (see the list-page `EmptyHintTile`).
      */
     align?: "center" | "start";
+    /**
+     * The title's heading level, one below the heading the empty state sits under:
+     * 2 under a page's hero, 3 inside a section. It is a heading in every chrome,
+     * since a styled div in one and a heading in another is a skipped level inside
+     * a shared component.
+     */
+    titleLevel?: 2 | 3 | 4;
     className?: string;
 }
 /**
@@ -31,5 +38,5 @@ export interface BentoEmptyStateProps {
  * The list mosaic's `EmptyHintTile` delegates to this component (wrapping it in
  * the grid span), so lists and standalone panels stay visually identical.
  */
-export declare function BentoEmptyState({ icon: Icon, tone, title, description, action, align, className, }: Readonly<BentoEmptyStateProps>): import("react").JSX.Element;
+export declare function BentoEmptyState({ icon: Icon, tone, title, description, action, align, titleLevel, className, }: Readonly<BentoEmptyStateProps>): import("react").JSX.Element;
 //# sourceMappingURL=bento-empty-state.d.ts.map

package/dist/bento/bento-empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bento-empty-state.d.ts","sourceRoot":"","sources":["../../src/bento/bento-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,IAAmB,EACzB,IAAe,EACf,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAgB,EAChB,SAAS,GACV,EAAE,QAAQ,CAAC,oBAAoB,CAAC,+BAyBhC"}
+{"version":3,"file":"bento-empty-state.d.ts","sourceRoot":"","sources":["../../src/bento/bento-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,IAAmB,EACzB,IAAe,EACf,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAgB,EAChB,UAAc,EACd,SAAS,GACV,EAAE,QAAQ,CAAC,oBAAoB,CAAC,+BA0BhC"}

package/dist/bento/bento-entity-shell.d.ts.map

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

package/dist/bento/bento-filter-bar.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+/** A facet whose value is one or more of a fixed set. */
+export interface BentoFilterChoiceFacet {
+    id: string;
+    kind: "choice";
+    /** The facet's name, already translated. */
+    label: string;
+    options: readonly {
+        value: string;
+        label: string;
+    }[];
+    /** More than one option at a time. Defaults to one. */
+    multiple?: boolean;
+}
+/** A facet whose value is a range of calendar dates, as `YYYY-MM-DD`. */
+export interface BentoFilterDateFacet {
+    id: string;
+    kind: "date";
+    label: string;
+}
+export type BentoFilterFacet = BentoFilterChoiceFacet | BentoFilterDateFacet;
+export interface BentoFilterDateRange {
+    from?: string;
+    to?: string;
+}
+/** Everything the bar says, as data the product can put in a URL. */
+export interface BentoFilterValue {
+    query: string;
+    /** By facet id: the chosen option values, or a date range. An absent or empty entry is no filter. */
+    facets: Record<string, readonly string[] | BentoFilterDateRange | undefined>;
+}
+export interface BentoFilterBarProps {
+    value: BentoFilterValue;
+    /** Called once per thing a reader does: a choice, a removed chip, an applied range, a pause in typing. */
+    onChange: (value: BentoFilterValue) => void;
+    facets: readonly BentoFilterFacet[];
+    /** The text field's placeholder and accessible name. */
+    queryLabel?: string;
+    /** How long typing has to pause before the query is sent, in milliseconds. */
+    queryDelay?: number;
+    /** Saved views, or anything else the product offers beside the filters. The bar stores nothing. */
+    views?: ReactNode;
+}
+export declare const EMPTY_FILTERS: BentoFilterValue;
+/**
+ * VDS139 — the query row, drawn once.
+ *
+ * A content list is filtered more than it is scrolled: drafts of one type, in one
+ * locale, changed this week. Each product composed that row itself, from a search
+ * input and whatever menus it had, so a reader learned it again per product.
+ *
+ * The bar owns no state. The product passes `value` and receives one `onChange`
+ * per action, which is what lets it mirror the filters into the URL and make a
+ * filtered view a link. A facet is declared by the product (its id, its words,
+ * its options), so the bar holds no product vocabulary. Pass the same value as a
+ * `BentoDataTable`'s `selectionScope`, and a selection never outlives the rows it
+ * was made on.
+ */
+export declare function BentoFilterBar({ value, onChange, facets, queryLabel, queryDelay, views, }: Readonly<BentoFilterBarProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-filter-bar.d.ts.map

package/dist/bento/bento-filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-filter-bar.d.ts","sourceRoot":"","sources":["../../src/bento/bento-filter-bar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,SAAS,EAA8B,MAAM,OAAO,CAAC;AAexF,yDAAyD;AACzD,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,yEAAyE;AACzE,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,oBAAoB,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,qEAAqE;AACrE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qGAAqG;IACrG,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,oBAAoB,GAAG,SAAS,CAAC,CAAC;CAC9E;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,gBAAgB,CAAC;IACxB,0GAA0G;IAC1G,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACpC,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,gBAA4C,CAAC;AAezE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAgB,EAChB,KAAK,GACN,EAAE,QAAQ,CAAC,mBAAmB,CAAC,+BA6G/B"}

package/dist/bento/bento-form-section.d.ts

@@ -16,7 +16,20 @@ export interface BentoFormSectionProps {
     children: ReactNode;
     /** Optional trailing slot in the header (badges, status pill, etc.). */
     trailing?: ReactNode;
+    /**
+     * Merged onto the frosted surface, not applied instead of it. A form written
+     * against the console's compound API reaches this through
+     * `AdaptiveSectionCard`, which used to forward it on one branch only — so a
+     * styled form lost its styling under one of the two chromes (VDS111).
+     */
+    className?: string;
 }
+/**
+ * The frosted surface itself, as a class list rather than a second copy of one.
+ * `AdaptiveSectionCard` renders a section whose header it cannot read, and a
+ * pasted class list is the one a change to this surface never reaches.
+ */
+export declare const BENTO_FORM_SURFACE = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
 /**
  * Frosted-glass section wrapper for Bento forms — the form-page
  * counterpart of `BentoTile`. Groups related fields under a tonal
@@ -27,5 +40,5 @@ export interface BentoFormSectionProps {
  * inside `children`, so existing FormField/Input/Select/Switch
  * components are reused without modification.
  */
-export declare function BentoFormSection({ icon: Icon, tone, title, description, children, trailing, as: Heading, }: Readonly<BentoFormSectionProps>): import("react").JSX.Element;
+export declare function BentoFormSection({ icon: Icon, tone, title, description, children, trailing, as: Heading, className, }: Readonly<BentoFormSectionProps>): import("react").JSX.Element;
 //# sourceMappingURL=bento-form-section.d.ts.map

package/dist/bento/bento-form-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bento-form-section.d.ts","sourceRoot":"","sources":["../../src/bento/bento-form-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,EAAE,EAAE,OAAc,GACnB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,+BAoBjC"}
+{"version":3,"file":"bento-form-section.d.ts","sourceRoot":"","sources":["../../src/bento/bento-form-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,+FAC+D,CAAC;AAE/F;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,EAAE,EAAE,OAAc,EAClB,SAAS,GACV,EAAE,QAAQ,CAAC,qBAAqB,CAAC,+BAoBjC"}

package/dist/bento/bento-inline-edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bento-inline-edit.d.ts","sourceRoot":"","sources":["../../src/bento/bento-inline-edit.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2JAA2J;IAC3J,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,SAAiB,EACjB,WAAW,EACX,SAAc,EACd,SAAS,EACT,SAAiB,EACjB,QAAgB,EAChB,cAAsB,GACvB,EAAE,QAAQ,CAAC,oBAAoB,CAAC,+BAkKhC"}
+{"version":3,"file":"bento-inline-edit.d.ts","sourceRoot":"","sources":["../../src/bento/bento-inline-edit.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2JAA2J;IAC3J,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAiB,EACjB,QAAgB,EAChB,cAAsB,GACvB,EAAE,QAAQ,CAAC,oBAAoB,CAAC,+BAoMhC"}

package/dist/bento/bento-nav-rail.d.ts

@@ -1,17 +1,4 @@
 import { BentoNavGroup } from './bento-nav';
-/**
- * The persistent Bento navigation rail (T549, restructured in T573) — a slim,
- * fixed, frosted icon strip on the left (desktop only). It lists **Home + the
- * three section hubs** (Generative AI · Enterprise Search · Management), never
- * the ~22 leaf surfaces. That keeps the rail at a fixed, small height no matter
- * how many surfaces migrate, so it can never overflow the viewport the way the
- * flat console sidebar did. Each hub opens an area page that groups every
- * surface of that section as a bento mosaic; individual surfaces are reached
- * from the hub or jumped to directly via the `⌘K` command palette.
- *
- * Hidden below `md` — on mobile the header's command button + global `⌘K`
- * provide navigation without the rail eating horizontal space.
- */
 export interface BentoNavRailProps {
     /**
      * The sections a product decided this reader may see, already filtered.
@@ -28,5 +15,18 @@ export interface BentoNavRailProps {
     /** Label for the Home button. Defaults to the `home.title` translation. */
     homeLabel?: string;
 }
+/**
+ * The fixed icon rail down the left edge, with Home and one link per section hub
+ * and never the leaf surfaces.
+ *
+ * Listing hubs rather than surfaces keeps the rail a fixed, small height however
+ * many surfaces a product has, so it cannot overflow the viewport the way a flat
+ * console sidebar did. Each hub opens its section's area, where the surfaces sit
+ * as a bento mosaic, and a surface is reached from there or from the command
+ * palette. `BentoShell` takes it as `rail` and reserves its gutter.
+ *
+ * Hidden below `md`, where the header's palette trigger and the global shortcut
+ * navigate instead. The console era's collapsible `Sidebar` is not for a bento page.
+ */
 export declare function BentoNavRail({ groups, homeRoute, homeAliases, homeLabel, }: Readonly<BentoNavRailProps>): import("react").JSX.Element;
 //# sourceMappingURL=bento-nav-rail.d.ts.map

package/dist/bento/bento-nav-rail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bento-nav-rail.d.ts","sourceRoot":"","sources":["../../src/bento/bento-nav-rail.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAiBjD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BAqC7B"}
+{"version":3,"file":"bento-nav-rail.d.ts","sourceRoot":"","sources":["../../src/bento/bento-nav-rail.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAC;AAmClE,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BA4C7B"}

package/dist/bento/bento-nav.d.ts

@@ -25,11 +25,19 @@ import { BentoTone } from './bento-tones';
 export type BentoNavSectionId = string;
 export interface BentoNavSection {
     id: BentoNavSectionId;
-    /** i18n key for the section label. A section with none renders unlabelled. */
+    /**
+     * i18n key for the section label. A section with none is named by its
+     * {@link BentoNavSection.id} on the nav rail, where the link is an icon and
+     * has nothing else to announce.
+     */
     labelKey?: string;
     /** i18n key for the section description, shown on a hub. */
     descriptionKey?: string;
-    /** Icon shown for this section on the nav rail. */
+    /**
+     * Icon shown for this section on the nav rail. A section with none still
+     * appears there — the rail draws a grid, for the mosaic its hub renders —
+     * because the route is what the rail exists to reach.
+     */
     icon?: TablerIcon;
     /**
      * The section's hub page. The rail links here and the hub renders every

package/dist/bento/bento-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bento-nav.d.ts","sourceRoot":"","sources":["../../src/bento/bento-nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,4EAA4E;AAC5E,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,iBAAiB,CAAC;IACtB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,+BAA+B;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,qEAAqE;AACrE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAEzD"}
+{"version":3,"file":"bento-nav.d.ts","sourceRoot":"","sources":["../../src/bento/bento-nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,4EAA4E;AAC5E,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,iBAAiB,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,+BAA+B;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,qEAAqE;AACrE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAEzD"}

package/dist/bento/bento-palette-trigger.d.ts

@@ -0,0 +1,18 @@
+export interface BentoPaletteTriggerProps {
+    /** Open the palette: the same state `useBentoShellShortcuts` toggles. */
+    onClick: () => void;
+    /** Detected from the platform when omitted. */
+    isMac?: boolean;
+    className?: string;
+}
+/**
+ * VDS149 — the palette trigger BENTO-AUTHORING puts in the header's leading set,
+ * with the platform's own hint: ⌘K on macOS, Ctrl K everywhere else. A bare ⌘K
+ * on Windows sends a reader to a key that is not there.
+ *
+ * On a phone the rail is hidden and this is the way to a deep area, so the word
+ * stays in the accessible name at every width and only its glyph shows. The hint
+ * comes from the binding set, so it cannot name a key the hook does not bind.
+ */
+export declare function BentoPaletteTrigger({ onClick, isMac, className }: Readonly<BentoPaletteTriggerProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-palette-trigger.d.ts.map

package/dist/bento/bento-palette-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-palette-trigger.d.ts","sourceRoot":"","sources":["../../src/bento/bento-palette-trigger.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,wBAAwB;IACvC,yEAAyE;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,KAAuB,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,wBAAwB,CAAC,+BA6BtH"}

package/dist/bento/bento-section-chrome.d.ts

@@ -1,56 +1,36 @@
 import { ReactNode } from 'react';
 import { ColorVariant } from '../components/ui/section-card';
-/**
- * Which chrome a section renders in. `console` is the default, so a form that
- * knows nothing about this behaves exactly as it always did.
- */
-export type SectionChrome = "console" | "bento";
-/**
- * Declare the chrome for everything beneath it.
- *
- * This is what lets one form live in two consoles at once. A product migrating
- * behind a parallel route has its largest forms — a post editor, a site editor —
- * rendered in both eras for the length of the migration, and the alternative to
- * this is forking them: two copies of real field logic, drifting.
- *
- * ```tsx
- * <SectionCardChromeProvider chrome="bento">
- *   <MySharedForm />
- * </SectionCardChromeProvider>
- * ```
- */
-export declare function SectionCardChromeProvider({ chrome, children, }: Readonly<{
-    chrome: SectionChrome;
-    children: ReactNode;
-}>): import("react").JSX.Element;
-/**
- * The chrome the nearest provider declared.
- *
- * A shared section reads this to drop layout its other chrome imposes — the
- * console's narrow centred column has no business inside a full-width shell.
- */
-export declare function useSectionChrome(): SectionChrome;
 export interface AdaptiveSectionCardProps {
     variant?: ColorVariant;
-    /** Console chrome only — the frosted section does not collapse. */
-    defaultOpen?: boolean;
+    /**
+     * Merged onto the frosted surface rather than replacing it. This was the prop
+     * the chrome switch used to drop on one of its two branches, so a form styled
+     * through the wrapper lost that styling under the very chrome the wrapper
+     * existed to hide (VDS111); it is asserted on both paths below for that reason.
+     */
     className?: string;
     children?: ReactNode;
 }
 /**
- * A `SectionCard` that renders as a frosted {@link BentoFormSection} under a
- * `bento` {@link SectionCardChromeProvider}, and as the console's collapsible
- * card everywhere else. Import it aliased where you want a drop-in:
+ * A `SectionCard`'s markup rendered as a frosted {@link BentoFormSection}.
+ * Import it aliased where you want a drop-in:
  *
  * ```tsx
  * import { AdaptiveSectionCard as SectionCard } from "@viglet/viglet-design-system/bento"
  * ```
  *
- * The compound markup does not change. In bento chrome it reads the icon, title
- * and description off the `Header` (or `StaticHeader`) child and the fields off
- * the `Content` child, so a form is written once and neither copy of it drifts.
+ * It reads the icon, title and description off the `Header` (or `StaticHeader`)
+ * child and unwraps the `Content` child, so a form written against the console's
+ * compound API renders in the bento language without being rewritten. Every
+ * other child renders where it was written. That compound API is the whole
+ * difference from `BentoFormSection`, which takes the same three as props.
+ *
+ * It used to pick between two chromes off a provider, which is what let one form
+ * live in two consoles at once while a product migrated behind a parallel route.
+ * Every consumer finished that migration (VDS147), so there is one chrome left
+ * and nothing to pick between.
  */
-declare function AdaptiveSectionCard({ variant, defaultOpen, className, children, }: Readonly<AdaptiveSectionCardProps>): import("react").JSX.Element;
+declare function AdaptiveSectionCard({ variant, className, children, }: Readonly<AdaptiveSectionCardProps>): import("react").JSX.Element;
 declare namespace AdaptiveSectionCard {
     var Header: ({ icon: Icon, title, description, className }: Readonly<import("@/components/ui/section-card").HeaderProps>) => import("react").JSX.Element;
     var StaticHeader: ({ icon: Icon, title, description, className }: Readonly<import("@/components/ui/section-card").StaticHeaderProps>) => import("react").JSX.Element;

package/dist/bento/bento-section-chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bento-section-chrome.d.ts","sourceRoot":"","sources":["../../src/bento/bento-section-chrome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAK9E;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAIhD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,QAAQ,GACT,EAAE,QAAQ,CAAC;IAAE,MAAM,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,+BAI1D;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD;AAyBD,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,OAAgB,EAChB,WAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,CAAC,wBAAwB,CAAC,+BAsCpC;kBA3CQ,mBAAmB;;;;;AAiD5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"bento-section-chrome.d.ts","sourceRoot":"","sources":["../../src/bento/bento-section-chrome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxG,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AA4B9E,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,OAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,CAAC,wBAAwB,CAAC,+BA4CpC;kBAhDQ,mBAAmB;;;;;AAsD5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/bento/bento-shell-shortcuts.d.ts

@@ -0,0 +1,67 @@
+/** What a shell shortcut asks for. The product owns the open state; the hook only calls back. */
+export type BentoShellAction = "palette" | "shortcuts";
+export interface BentoShellShortcut {
+    action: BentoShellAction;
+    /** The `KeyboardEvent.key` it answers, compared case-insensitively. */
+    key: string;
+    /**
+     * Held with the platform's own modifier: ⌘ on macOS, Ctrl everywhere else,
+     * which is the one the hint shows. A chord types no character, so it answers
+     * from inside a field too; a bare key never does.
+     */
+    mod?: boolean;
+}
+/**
+ * VDS149 — the shell's one binding set, read by the hook that binds it, the
+ * dialog that lists it and the trigger that hints at it.
+ *
+ * Each product used to write its own. Two did, and they agreed on ⌘K and nothing
+ * else: one bound `?` to the guide, the other bound `/` to the palette and never
+ * bound `?`, while mounting the guide that listed `?` as global and did not list
+ * `/`. A guide to a dead key, and the real shortcut unlisted.
+ *
+ * `/` stays. It is the search key readers bring from elsewhere, the product that
+ * bound it already taught it, and a bare key costs nothing where nobody is typing,
+ * which is the only place a bare key answers.
+ */
+export declare const BENTO_SHELL_SHORTCUTS: readonly BentoShellShortcut[];
+/** macOS and iPadOS, which is where the modifier is ⌘. */
+export declare function isMacPlatform(): boolean;
+/** The keycaps a binding shows, one per `<kbd>`: `["⌘", "K"]`, `["Ctrl", "K"]`, `["/"]`. */
+export declare function bentoShortcutKeys(shortcut: BentoShellShortcut, isMac: boolean): string[];
+/**
+ * Whether a key pressed here was meant for a field: an input, a textarea, a
+ * select or anything editable. `closest` rather than `isContentEditable` alone,
+ * because a node inside an editor is editable by inheritance and not every DOM
+ * implementation computes that.
+ */
+export declare function isTypingTarget(target: EventTarget | null): boolean;
+/**
+ * The binding a keydown answers, if any.
+ *
+ * Nothing answers a key something nearer already handled, which is how an editor
+ * binding ⌘K to "insert link" keeps it, nor one mid-composition or held down. A
+ * bare key answers only outside a field and under no modifier, except AltGr,
+ * which reports Ctrl and Alt together and is how some layouts type `/` at all.
+ */
+export declare function matchShellShortcut(event: KeyboardEvent, isMac: boolean): BentoShellShortcut | undefined;
+export interface BentoShellShortcutsOptions {
+    /** Called for ⌘K or `/`. Toggle here: ⌘K pressed with the palette open is how a reader closes it. */
+    onPalette: () => void;
+    /** Called for `?`. Omit it and `?` is left alone, for a product that mounts no guide. */
+    onShortcuts?: () => void;
+    /** Detected from the platform when omitted; pass it to pin one in a test or a story. */
+    isMac?: boolean;
+}
+/**
+ * Bind the shell's shortcuts on the window, once, at the shell's root.
+ *
+ * ```tsx
+ * useBentoShellShortcuts({
+ *   onPalette: () => setPaletteOpen((open) => !open),
+ *   onShortcuts: () => setShortcutsOpen((open) => !open),
+ * })
+ * ```
+ */
+export declare function useBentoShellShortcuts({ onPalette, onShortcuts, isMac, }: Readonly<BentoShellShortcutsOptions>): void;
+//# sourceMappingURL=bento-shell-shortcuts.d.ts.map

package/dist/bento/bento-shell-shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-shell-shortcuts.d.ts","sourceRoot":"","sources":["../../src/bento/bento-shell-shortcuts.ts"],"names":[],"mappings":"AAEA,iGAAiG;AACjG,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEvD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,gBAAgB,CAAC;IACzB,uEAAuE;IACvE,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,kBAAkB,EAI7D,CAAC;AAEH,0DAA0D;AAC1D,wBAAgB,aAAa,IAAI,OAAO,CAGvC;AAED,4FAA4F;AAC5F,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAGxF;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAMlE;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,kBAAkB,GAAG,SAAS,CAYvG;AAED,MAAM,WAAW,0BAA0B;IACzC,qGAAqG;IACrG,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,WAAW,EACX,KAAuB,GACxB,EAAE,QAAQ,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAmB7C"}