@viglet/viglet-design-system 2026.3.16 → 2026.3.18

package/dist/catalogue.json

@@ -1,6 +1,6 @@
 {
   "name": "@viglet/viglet-design-system",
-  "version": "2026.3.16",
+  "version": "2026.3.18",
   "generatedBy": "scripts/emit-catalogue.mjs",
   "components": [
     {
@@ -50,8 +50,8 @@
     {
       "name": "AdaptiveSectionCard",
       "specifier": "@viglet/viglet-design-system/bento",
-      "summary": "A `SectionCard`'s markup rendered as a frosted BentoFormSection.",
-      "description": "A `SectionCard`'s markup rendered as a frosted BentoFormSection.\nImport it aliased where you want a drop-in:\n\n```tsx\nimport { AdaptiveSectionCard as SectionCard } from \"@viglet/viglet-design-system/bento\"\n```\n\nIt reads the icon, title and description off the `Header` (or `StaticHeader`)\nchild and unwraps the `Content` child, so a form written against the console's\ncompound API renders in the bento language without being rewritten. Every\nother child renders where it was written. That compound API is the whole\ndifference from `BentoFormSection`, which takes the same three as props.\n\nIt used to pick between two chromes off a provider, which is what let one form\nlive in two consoles at once while a product migrated behind a parallel route.\nEvery consumer finished that migration, so there is one chrome left\nand nothing to pick between.",
+      "summary": "A `SectionCard`'s markup rendered as a BentoFormSection.",
+      "description": "A `SectionCard`'s markup rendered as a BentoFormSection.\nImport it aliased where you want a drop-in:\n\n```tsx\nimport { AdaptiveSectionCard as SectionCard } from \"@viglet/viglet-design-system/bento\"\n```\n\nIt reads the icon, title and description off the `Header` (or `StaticHeader`)\nchild and unwraps the `Content` child, so a form written against the console's\ncompound API renders in the bento language without being rewritten. Every\nother child renders where it was written. That compound API is the whole\ndifference from `BentoFormSection`, which takes the same three as props.\n\nIt used to pick between two chromes off a provider, which is what let one form\nlive in two consoles at once while a product migrated behind a parallel route.\nEvery consumer finished that migration, so there is one chrome left\nand nothing to pick between.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -65,7 +65,7 @@
           "name": "className",
           "type": "string | undefined",
           "optional": true,
-          "summary": "Merged onto the frosted surface rather than replacing it."
+          "summary": "Merged onto the section surface rather than replacing it."
         },
         {
           "name": "variant",
@@ -490,6 +490,48 @@
       "inheritedProps": 0,
       "rules": []
     },
+    {
+      "name": "BentoChangeCell",
+      "specifier": "@viglet/viglet-design-system/bento",
+      "summary": "the column that says when a record last changed, and who changed it.",
+      "description": "the column that says when a record last changed, and who changed it.\n\nEach console drew `toLocaleDateString()`, which repeats one date down a list\nand never says who. This draws a relative time in the reader's language (\"2\ndays ago\", then a short date past a month), with the exact instant as its\ntooltip and as what a screen reader says, and an optional actor line marked\nwhen the change came from an agent. It takes values and fetches nothing.",
+      "deprecated": null,
+      "example": null,
+      "props": [
+        {
+          "name": "at",
+          "type": "string | number | Date",
+          "optional": false,
+          "summary": "When the record last changed."
+        },
+        {
+          "name": "actor",
+          "type": "string | undefined",
+          "optional": true,
+          "summary": "Who changed it, already a display name."
+        },
+        {
+          "name": "agent",
+          "type": "boolean | undefined",
+          "optional": true,
+          "summary": "Whether an agent made the change, which marks the actor line."
+        },
+        {
+          "name": "className",
+          "type": "string | undefined",
+          "optional": true,
+          "summary": ""
+        },
+        {
+          "name": "now",
+          "type": "number | Date | undefined",
+          "optional": true,
+          "summary": "What \"now\" is, for a relative time measured from somewhere fixed."
+        }
+      ],
+      "inheritedProps": 0,
+      "rules": []
+    },
     {
       "name": "BentoChangeMark",
       "specifier": "@viglet/viglet-design-system/bento",
@@ -612,6 +654,7 @@
       ],
       "inheritedProps": 0,
       "rules": [
+        "BENTO-AUTHORING §4 Colour — a tone is a token",
         "BENTO-BOUNDARY Inventory"
       ]
     },
@@ -663,7 +706,7 @@
           "name": "height",
           "type": "number | undefined",
           "optional": true,
-          "summary": "The most the body grows to, in pixels."
+          "summary": "The most the body grows to, in pixels, scrolling inside itself past it: for a table in a panel or a dialog."
         },
         {
           "name": "layout",
@@ -718,6 +761,12 @@
           "type": "string | undefined",
           "optional": true,
           "summary": "What the rows were chosen by, such as a serialised filter."
+        },
+        {
+          "name": "toolbar",
+          "type": "ReactNode",
+          "optional": true,
+          "summary": "The list's own controls, a filter and secondary actions, drawn at the start of the table's bar with Columns at its end."
         }
       ],
       "inheritedProps": 0,
@@ -771,7 +820,7 @@
       "name": "BentoEmptyState",
       "specifier": "@viglet/viglet-design-system/bento",
       "summary": "The one canonical Bento empty-state.",
-      "description": "The one canonical Bento empty-state. Every \"nothing here yet\" surface\n— an empty entity list, a chart with no samples, an analytics tab before its\nfirst data point — renders this so the void reads the same everywhere: a\nfrosted `bento-glass` panel, a tonal icon chip, a short title, a one-line\nhint, and an optional CTA. Consistency here is the delight: an empty screen\nthat looks designed rather than broken.\n\nThe list mosaic's `EmptyHintTile` delegates to this component (wrapping it in\nthe grid span), so lists and standalone panels stay visually identical.",
+      "description": "The one canonical Bento empty-state. Every \"nothing here yet\" surface\n— an empty entity list, a chart with no samples, an analytics tab before its\nfirst data point — renders this so the void reads the same everywhere: a\n`bento-glass` card, an icon in a neutral well, a short title, a one-line\nhint, and an optional CTA. Consistency here is the delight: an empty screen\nthat looks designed rather than broken.\n\nThe list mosaic's `EmptyHintTile` delegates to this component (wrapping it in\nthe grid span), so lists and standalone panels stay visually identical.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -809,7 +858,7 @@
           "name": "icon",
           "type": "Icon | undefined",
           "optional": true,
-          "summary": "Tonal icon in the leading chip."
+          "summary": "Icon in the leading neutral well."
         },
         {
           "name": "titleLevel",
@@ -821,7 +870,7 @@
           "name": "tone",
           "type": "BentoTone | undefined",
           "optional": true,
-          "summary": "Tone driving the icon chip gradient."
+          "summary": ""
         }
       ],
       "inheritedProps": 0,
@@ -968,8 +1017,8 @@
     {
       "name": "BentoEntityTile",
       "specifier": "@viglet/viglet-design-system/bento",
-      "summary": "The common Bento content tile: tonal icon chip + optional status pill + title + description + optional meta row, sized by BentoEmphasis.",
-      "description": "The common Bento content tile: tonal icon chip + optional status pill +\ntitle + description + optional meta row, sized by BentoEmphasis.\nCovers the shape shared by the entity lists; entities with a bespoke tile can\nskip it and pass their own node to BentoListPage's `renderTile`.",
+      "summary": "The common Bento content tile: icon in a neutral well + optional status pill or record state + title + description + optional meta row, sized by BentoEmphasis.",
+      "description": "The common Bento content tile: icon in a neutral well + optional status pill\nor record state + title + description + optional meta row, sized by BentoEmphasis.\nCovers the shape shared by the entity lists; entities with a bespoke tile can\nskip it and pass their own node to BentoListPage's `renderTile`.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -1033,6 +1082,12 @@
           "optional": true,
           "summary": "Optional meta chips/text under the title (e.g."
         },
+        {
+          "name": "state",
+          "type": "BentoRecordState | undefined",
+          "optional": true,
+          "summary": "The record's state, drawn as a dot and a word — the one colour a list tile carries."
+        },
         {
           "name": "tone",
           "type": "BentoTone | undefined",
@@ -1216,8 +1271,8 @@
     {
       "name": "BentoFormSection",
       "specifier": "@viglet/viglet-design-system/bento",
-      "summary": "Frosted-glass section wrapper for Bento forms — the form-page counterpart of `BentoTile`.",
-      "description": "Frosted-glass section wrapper for Bento forms — the form-page\ncounterpart of `BentoTile`. Groups related fields under a tonal\nicon chip + title + description, with the same iOS-spring entry\nand `bento-glass` surface used elsewhere in the bento language.\n\nStays content-agnostic: any react-hook-form field combo can sit\ninside `children`, so existing FormField/Input/Select/Switch\ncomponents are reused without modification.",
+      "summary": "Card section wrapper for Bento forms — the form-page counterpart of `BentoTile`.",
+      "description": "Card section wrapper for Bento forms — the form-page\ncounterpart of `BentoTile`. Groups related fields under an icon\nin a neutral well + title + description, with the same iOS-spring entry\nand `bento-glass` surface used elsewhere in the bento language.\n\nStays content-agnostic: any react-hook-form field combo can sit\ninside `children`, so existing FormField/Input/Select/Switch\ncomponents are reused without modification.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -1239,12 +1294,6 @@
           "optional": false,
           "summary": ""
         },
-        {
-          "name": "tone",
-          "type": "BentoTone",
-          "optional": false,
-          "summary": ""
-        },
         {
           "name": "as",
           "type": "\"h2\" | \"h3\" | \"h4\" | undefined",
@@ -1255,7 +1304,7 @@
           "name": "className",
           "type": "string | undefined",
           "optional": true,
-          "summary": "Merged onto the frosted surface, not applied instead of it."
+          "summary": "Merged onto the section surface, not applied instead of it."
         },
         {
           "name": "description",
@@ -1263,6 +1312,12 @@
           "optional": true,
           "summary": ""
         },
+        {
+          "name": "tone",
+          "type": "BentoTone | undefined",
+          "optional": true,
+          "summary": ""
+        },
         {
           "name": "trailing",
           "type": "ReactNode",
@@ -1281,7 +1336,7 @@
       "name": "BentoHero",
       "specifier": "@viglet/viglet-design-system/bento",
       "summary": "Page-level hero block used at the top of every Bento page.",
-      "description": "Page-level hero block used at the top of every Bento page.\n\nMirrors the \"navigation title\" pattern from iOS — large, airy,\nleft-aligned by default, and animates in with the same spring as\nthe rest of the bento shell. Stays outside the bento grid (no\nfrosted-glass surface) so it reads as a section header rather\nthan as a tile.\n\nLayout contract: leading + title block always anchor to the start;\nthe optional `trailing` slot is pushed to the far right via\n`ml-auto` so single-child (no trailing) renders deterministically\nleft-aligned without depending on `justify-content` quirks.",
+      "description": "Page-level hero block used at the top of every Bento page.\n\nMirrors the \"navigation title\" pattern from iOS — large, airy,\nleft-aligned by default, and animates in with the same spring as\nthe rest of the bento shell. Stays outside the bento grid (no\ncard surface) so it reads as a section header rather\nthan as a tile.\n\nLayout contract: leading + title block always anchor to the start;\nthe optional `trailing` slot is pushed to the far right via\n`ml-auto` so single-child (no trailing) renders deterministically\nleft-aligned without depending on `justify-content` quirks.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -1399,9 +1454,46 @@
       ],
       "inheritedProps": 0,
       "rules": [
+        "BENTO-AUTHORING §4 Colour — a tone is a token",
         "BENTO-BOUNDARY Inventory"
       ]
     },
+    {
+      "name": "BentoIdentityCell",
+      "specifier": "@viglet/viglet-design-system/bento",
+      "summary": "the first column of a list: who or what a row is.",
+      "description": "the first column of a list: who or what a row is.\n\nEach console drew its own name cell, a bold name and nothing under it, so two\nproducts disagreed on how a record is recognised. This one is a square of\ninitials in a tone derived from the name, the name, and a muted line under it.\nBoth lines truncate, so a long address never makes a row taller than the\ntable's `rowHeight`. It takes values and fetches nothing.",
+      "deprecated": null,
+      "example": null,
+      "props": [
+        {
+          "name": "name",
+          "type": "string",
+          "optional": false,
+          "summary": "The record's name, already a display string."
+        },
+        {
+          "name": "className",
+          "type": "string | undefined",
+          "optional": true,
+          "summary": ""
+        },
+        {
+          "name": "detail",
+          "type": "ReactNode",
+          "optional": true,
+          "summary": "A muted second line: a description, an address, a key."
+        },
+        {
+          "name": "tone",
+          "type": "BentoTone | undefined",
+          "optional": true,
+          "summary": "The square's tone."
+        }
+      ],
+      "inheritedProps": 0,
+      "rules": []
+    },
     {
       "name": "BentoInlineEdit",
       "specifier": "@viglet/viglet-design-system/bento",
@@ -1556,6 +1648,12 @@
           "optional": true,
           "summary": "The table's columns, as BentoDataTable takes them."
         },
+        {
+          "name": "defaultView",
+          "type": "BentoListView | undefined",
+          "optional": true,
+          "summary": "Which view a list given both renderTile and columns opens in, before the reader picks one."
+        },
         {
           "name": "error",
           "type": "string | null | undefined",
@@ -1578,13 +1676,13 @@
           "name": "headerAction",
           "type": "ReactNode",
           "optional": true,
-          "summary": "Optional global action(s) rendered in a row below the hero (left-aligned, sharing the row with the \"Customize\" button)."
+          "summary": ""
         },
         {
           "name": "heroIcon",
           "type": "Icon | undefined",
           "optional": true,
-          "summary": "The hero's icon chip."
+          "summary": "The hero's icon, in a neutral well."
         },
         {
           "name": "hideNew",
@@ -1622,6 +1720,12 @@
           "optional": true,
           "summary": "Enter or a double click on a row, usually its detail route."
         },
+        {
+          "name": "onViewChange",
+          "type": "((view: BentoListView) => void) | undefined",
+          "optional": true,
+          "summary": ""
+        },
         {
           "name": "renderTile",
           "type": "((item: T, emphasis: BentoEmphasis) => ReactNode) | undefined",
@@ -1638,13 +1742,25 @@
           "name": "tone",
           "type": "BentoTone | undefined",
           "optional": true,
-          "summary": "Tone driving the hero chip + New-tile gradient."
+          "summary": ""
+        },
+        {
+          "name": "toolbar",
+          "type": "ReactNode",
+          "optional": true,
+          "summary": "The list's own controls: its filter and any secondary, list-scoped action (an import, a launch)."
         },
         {
           "name": "trail",
           "type": "readonly BentoTrailStep[] | undefined",
           "optional": true,
           "summary": "A nested list's ancestors, root first (forwarded to BentoHero)."
+        },
+        {
+          "name": "view",
+          "type": "BentoListView | undefined",
+          "optional": true,
+          "summary": "The reader's choice, controlled: the product stores it per `listId`, as it stores a column layout, so it is one viewer's preference and not shared state."
         }
       ],
       "inheritedProps": 0,
@@ -1728,8 +1844,8 @@
     {
       "name": "BentoPanel",
       "specifier": "@viglet/viglet-design-system/bento",
-      "summary": "A frosted container with **no heading** — the shape the bento vocabulary was missing.",
-      "description": "A frosted container with **no heading** — the shape the bento vocabulary was missing.\n\n`BentoTile` is a clickable tile, `BentoSection` is a heading plus a grid, `BentoFormSection` is\na titled form group. None of them is \"a frosted box with arbitrary content in it\", so every\nconsumer that needed one hand-rolled `bento-glass rounded-2xl border` at the call site — and the\nmoment two of them picked different radii the product was inconsistent for a reason invisible in\nany diff.\n\nIt is a distinct component rather than a `title`-less `BentoSection` because the absence of a\nheading is the point. A stats strip, a toolbar, a listing and a 404 message all sit under a hero\nthat already names the page; a heading on any of them is noise, and `BentoSection` without a\ntitle would still render its `header` element and put an empty entry in the document outline.\n\nThe surface is `BentoSaveBar`'s, deliberately: that bar is the other frosted container with no\nheading in this layer, and two things doing the same job should not drift apart. `bento-glass`\nalready carries the border and the blur, so this adds only the radius and the shadow.",
+      "summary": "A card with **no heading** — the shape the bento vocabulary was missing.",
+      "description": "A card with **no heading** — the shape the bento vocabulary was missing.\n\n`BentoTile` is a clickable tile, `BentoSection` is a heading plus a grid, `BentoFormSection` is\na titled form group. None of them is \"a box with arbitrary content in it\", so every\nconsumer that needed one hand-rolled `bento-glass rounded-2xl border` at the call site — and the\nmoment two of them picked different radii the product was inconsistent for a reason invisible in\nany diff.\n\nIt is a distinct component rather than a `title`-less `BentoSection` because the absence of a\nheading is the point. A stats strip, a toolbar, a listing and a 404 message all sit under a hero\nthat already names the page; a heading on any of them is noise, and `BentoSection` without a\ntitle would still render its `header` element and put an empty entry in the document outline.\n\nIt takes `BentoSaveBar`'s radius and shadow, deliberately: that bar is the other container with\nno heading in this layer, and two things doing the same job should not drift apart. The\nsurfaces differ since VDS182: `bento-glass` is a solid card on its border, and the bar keeps\n`bento-frost` because content scrolls under it.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -1743,7 +1859,7 @@
           "name": "className",
           "type": "string | undefined",
           "optional": true,
-          "summary": "Applied to the frosted container itself — margins, `overflow-hidden`, a width."
+          "summary": "Applied to the card itself — margins, `overflow-hidden`, a width."
         },
         {
           "name": "contentClassName",
@@ -2082,8 +2198,8 @@
     {
       "name": "BentoStatusMarker",
       "specifier": "@viglet/viglet-design-system/bento",
-      "summary": "A small chip in a bento hero's eyebrow saying a form cannot be saved yet or has unsaved changes.",
-      "description": "A small chip in a bento hero's eyebrow saying a form cannot be saved yet or has\nunsaved changes.\n\nIt carries the two save-state cues the bento detail pages kept from the console's\nsticky header:\n\n  - `titleMissing` → a red \"Title required\" blocker (Save is also disabled).\n  - `dirty`        → an amber \"Unsaved changes\" cue with a pulsing dot.\n\nRenders nothing when neither applies. Case/tracking are reset so it can sit\ninside the hero eyebrow (which is uppercase + wide-tracked) without\ninheriting those styles.",
+      "summary": "A small mark in a bento hero's eyebrow, a row or a tile, saying what state a record is in, or that a form cannot be saved yet or has unsaved changes.",
+      "description": "A small mark in a bento hero's eyebrow, a row or a tile, saying what state a\nrecord is in, or that a form cannot be saved yet or has unsaved changes.\n\nIt carries the two save-state cues the bento detail pages kept from the console's\nsticky header:\n\n  - `titleMissing` → a red \"Title required\" blocker (Save is also disabled).\n  - `dirty`        → an amber \"Unsaved changes\" cue with a pulsing dot.\n\nand, since VDS182, the record's `state` as a dot and a word: published,\ndraft, scheduled, changed since publish, archived. That is where colour goes\non a list; a product area gets none.\n\nRenders nothing when none applies. Case/tracking are reset so it can sit\ninside the hero eyebrow (which is uppercase + wide-tracked) without\ninheriting those styles.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -2099,6 +2215,12 @@
           "optional": true,
           "summary": "There are unsaved changes — renders an amber \"unsaved\" cue."
         },
+        {
+          "name": "state",
+          "type": "BentoRecordState | undefined",
+          "optional": true,
+          "summary": "The record's state, drawn as a dot and a word."
+        },
         {
           "name": "titleMissing",
           "type": "boolean | undefined",
@@ -2188,14 +2310,15 @@
       ],
       "inheritedProps": 0,
       "rules": [
+        "BENTO-AUTHORING §4 Colour — a tone is a token",
         "BENTO-BOUNDARY Inventory"
       ]
     },
     {
       "name": "BentoTileGrid",
       "specifier": "@viglet/viglet-design-system/bento",
-      "summary": "The Bento mosaic **without** a hero — the frosted `bento-grid` of tiles, an optional dashed \"New\" tile, and an empty-state hint.",
-      "description": "The Bento mosaic **without** a hero — the frosted `bento-grid` of tiles, an\noptional dashed \"New\" tile, and an empty-state hint. Use it for list content\nthat renders inside a shell which already owns the header (e.g. a page with a\nshared BentoHero + pill tab-bar `Outlet`, like Administration, or a\nread-only landing that renders its own hero above the grid). Standalone CRUD\nlists should use BentoListPage, which wraps this shape with a hero and\nthe T575 customize/reorder mode.",
+      "summary": "The Bento mosaic **without** a hero — the `bento-grid` of tiles, an optional dashed \"New\" tile, and an empty-state hint.",
+      "description": "The Bento mosaic **without** a hero — the `bento-grid` of tiles, an\noptional dashed \"New\" tile, and an empty-state hint. Use it for list content\nthat renders inside a shell which already owns the header (e.g. a page with a\nshared BentoHero + pill tab-bar `Outlet`, like Administration, or a\nread-only landing that renders its own hero above the grid). Standalone CRUD\nlists should use BentoListPage, which wraps this shape with a hero and\nthe T575 customize/reorder mode.",
       "deprecated": null,
       "example": null,
       "props": [
@@ -2275,7 +2398,7 @@
           "name": "tone",
           "type": "BentoTone | undefined",
           "optional": true,
-          "summary": "Tone driving the dashed New-tile gradient."
+          "summary": ""
         }
       ],
       "inheritedProps": 0,
@@ -3341,7 +3464,7 @@
       "name": "GlassCard",
       "specifier": "@viglet/viglet-design-system",
       "summary": "A frosted glass card for a login, onboarding or hero surface, with rounded corners and responsive padding already set.",
-      "description": "A frosted glass card for a login, onboarding or hero surface, with rounded\ncorners and responsive padding already set.\n\nPass any Tailwind override through `className`; the merge is done with\n`tailwind-merge`, so the last of two conflicting utilities wins (`p-4` over the\ndefault `p-6 sm:p-8`). Inside a bento shell a frosted box is `BentoPanel`, and a\nform section is `BentoFormSection`.\n\nThe shadow tint follows `color` / `colorDark`. With neither, the light shadow\nstill takes `--ff-color-rgb` from an ancestor FloatingFormulasBg, so a\ncard inside one matches the surrounding palette without being told to.",
+      "description": "A frosted glass card for a login, onboarding or hero surface, with rounded\ncorners and responsive padding already set.\n\nPass any Tailwind override through `className`; the merge is done with\n`tailwind-merge`, so the last of two conflicting utilities wins (`p-4` over the\ndefault `p-6 sm:p-8`). Inside a bento shell a box is `BentoPanel`, and a\nform section is `BentoFormSection`.\n\nThe shadow tint follows `color` / `colorDark`. With neither, the light shadow\nstill takes `--ff-color-rgb` from an ancestor FloatingFormulasBg, so a\ncard inside one matches the surrounding palette without being told to.",
       "deprecated": null,
       "example": null,
       "props": [

package/dist/components/app-switcher.d.ts

@@ -47,5 +47,5 @@ export interface AppSwitcherProps {
  * viglet-ds-consumer-pair -- an example of a suite, not a claim about who
  * installs this package. The apps are the caller's to pass in.
  */
-export declare function AppSwitcher({ open, onToggle, apps, triggerTitle, closeLabel, showTrigger, headerHeight, }: Readonly<AppSwitcherProps>): import("react").JSX.Element;
+export declare function AppSwitcher({ open, onToggle, apps, triggerTitle, closeLabel, showTrigger, headerHeight, }: Readonly<AppSwitcherProps>): import('react').JSX.Element;
 //# sourceMappingURL=app-switcher.d.ts.map

package/dist/components/backend-status.d.ts

@@ -29,7 +29,7 @@ interface BackendStatusProviderProps {
  *
  * @since 2026.2.29
  */
-export declare function BackendStatusProvider({ healthEndpoint, pollInterval, showBanner, children, }: Readonly<BackendStatusProviderProps>): import("react").JSX.Element;
+export declare function BackendStatusProvider({ healthEndpoint, pollInterval, showBanner, children, }: Readonly<BackendStatusProviderProps>): import('react').JSX.Element;
 /**
  * The "server unavailable, retrying" banner, with a retry button, that
  * `BackendStatusProvider` renders while the backend is unreachable.
@@ -37,6 +37,6 @@ export declare function BackendStatusProvider({ healthEndpoint, pollInterval, sh
  * Mount it yourself only to place it elsewhere, with `showBanner={false}` on the
  * provider, and always beneath that provider.
  */
-export declare function BackendStatusBanner(): import("react").JSX.Element | null;
+export declare function BackendStatusBanner(): import('react').JSX.Element | null;
 export {};
 //# sourceMappingURL=backend-status.d.ts.map

package/dist/components/language-select.d.ts

@@ -15,6 +15,6 @@ interface LanguageSelectProps {
  * name, so a stored value still shows as chosen. It sets a value; the reader's
  * own interface language is `LanguageSwitcher`'s.
  */
-export declare function LanguageSelect({ value, onValueChange, locales, extraLocaleValues, placeholder, className, }: Readonly<LanguageSelectProps>): import("react").JSX.Element;
+export declare function LanguageSelect({ value, onValueChange, locales, extraLocaleValues, placeholder, className, }: Readonly<LanguageSelectProps>): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=language-select.d.ts.map

package/dist/components/language-switcher.d.ts

@@ -14,5 +14,5 @@ export interface LanguageSwitcherProps {
  * Dropdown to switch the active i18next language.
  * Persists via the standard i18next-browser-languagedetector localStorage cache.
  */
-export declare function LanguageSwitcher({ languages, }: Readonly<LanguageSwitcherProps>): import("react").JSX.Element;
+export declare function LanguageSwitcher({ languages, }: Readonly<LanguageSwitcherProps>): import('react').JSX.Element;
 //# sourceMappingURL=language-switcher.d.ts.map

package/dist/components/login/login.d.ts

@@ -6,34 +6,34 @@ export interface LoginRootProps extends HTMLAttributes<HTMLDivElement> {
     /** Accent color in dark mode. Defaults to `color`. */
     colorDark?: string;
 }
-declare function LoginRoot({ color, colorDark, children, className, style, ...rest }: Readonly<LoginRootProps>): import("react").JSX.Element;
+declare function LoginRoot({ color, colorDark, children, className, style, ...rest }: Readonly<LoginRootProps>): import('react').JSX.Element;
 /** Animated backdrop. Accepts every `FloatingFormulasBgProps` toggle. */
-declare function LoginBackground(props: Readonly<Omit<FloatingFormulasBgProps, "color" | "colorDark">>): import("react").JSX.Element;
+declare function LoginBackground(props: Readonly<Omit<FloatingFormulasBgProps, "color" | "colorDark">>): import('react').JSX.Element;
 /** Absolute top-right toolbar slot (settings popover, theme toggle, etc.). */
-declare function LoginSettings({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+declare function LoginSettings({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import('react').JSX.Element;
 /** Centered stack container for the visible card + surrounding text. */
-declare function LoginContent({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+declare function LoginContent({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import('react').JSX.Element;
 interface LoginLogoProps extends HTMLAttributes<HTMLDivElement> {
     /** Disable the pulse ring animation. */
     pulsePaused?: boolean;
 }
 /** Logo wrapper with pulse ring + glass container. */
-declare function LoginLogo({ children, pulsePaused, className, ...rest }: Readonly<LoginLogoProps>): import("react").JSX.Element;
+declare function LoginLogo({ children, pulsePaused, className, ...rest }: Readonly<LoginLogoProps>): import('react').JSX.Element;
 /** Gradient product title. */
-declare function LoginTitle({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLHeadingElement>>): import("react").JSX.Element;
+declare function LoginTitle({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLHeadingElement>>): import('react').JSX.Element;
 /** Subtle tagline below the title. */
-declare function LoginTagline({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import("react").JSX.Element;
+declare function LoginTagline({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import('react').JSX.Element;
 /** Row of feature pills. */
-declare function LoginFeatures({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+declare function LoginFeatures({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import('react').JSX.Element;
 export interface LoginFeaturePillProps extends HTMLAttributes<HTMLDivElement> {
     icon?: ReactNode;
 }
 /** Single pill (icon + label) used inside {@link Login.Features}. */
-declare function LoginFeaturePill({ icon, children, className, ...rest }: Readonly<LoginFeaturePillProps>): import("react").JSX.Element;
+declare function LoginFeaturePill({ icon, children, className, ...rest }: Readonly<LoginFeaturePillProps>): import('react').JSX.Element;
 /** Glass-morphism card that hosts the actual login form. */
-declare function LoginCard({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+declare function LoginCard({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import('react').JSX.Element;
 /** Subtle footer line below the form. */
-declare function LoginFooter({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import("react").JSX.Element;
+declare function LoginFooter({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import('react').JSX.Element;
 /**
  * The login screen, composed: an animated backdrop, the product's logo in a pulse
  * ring, a title, tagline and feature pills, and a glass card holding the form.

package/dist/components/mode-toggle.d.ts

@@ -2,11 +2,11 @@
  * A header button opening a menu of the light, dark and system themes. It sets
  * the theme through `ThemeProvider`, which has to be mounted above it.
  */
-export declare function ModeToggle(): import("react").JSX.Element;
+export declare function ModeToggle(): import('react').JSX.Element;
 /**
  * The theme control for a console sidebar on a small screen: one row that cycles
  * through light, dark and system. Hidden from `md` up, where `ModeToggle` sits in
  * the header.
  */
-export declare function ModeToggleSidebar(): import("react").JSX.Element;
+export declare function ModeToggleSidebar(): import('react').JSX.Element;
 //# sourceMappingURL=mode-toggle.d.ts.map

package/dist/components/router/loading-provider.d.ts

@@ -13,6 +13,6 @@ interface LoadProviderProps {
  * A page's loading gate: a skeleton until `checkIsNotUndefined` has a value, an
  * error slate with a retry link when `error` is set, and its children after that.
  */
-export declare const LoadProvider: ({ checkIsNotUndefined, error, tryAgainUrl, children }: LoadProviderProps) => import("react").JSX.Element;
+export declare const LoadProvider: ({ checkIsNotUndefined, error, tryAgainUrl, children }: LoadProviderProps) => import('react').JSX.Element;
 export {};
 //# sourceMappingURL=loading-provider.d.ts.map

package/dist/components/startup-first/startup-first.d.ts

@@ -6,11 +6,11 @@ export interface StartupFirstRootProps extends HTMLAttributes<HTMLDivElement> {
     /** Accent color in dark mode. Defaults to `color`. */
     colorDark?: string;
 }
-declare function StartupFirstRoot({ color, colorDark, children, className, style, ...rest }: Readonly<StartupFirstRootProps>): import("react").JSX.Element;
+declare function StartupFirstRoot({ color, colorDark, children, className, style, ...rest }: Readonly<StartupFirstRootProps>): import('react').JSX.Element;
 /** Animated backdrop (delegates to FloatingFormulasBg). */
-declare function StartupFirstBackground(props: Readonly<Omit<FloatingFormulasBgProps, "color" | "colorDark">>): import("react").JSX.Element;
+declare function StartupFirstBackground(props: Readonly<Omit<FloatingFormulasBgProps, "color" | "colorDark">>): import('react').JSX.Element;
 /** Centered stack that hosts every visible element. */
-declare function StartupFirstContent({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+declare function StartupFirstContent({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import('react').JSX.Element;
 export interface StartupFirstStepsProps extends HTMLAttributes<HTMLDivElement> {
     /** 1-based index of the currently active step. */
     current: number;
@@ -18,29 +18,29 @@ export interface StartupFirstStepsProps extends HTMLAttributes<HTMLDivElement> {
     total: number;
 }
 /** Step pagination dots shown at the top of the wizard. */
-declare function StartupFirstSteps({ current, total, className, ...rest }: Readonly<StartupFirstStepsProps>): import("react").JSX.Element;
+declare function StartupFirstSteps({ current, total, className, ...rest }: Readonly<StartupFirstStepsProps>): import('react').JSX.Element;
 interface StartupFirstLogoProps extends HTMLAttributes<HTMLDivElement> {
     pulsePaused?: boolean;
     /** Size in px of the outer logo chip. Defaults to 80. */
     size?: number;
 }
 /** Product logo wrapped in a pulse ring. */
-declare function StartupFirstLogo({ children, pulsePaused, size, className, style, ...rest }: Readonly<StartupFirstLogoProps>): import("react").JSX.Element;
+declare function StartupFirstLogo({ children, pulsePaused, size, className, style, ...rest }: Readonly<StartupFirstLogoProps>): import('react').JSX.Element;
 /** Product title in the wizard header. */
-declare function StartupFirstTitle({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLHeadingElement>>): import("react").JSX.Element;
+declare function StartupFirstTitle({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLHeadingElement>>): import('react').JSX.Element;
 /** Longer-form copy under the title (explanation, purpose of the step). */
-declare function StartupFirstDescription({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import("react").JSX.Element;
+declare function StartupFirstDescription({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import('react').JSX.Element;
 /** Glass-morphism card that hosts the form / step content. */
-declare function StartupFirstCard({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+declare function StartupFirstCard({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import('react').JSX.Element;
 /** Action row at the bottom (Back / Continue / etc). */
-declare function StartupFirstActions({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+declare function StartupFirstActions({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLDivElement>>): import('react').JSX.Element;
 /** Subtle footer text (product line, version, support link). */
-declare function StartupFirstFooter({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import("react").JSX.Element;
+declare function StartupFirstFooter({ children, className, ...rest }: Readonly<HTMLAttributes<HTMLParagraphElement>>): import('react').JSX.Element;
 export interface StartupFirstHintProps extends HTMLAttributes<HTMLDivElement> {
     icon?: ReactNode;
 }
 /** Small tip callout used next to form fields. */
-declare function StartupFirstHint({ icon, children, className, ...rest }: Readonly<StartupFirstHintProps>): import("react").JSX.Element;
+declare function StartupFirstHint({ icon, children, className, ...rest }: Readonly<StartupFirstHintProps>): import('react').JSX.Element;
 /**
  * The first-access screen an administrator sees before any user exists: the
  * login screen's backdrop, logo and glass card, with a step count and actions.

package/dist/components/theme-provider.d.ts

@@ -30,7 +30,7 @@ type ThemeProviderState = {
  * this package already published, and `useTheme` keeps its shape, because
  * three consoles import it.
  */
-export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: Readonly<ThemeProviderProps>): import("react").JSX.Element;
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: Readonly<ThemeProviderProps>): import('react').JSX.Element;
 /**
  * The shape three consoles import: `{ theme, setTheme }`, where `theme` is the
  * setting rather than the resolved colour — "system" stays "system".

package/dist/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc;;;8EA8BnB,CAAA;AAED;;;;;;;GAOG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAe,EACf,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,qBAkBF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc;;;8EAgCnB,CAAA;AAED;;;;;;;GAOG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAe,EACf,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,qBAkBF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/floating-formulas-bg.d.ts

@@ -47,5 +47,5 @@ export interface FloatingFormulasBgProps {
  * flicker, and a `seed` fixes its arrangement. `Login.Background` and
  * `StartupFirst.Background` render it with the screen's colours already applied.
  */
-export declare function FloatingFormulasBg({ itemCount, extraTokens, seed, color, colorDark, withFormulas, withBonds, withOrbs, withLightning, withExplosion, withGrid, motionPaused, className, }: Readonly<FloatingFormulasBgProps>): import("react").JSX.Element;
+export declare function FloatingFormulasBg({ itemCount, extraTokens, seed, color, colorDark, withFormulas, withBonds, withOrbs, withLightning, withExplosion, withGrid, motionPaused, className, }: Readonly<FloatingFormulasBgProps>): import('react').JSX.Element;
 //# sourceMappingURL=floating-formulas-bg.d.ts.map

package/dist/components/ui/form-actions.d.ts

@@ -10,7 +10,7 @@ interface FormActionsProps {
  * A bento form saves from its hero and the save bar that follows it, through
  * `BentoFormHero` or `BentoEntityShell`, and has no footer row.
  */
-declare function FormActions({ children, className }: Readonly<FormActionsProps>): import("react").JSX.Element;
+declare function FormActions({ children, className }: Readonly<FormActionsProps>): import('react').JSX.Element;
 declare namespace FormActions {
     var Cancel: ({ onClick, children, className }: Readonly<CancelProps>) => import("react").JSX.Element;
     var Submit: ({ loading, disabled, children, className }: Readonly<SubmitProps>) => import("react").JSX.Element;