@viglet/viglet-design-system 2026.3.2 → 2026.3.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"bento-layout.d.ts","sourceRoot":"","sources":["../../src/bento/bento-layout.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,8DAA8D;AAC9D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,wDAAwD;AACxD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,sCAAsC;AACtC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,sEAAsE;AACtE,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI7D,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,aAAa,CAIpE,CAAC;AAEF,0EAA0E;AAC1E,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,KAAK,EAAE,CAAC,EAAE,EACV,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,EAC5B,OAAO,EAAE,gBAAgB,EAAE,GAAG,SAAS,GACtC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAwBxB;AAED,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAE5F"}

package/dist/bento/bento-list-page.d.ts

@@ -0,0 +1,124 @@
+import { Icon as TablerIcon } from '@tabler/icons-react';
+import { ReactNode } from 'react';
+import { BentoEmphasis, BentoLayoutEntry, BentoLayoutResponse } from './bento-layout';
+import { BentoTone } from './bento-tones';
+export interface BentoListPageProps<T> {
+    /** Query data — `undefined` while loading (drives the LoadProvider gate). */
+    items: T[] | undefined;
+    /** Connection error message, or null. */
+    error?: string | null;
+    /** URL the LoadProvider "try again" link points at (usually the list route). */
+    tryAgainUrl: string;
+    /**
+     * Stable surface key (e.g. `"llm"`, `"aiAgent"`). When set, the list becomes
+     * **customizable** (T575): a "Customize" affordance lets the user drag-reorder
+     * tiles and set per-tile emphasis, persisted via the T574 cascade. Omit for a
+     * fixed (featured=idx0) list.
+     */
+    listId?: string;
+    /**
+     * Bespoke eyebrow content. For the common "breadcrumb back to a parent"
+     * case prefer {@link backTo} / {@link backLabel}, which render the canonical
+     * arrow+label via BentoHero. Provide at most one of `eyebrow` / `backTo`.
+     */
+    eyebrow?: ReactNode;
+    /** Canonical breadcrumb back-link target (forwarded to BentoHero). */
+    backTo?: string;
+    /** Label for the {@link backTo} back-link. */
+    backLabel?: ReactNode;
+    heroIcon: TablerIcon;
+    title: string;
+    subtitle: string;
+    /** Tone driving the hero chip + New-tile gradient. Default `indigo`. */
+    tone?: BentoTone;
+    /**
+     * Optional global action(s) rendered in a row below the hero (left-aligned,
+     * sharing the row with the "Customize" button). Use for list-scoped launch
+     * actions that aren't per-item — e.g. the persona↔persona dialogue (T585).
+     */
+    headerAction?: ReactNode;
+    newRoute: string;
+    newLabel: ReactNode;
+    newSubtitle?: ReactNode;
+    /** Hide the dashed "New" tile — e.g. a read-only BYO-infra catalog. */
+    hideNew?: boolean;
+    itemKey: (item: T) => string;
+    /** Render one item's tile at the resolved {@link BentoEmphasis} size. */
+    renderTile: (item: T, emphasis: BentoEmphasis) => ReactNode;
+    emptyTitle: string;
+    emptyDescription: string;
+    /**
+     * Persistence for the drag-reorder + resize mode. Omit it and the mosaic
+     * renders the default order with no customise affordance; `listId` alone is
+     * not enough, because there would be nowhere to write to.
+     */
+    layout?: BentoListLayout;
+}
+/**
+ * Layout persistence for a customisable mosaic, supplied by the product.
+ *
+ * Where a layout is stored is the product's business — its API, its cache, its
+ * mutation library. What the mosaic needs is the resolved layout and somewhere
+ * to send a new one, so that is all it asks for. Omit this and the list renders
+ * the built-in default order with no customise affordance, which is the right
+ * behaviour for a surface nobody has taught to remember.
+ */
+export interface BentoListLayout {
+    /** The layout already resolved for this surface. */
+    data?: BentoLayoutResponse;
+    /** Persist this order and these sizes for the current user. */
+    onSave: (entries: BentoLayoutEntry[]) => Promise<unknown> | void;
+    /** Persist as everyone's default. Omit to hide the affordance. */
+    onSaveGlobal?: (entries: BentoLayoutEntry[]) => Promise<unknown> | void;
+    /** Drop the customisation. Omit to hide the affordance. */
+    onReset?: () => Promise<unknown> | void;
+    /** A write is in flight — the panel's controls disable while true. */
+    saving?: boolean;
+}
+/**
+ * The reusable Bento list surface — the `bento-grid` mosaic with a
+ * dashed "New" tile, an empty-state hint, and per-item {@link BentoEmphasis}
+ * sizing. When a `listId` is supplied it also gains a drag-reorder + emphasis
+ * **edit mode** (T575) whose layout persists through the T574 cascade
+ * (per-user override → admin global template → featured=idx0 default). Every
+ * entity list is this component plus a `renderTile`; the common tile shape is
+ * covered by {@link BentoEntityTile}.
+ */
+export declare function BentoListPage<T>({ items, error, tryAgainUrl, listId, eyebrow, backTo, backLabel, heroIcon: HeroIcon, title, subtitle, tone, headerAction, newRoute, newLabel, newSubtitle, hideNew, itemKey, renderTile, emptyTitle, emptyDescription, layout, }: Readonly<BentoListPageProps<T>>): import("react").JSX.Element;
+export interface BentoTileGridProps<T> {
+    /** Query data — `undefined` while loading (drives the LoadProvider gate). */
+    items: T[] | undefined;
+    /** Connection error message, or null. */
+    error?: string | null;
+    /** URL the LoadProvider "try again" link points at. */
+    tryAgainUrl: string;
+    /** Tone driving the dashed New-tile gradient. Default `indigo`. */
+    tone?: BentoTone;
+    newRoute?: string;
+    newLabel?: ReactNode;
+    newSubtitle?: ReactNode;
+    /** Force-hide the dashed "New" tile (e.g. a Keycloak-backed read-only list). */
+    hideNew?: boolean;
+    itemKey: (item: T) => string;
+    /** Render one item's tile (typically a {@link BentoEntityTile}). */
+    renderTile: (item: T) => ReactNode;
+    emptyTitle: string;
+    emptyDescription: string;
+    /**
+     * Persistence for the drag-reorder + resize mode. Omit it and the mosaic
+     * renders the default order with no customise affordance; `listId` alone is
+     * not enough, because there would be nowhere to write to.
+     */
+    layout?: BentoListLayout;
+}
+/**
+ * The Bento mosaic **without** a hero — the frosted `bento-grid` of tiles, an
+ * optional dashed "New" tile, and an empty-state hint. Use it for list content
+ * that renders inside a shell which already owns the header (e.g. a page with a
+ * shared {@link BentoHero} + pill tab-bar `Outlet`, like Administration, or a
+ * read-only landing that renders its own hero above the grid). Standalone CRUD
+ * lists should use {@link BentoListPage}, which wraps this shape with a hero and
+ * the T575 customize/reorder mode.
+ */
+export declare function BentoTileGrid<T>({ items, error, tryAgainUrl, tone, newRoute, newLabel, newSubtitle, hideNew, itemKey, renderTile, emptyTitle, emptyDescription, }: Readonly<BentoTileGridProps<T>>): import("react").JSX.Element;
+//# sourceMappingURL=bento-list-page.d.ts.map

package/dist/bento/bento-list-page.d.ts.map

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

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

@@ -0,0 +1,32 @@
+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.
+     * Privileges and licences are the product's to know; the rail renders.
+     */
+    groups: BentoNavGroup[];
+    /** Where the Home button leads. */
+    homeRoute: string;
+    /**
+     * Extra paths that should also light the Home button — a product whose bento
+     * root and home page are different routes passes both.
+     */
+    homeAliases?: string[];
+    /** Label for the Home button. Defaults to the `home.title` translation. */
+    homeLabel?: string;
+}
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,69 @@
+import { Icon as TablerIcon } from '@tabler/icons-react';
+import { BentoTone } from './bento-tones';
+/**
+ * The shape of a navigation entry, without the entries.
+ *
+ * The rail, the hubs and the command palette all render the same thing, and
+ * what they render is one product's map of itself: its routes, its entity
+ * names, its sections. So the schema lives here and the array lives in the
+ * product — a package holding the array would offer Turing's routes inside a
+ * Shio console. viglet-ds-consumer-pair -- two products contrasted, not the
+ * consumer set enumerated.
+ *
+ * This is the *render* contract, deliberately narrower than what a product
+ * keeps. Visibility is a product concern: privileges, licences and which
+ * capabilities are switched on are all things only the product can answer, and
+ * it answers them before handing over a list. Carry those fields on your own
+ * type and pass the result:
+ *
+ * ```ts
+ * interface MyNavItem extends BentoNavItem { privilege?: string }
+ * const visible: BentoNavItem[] = all.filter(canSee)
+ * ```
+ */
+/** Which band of the rail a section belongs to; a product names its own. */
+export type BentoNavSectionId = string;
+export interface BentoNavSection {
+    id: BentoNavSectionId;
+    /** i18n key for the section label. A section with none renders unlabelled. */
+    labelKey?: string;
+    /** i18n key for the section description, shown on a hub. */
+    descriptionKey?: string;
+    /** Icon shown for this section on the nav rail. */
+    icon?: TablerIcon;
+    /**
+     * The section's hub page. The rail links here and the hub renders every
+     * visible item of the section as a mosaic. A section without one is reached
+     * through its items alone.
+     */
+    areaRoute?: string;
+}
+export interface BentoNavItem {
+    id: string;
+    /** i18n key for the item label. */
+    titleKey: string;
+    /** i18n key for the item description, shown as the tile body. */
+    descriptionKey: string;
+    icon: TablerIcon;
+    section: BentoNavSectionId;
+    /** Tile tone on the mosaic. */
+    tone: BentoTone;
+    /** Grid span on the mosaic. Defaults to a 1×1 square when omitted. */
+    span?: string;
+    /**
+     * Where this surface lives. Optional because a product mid-migration may not
+     * have moved it yet, in which case {@link BentoNavItem.fallbackRoute} is
+     * where the palette and the hubs send a reader instead.
+     */
+    bentoRoute?: string;
+    /** Where to go while a surface has no bento route of its own. */
+    fallbackRoute: string;
+}
+/** One section and the items a product decided are visible in it. */
+export interface BentoNavGroup {
+    section: BentoNavSection;
+    items: BentoNavItem[];
+}
+/** Where an item points: its own route if it has one, its fallback otherwise. */
+export declare function bentoNavTarget(item: BentoNavItem): string;
+//# sourceMappingURL=bento-nav.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+export interface BentoSaveBarProps {
+    /** Headline shown alongside the badges. Renders only when provided. */
+    title?: string;
+    badges?: ReactNode;
+    /** Override the default Save / Cancel pair. */
+    actions?: ReactNode;
+    onCancel?: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    /** Show the amber "unsaved changes" marker next to the title. */
+    dirty?: boolean;
+    /** Show the red "title required" marker (takes precedence over `dirty`). */
+    titleMissing?: boolean;
+}
+export interface BentoSaveBarBadgeProps {
+    children: ReactNode;
+}
+/**
+ * Renderless save-bar surface (visual only). Frosted-glass + iOS
+ * spring easing on the buttons.
+ *
+ * Position-agnostic: the consumer wraps it with whatever positioning
+ * makes sense (sticky, fixed, scroll-linked transforms, etc). For
+ * Bento detail pages it's typically wrapped in a `position: fixed`
+ * container at `top-20` whose opacity/translate are driven by the
+ * page's hero-scroll progress, so the bar feels like the header
+ * morphing into a sticky bar as the user scrolls.
+ */
+declare function BentoSaveBar({ title, badges, actions, onCancel, loading, disabled, dirty, titleMissing, }: Readonly<BentoSaveBarProps>): import("react").JSX.Element;
+declare namespace BentoSaveBar {
+    var Badge: typeof BentoSaveBarBadge;
+}
+declare function BentoSaveBarBadge({ children }: Readonly<BentoSaveBarBadgeProps>): import("react").JSX.Element;
+export { BentoSaveBar };
+//# sourceMappingURL=bento-save-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bento-save-bar.d.ts","sourceRoot":"","sources":["../../src/bento/bento-save-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,GACb,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BAmC7B;kBA5CQ,YAAY;;;AA8CrB,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,sBAAsB,CAAC,+BAMxE;AAID,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/bento/bento-scroll-fade.d.ts

@@ -0,0 +1,20 @@
+import { RefObject } from 'react';
+/**
+ * Drives the shared Bento "hero → sticky save bar" scroll morph.
+ *
+ * Each scroll frame it computes a 0..1 progress from the sentinel's viewport
+ * position and writes it as `--bento-fade` on `<html>`, toggling
+ * `bento-fade-half` past the midpoint. CSS inheritance then distributes it:
+ * hero-anchored controls (`bento-fade-out`) fade away and the fixed save bar
+ * (`bento-fade-in`) fades in, with zero React re-renders during scroll.
+ *
+ *   - sentinel at 160px (STICKY_OFFSET + REVEAL_RANGE) → progress 0
+ *   - sentinel at  80px (STICKY_OFFSET)               → progress 1
+ *
+ * Extracted verbatim from {@link BentoEntityShell} so standalone form pages
+ * (which render their own hero instead of using the shell) can reuse the exact
+ * same mechanic via {@link BentoScrollSaveBar}. Pass a ref to a 1px sentinel
+ * rendered immediately after the hero.
+ */
+export declare function useBentoScrollFade(sentinelRef: RefObject<HTMLElement | null>): void;
+//# sourceMappingURL=bento-scroll-fade.d.ts.map

package/dist/bento/bento-scroll-fade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-scroll-fade.d.ts","sourceRoot":"","sources":["../../src/bento/bento-scroll-fade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAoC5E"}

package/dist/bento/bento-scroll-save-bar.d.ts

@@ -0,0 +1,22 @@
+import { BentoSaveBarProps } from './bento-save-bar';
+/**
+ * The scroll-linked save bar for Bento form pages that render their own hero
+ * (i.e. not built on {@link BentoEntityShell}). It reproduces the shell's
+ * "hero → sticky bar" morph so every form behaves identically:
+ *
+ *   - At the top of the page the Save/Cancel controls live in the hero
+ *     (wrap them in a `bento-fade-out` container so they fade as you scroll).
+ *   - As the hero scrolls away this fixed bar fades in at `top-20`, below the
+ *     shell header — so the controls appear to move from the header into a
+ *     sticky bar, and nothing is shown until the title actually scrolls off.
+ *
+ * Self-contained: it renders its own 1px sentinel driven by
+ * {@link useBentoScrollFade} (the exact mechanic extracted from
+ * {@link BentoEntityShell}), the layout spacer, and a fixed `bento-fade-in`
+ * {@link BentoSaveBar}. Render it immediately after the hero, inside the
+ * `<form>` it submits (the default Save button is `type="submit"`). Keep the
+ * destructive action in the hero copy only — never pass a delete dialog here,
+ * since a controlled dialog rendered twice would open two modals at once.
+ */
+export declare function BentoScrollSaveBar(props: Readonly<BentoSaveBarProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-scroll-save-bar.d.ts.map

package/dist/bento/bento-scroll-save-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-scroll-save-bar.d.ts","sourceRoot":"","sources":["../../src/bento/bento-scroll-save-bar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGxE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BAYpE"}

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

@@ -0,0 +1,60 @@
+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;
+    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:
+ *
+ * ```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.
+ */
+declare function AdaptiveSectionCard({ variant, defaultOpen, 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;
+    var Content: ({ children, className }: Readonly<import("@/components/ui/section-card").ContentProps>) => import("react").JSX.Element | null;
+}
+export { AdaptiveSectionCard };
+//# sourceMappingURL=bento-section-chrome.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export interface BentoSectionProps {
+    /** Section heading — small uppercase eyebrow above the title. */
+    eyebrow?: string;
+    title: string;
+    description?: string;
+    /**
+     * When set, the title becomes a link to this route (e.g. the section's area
+     * hub) with a chevron affordance. Used on the home overview so each section
+     * heading drills into its dedicated hub page.
+     */
+    titleHref?: string;
+    /** Tile children — should be `BentoTile` / `BentoCountTile` instances. */
+    children: ReactNode;
+    /** Override the grid template. Defaults to a 2/4/6-col responsive bento grid. */
+    gridClassName?: string;
+}
+/**
+ * Section wrapper for a Bento page. Renders an iOS-style heading
+ * (eyebrow + title + description) followed by a stagger-animated grid.
+ *
+ * Each section runs its own `bento-grid` so the nth-child stagger
+ * restarts within the section — preserves the cascading reveal even
+ * across long pages.
+ */
+export declare function BentoSection({ eyebrow, title, description, titleHref, children, gridClassName, }: Readonly<BentoSectionProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bento-section.d.ts","sourceRoot":"","sources":["../../src/bento/bento-section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAYD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,aAAoC,GACrC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BAiC7B"}

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

@@ -0,0 +1,15 @@
+export interface BentoShortcutsDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** True on macOS — swaps the ⌘ glyph for Ctrl on every other platform. */
+    isMac: boolean;
+}
+/**
+ * The keyboard-shortcut guide (T572) — a reference sheet for the handful of
+ * global + palette shortcuts the bento shell actually binds. Opened with `?`
+ * from anywhere, or from the user menu. Kept honest: it lists only shortcuts
+ * that really work (⌘K/Ctrl+K + `?` are global; the arrow/enter/esc set drives
+ * the command palette), so pressing what's shown always does what's shown.
+ */
+export declare function BentoShortcutsDialog({ open, onOpenChange, isMac }: Readonly<BentoShortcutsDialogProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-shortcuts-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bento-shortcuts-dialog.d.ts","sourceRoot":"","sources":["../../src/bento/bento-shortcuts-dialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,0EAA0E;IAC1E,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,yBAAyB,CAAC,+BAgEtG"}

package/dist/bento/bento-status-marker.d.ts

@@ -0,0 +1,26 @@
+export interface BentoStatusMarkerProps {
+    /**
+     * The title is empty / missing. Takes precedence over `dirty` and renders
+     * a red blocking marker — the same condition that disables the Save button.
+     */
+    titleMissing?: boolean;
+    /** There are unsaved changes — renders an amber "unsaved" cue. */
+    dirty?: boolean;
+    className?: string;
+}
+/**
+ * Small status chip surfacing the two save-state cues the Bento detail pages
+ * carry (restored parity with the pre-redesign sticky header):
+ *
+ *   - `titleMissing` → a red "Title required" blocker (Save is also disabled).
+ *   - `dirty`        → an amber "Unsaved changes" cue with a pulsing dot.
+ *
+ * Renders nothing when neither applies. Case/tracking are reset so it can sit
+ * inside the hero eyebrow (which is uppercase + wide-tracked) without
+ * inheriting those styles.
+ *
+ * @author Alexandre Oliveira
+ * @since 2026.3.4
+ */
+export declare function BentoStatusMarker({ titleMissing, dirty, className }: Readonly<BentoStatusMarkerProps>): import("react").JSX.Element | null;
+//# sourceMappingURL=bento-status-marker.d.ts.map

package/dist/bento/bento-status-marker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-status-marker.d.ts","sourceRoot":"","sources":["../../src/bento/bento-status-marker.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,sBAAsB,CAAC,sCA2BrG"}

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

@@ -0,0 +1,42 @@
+import { ComponentType, ReactNode } from 'react';
+import { BentoTone } from './bento-tones';
+export interface BentoTileProps {
+    /** Destination route. When omitted, the tile renders as a non-clickable surface. */
+    to?: string;
+    /**
+     * Click handler for action tiles (e.g. "Open chat") that run imperative work
+     * before navigating rather than being a plain link. Ignored when `to` is set
+     * or the tile is `disabled`; renders the tile as a `<button>`.
+     */
+    onClick?: () => void;
+    /**
+     * Renders the tile as a non-interactive surface with reduced opacity and the
+     * `disabledHint` tooltip — for actions that exist but don't apply to the
+     * current entity (e.g. content validation on a non-audience persona).
+     */
+    disabled?: boolean;
+    disabledHint?: string;
+    icon: ComponentType<{
+        size?: number;
+    }>;
+    tone: BentoTone;
+    eyebrow: string;
+    title: string;
+    /** Tailwind grid-span classes — the consumer drives the mosaic layout. */
+    span: string;
+    /**
+     * Marks this tile as the "hero" of its section (typically a 2x2 span).
+     * Featured tiles get a larger icon, larger title, and a soft tonal
+     * ornament that fills the extra real-estate so the surface doesn't
+     * read as half-empty next to short-content siblings.
+     */
+    featured?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Generic Bento tile: icon chip + eyebrow + title + optional body.
+ * Press / hover / entry animations come from `bento.styles.css` via
+ * the `.bento-tile` and `.bento-glass` classes.
+ */
+export declare function BentoTile({ to, onClick, disabled, disabledHint, icon: Icon, tone, eyebrow, title, span, featured, children, }: Readonly<BentoTileProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-tile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bento-tile.d.ts","sourceRoot":"","sources":["../../src/bento/bento-tile.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,cAAc;IAC7B,oFAAoF;IACpF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvC,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,OAAO,EACP,QAAgB,EAChB,YAAY,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,QAAQ,GACT,EAAE,QAAQ,CAAC,cAAc,CAAC,+BAoF1B"}

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

@@ -0,0 +1,33 @@
+/**
+ * Colour tones for bento tiles.
+ *
+ * A tone names the gradient on the icon chip; the surface behind it stays
+ * frosted and neutral so the two never compete. What a tone *is* lives in CSS:
+ * `bento.css` maps each name to `--bento-tone-from` / `--bento-tone-to`, which
+ * resolve from `--vg-bento-tone-<name>-*` in the preset.
+ *
+ * That indirection is the point. These used to be Tailwind colour classes baked
+ * into the components, so the palette belonged to this package rather than to
+ * the product rendering it — and Turing is blue where Shio is orange. A product
+ * re-keys a tone by redefining two custom properties, and forks nothing.
+ * viglet-ds-consumer-pair -- two products contrasted, not the consumer set.
+ */
+export type BentoTone = "blue" | "indigo" | "violet" | "emerald" | "amber" | "rose" | "slate";
+/**
+ * The class that carries a tone. Pair it with `bento-chip`, which is what
+ * paints the gradient:
+ *
+ * ```tsx
+ * <span className={`bento-chip ${BENTO_TONE_CLASS[tone]}`} />
+ * ```
+ */
+export declare const BENTO_TONE_CLASS: Record<BentoTone, string>;
+/** Every tone this package defines, in the order the palette reads. */
+export declare const BENTO_TONES: BentoTone[];
+/**
+ * The class list for a chip of the given tone. `slate` is the fallback for an
+ * unknown value, which is what the chip's own CSS falls back to as well — a tile
+ * with a bad tone should look plain, not unstyled.
+ */
+export declare function bentoChipClass(tone: BentoTone | undefined): string;
+//# sourceMappingURL=bento-tones.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bento-tones.d.ts","sourceRoot":"","sources":["../../src/bento/bento-tones.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,MAAM,GACN,OAAO,CAAC;AAEZ;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAQtD,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAoC,SAAS,EAAE,CAAC;AAExE;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAElE"}

package/dist/bento/bento-user-menu.d.ts

@@ -0,0 +1,31 @@
+/**
+ * User avatar + dropdown styled to harmonize with the Bento UI.
+ *
+ * Uses the same Radix DropdownMenu primitives as the design-system
+ * `UserMenu`, but the surface (`.bento-dropdown`) and items
+ * (`.bento-dropdown-item`) carry the frosted-glass look and iOS spring
+ * easing so it feels like part of the bento language.
+ */
+export interface BentoUserMenuProps {
+    /** Where the account entry leads. */
+    accountRoute: string;
+    /** Where signing out goes — a full navigation, not a router one. */
+    logoutUrl: string;
+    /**
+     * Where the organizations entry leads. Omit to hide it.
+     *
+     * A route rather than a feature flag: whether a product has tenancy, and
+     * whether this reader may see it, are questions only the product can answer,
+     * and answering them by passing or omitting a route means the package never
+     * has to mirror a feature model it cannot see.
+     */
+    organizationsRoute?: string;
+    /** Where tenant administration leads. Omit to hide it. */
+    tenantAdminRoute?: string;
+    /** Open the keyboard-shortcut guide. Omit to hide the entry. */
+    onOpenShortcuts?: () => void;
+    /** Replay the first-run tour. Omit to hide the entry. */
+    onReplayTour?: () => void;
+}
+export declare function BentoUserMenu({ accountRoute, logoutUrl, organizationsRoute, tenantAdminRoute, onOpenShortcuts, onReplayTour, }: Readonly<BentoUserMenuProps>): import("react").JSX.Element;
+//# sourceMappingURL=bento-user-menu.d.ts.map

package/dist/bento/bento-user-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-user-menu.d.ts","sourceRoot":"","sources":["../../src/bento/bento-user-menu.tsx"],"names":[],"mappings":"AAeA;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,YAAY,GACb,EAAE,QAAQ,CAAC,kBAAkB,CAAC,+BAmI9B"}