@signal9/era-ui 12.1.2 → 14.0.0

package/dist/generated-docs/combobox.md

@@ -5,7 +5,7 @@ Search and select from a filtered list of options.
 ## Import
 
 ```ts
-import { Combobox } from "@signal9/era-ui/combobox";
+import * as Combobox from "@signal9/era-ui/combobox";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/command.md

@@ -5,7 +5,7 @@ A searchable command menu for quick navigation.
 ## Import
 
 ```ts
-import { Command } from "@signal9/era-ui/command";
+import * as Command from "@signal9/era-ui/command";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/context-menu.md

@@ -5,7 +5,7 @@ Options and actions triggered by right-click.
 ## Import
 
 ```ts
-import { ContextMenu } from "@signal9/era-ui/context-menu";
+import * as ContextMenu from "@signal9/era-ui/context-menu";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/date-field.md

@@ -5,7 +5,7 @@ Segmented date input with keyboard navigation.
 ## Import
 
 ```ts
-import { DateField } from "@signal9/era-ui/date-field";
+import * as DateField from "@signal9/era-ui/date-field";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/date-picker.md

@@ -5,7 +5,7 @@ Date input with a calendar popover.
 ## Import
 
 ```ts
-import { DatePicker } from "@signal9/era-ui/date-picker";
+import * as DatePicker from "@signal9/era-ui/date-picker";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/date-range-field.md

@@ -5,7 +5,7 @@ Segmented start/end date input.
 ## Import
 
 ```ts
-import { DateRangeField } from "@signal9/era-ui/date-range-field";
+import * as DateRangeField from "@signal9/era-ui/date-range-field";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/date-range-picker.md

@@ -5,7 +5,7 @@ Date range input with a calendar popover.
 ## Import
 
 ```ts
-import { DateRangePicker } from "@signal9/era-ui/date-range-picker";
+import * as DateRangePicker from "@signal9/era-ui/date-range-picker";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/dialog.md

@@ -5,7 +5,7 @@ A modal window for content or user input.
 ## Import
 
 ```ts
-import { Dialog } from "@signal9/era-ui/dialog";
+import * as Dialog from "@signal9/era-ui/dialog";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/dropdown-menu.md

@@ -5,7 +5,7 @@ A menu of selectable items.
 ## Import
 
 ```ts
-import { DropdownMenu } from "@signal9/era-ui/dropdown-menu";
+import * as DropdownMenu from "@signal9/era-ui/dropdown-menu";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/link-preview.md

@@ -5,7 +5,7 @@ Shows rich preview content when hovering a link.
 ## Import
 
 ```ts
-import { LinkPreview } from "@signal9/era-ui/link-preview";
+import * as LinkPreview from "@signal9/era-ui/link-preview";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/llms-full.txt

@@ -63,6 +63,7 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `era-ink-center` — on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim.
 - `era-token-ink` — the ink centring for a token pill — a badge, a KV value, any short caps-or-digits label in a fixed-height box, CENTRED horizontally and with no icon sibling. For a left-aligned sentence-case label use era-label-ink; when an icon really must sit beside the text, see the note there.
 - `era-label-ink` — the ink centring for a fixed-height control holding ONE line of sentence-case text and no icon — a menu item, a nav trigger, a button label. Never alongside `truncate` (the trimmed box becomes the clip).
+- `glass-blur` — the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.
 - `era-shimmer` — the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text.
 - `era-collapse` — the height sweep for a bits-ui Collapsible.Content — put it on the Content element itself (it carries its own overflow: hidden).
 - `h-icon · h-pill · h-chip · h-control · h-bar` — the tier-height ladder — h-icon (icon) · h-pill (nested pill) · h-chip (standalone pill) · h-control (control) · h-bar (bar); the named form of h-(--era-h-*).
@@ -87,7 +88,6 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `ease-base` — Motion — bare transition utilities default to the motion axis, so
 - `bg-divider · text-divider · border-divider · bg-divider-faded · text-divider-faded · border-divider-faded · bg-background · text-background · … (66 in all)` — Surface divider colors: border-divider, bg-divider-faded, …
 - `bg-fill · text-fill · border-fill · bg-link · text-link · border-link · bg-primary · text-primary · … (33 in all)` — The standing pill fill — --era-fill, the latched counterpart of the
-- `glass-blur` — the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.
 
 Full reference (what each emits, when to use it): `/utilities.md`. Machine-readable list: `/utilities.json`.
 
@@ -170,6 +170,17 @@ motion):
 | `text-body` | density-derived body/control text size |
 | `p-gutter` / `gap-gutter` / `mt-gutter` / … | the spacing scale — EVERY spacing prefix works |
 
+THE SPACING NAMES IN SIZE ORDER, smallest first, because the names do not
+imply it and guessing gets it backwards:
+
+    gutter  <  panel  <  field  <  card  <  content
+
+Measured at `data-mode="balanced"`: gutter 5px, field ~9px, card ~11px,
+content ~22px. `gutter` is the TIGHT one — the gap between sibling controls
+and a rail's own padding. `field` is a text input's side padding, not the
+label-to-input gap. Reading them the other way round produces a layout whose
+hierarchy is inverted and therefore reads flat.
+
 The spacing names (`gutter`, `card`, `panel`, `content`, `menu`, `field`, the
 `inset-*` and concentric `*-inset-*` insets, `glyph-*`) are registered as a
 Tailwind spacing scale, so every prefix derives automatically: `p-`, `px-`,
@@ -195,6 +206,7 @@ source uses it where a name exists.
 | `era-ink-center` | on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim. |
 | `era-token-ink` | the ink centring for a token pill — a badge, a KV value, any short caps-or-digits label in a fixed-height box, CENTRED horizontally and with no icon sibling. For a left-aligned sentence-case label use era-label-ink; when an icon really must sit beside the text, see the note there. |
 | `era-label-ink` | the ink centring for a fixed-height control holding ONE line of sentence-case text and no icon — a menu item, a nav trigger, a button label. Never alongside `truncate` (the trimmed box becomes the clip). |
+| `glass-blur` | the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface. |
 | `era-shimmer` | the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text. |
 | `era-collapse` | the height sweep for a bits-ui Collapsible.Content — put it on the Content element itself (it carries its own overflow: hidden). |
 | `h-icon` `h-pill` `h-chip` `h-control` `h-bar` | the tier-height ladder — h-icon (icon) · h-pill (nested pill) · h-chip (standalone pill) · h-control (control) · h-bar (bar); the named form of h-(--era-h-*). |
@@ -219,7 +231,6 @@ source uses it where a name exists.
 | `ease-base` | — |
 | `bg-divider` `text-divider` `border-divider` `bg-divider-faded` `text-divider-faded` `border-divider-faded` `bg-background` `text-background` `border-background` `bg-foreground` `text-foreground` `border-foreground` `bg-1` `text-1` `border-1` `bg-2` `text-2` `border-2` `bg-3` `text-3` `border-3` `bg-4` `text-4` `border-4` `bg-5` `text-5` `border-5` `bg-6` `text-6` `border-6` `bg-7` `text-7` `border-7` `bg-8` `text-8` `border-8` `bg-9` `text-9` `border-9` `bg-10` `text-10` `border-10` `bg-11` `text-11` `border-11` `bg-12` `text-12` `border-12` `bg-border` `text-border` `border-border` `bg-surface` `text-surface` `border-surface` `bg-hover` `text-hover` `border-hover` `bg-fg` `text-fg` `border-fg` `bg-bright` `text-bright` `border-bright` `bg-muted` `text-muted` `border-muted` | — |
 | `bg-fill` `text-fill` `border-fill` `bg-link` `text-link` `border-link` `bg-primary` `text-primary` `border-primary` `bg-primary-fg` `text-primary-fg` `border-primary-fg` `bg-primary-hover` `text-primary-hover` `border-primary-hover` `bg-destructive` `text-destructive` `border-destructive` `bg-destructive-fg` `text-destructive-fg` `border-destructive-fg` `bg-success` `text-success` `border-success` `bg-success-fg` `text-success-fg` `border-success-fg` `bg-warning` `text-warning` `border-warning` `bg-warning-fg` `text-warning-fg` `border-warning-fg` | — |
-| `glass-blur` | the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface. |
 
 ## era-interactive
 
@@ -517,6 +528,35 @@ Declared in `index.css`.
 }
 ```
 
+## glass-blur
+
+**Use it for:** the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.
+
+Tailwind v4 cannot resolve var() inside backdrop-blur-[], so the filter
+is a registered utility, gated to glass subtrees.
+
+It lives HERE rather than in surfaces/glass.css, where a surface's own
+chrome would naturally sit, because glass.css is imported into a cascade
+layer and `@utility` cannot be nested inside one. Surface-scoped RULES stay
+in their surface file; surface-scoped UTILITIES have to come out.
+
+Declared in `index.css`.
+
+```css
+@utility` cannot be nested inside one. Surface-scoped RULES stay
+ * in their surface file; surface-scoped UTILITIES have to come out.
+ *
+ * @use the backdrop blur for a floating panel (popover, dialog, taskbar) — it
+ * applies only inside a data-surface="glass" subtree and is inert elsewhere,
+ * so it is safe to leave on a panel that renders under every surface. */
+@utility glass-blur {
+	[data-surface='glass'] & {
+		backdrop-filter: blur(var(--era-blur)) saturate(var(--era-saturate));
+		-webkit-backdrop-filter: blur(var(--era-blur)) saturate(var(--era-saturate));
+	}
+}
+```
+
 ## era-shimmer
 
 **Use it for:** the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text.
@@ -1040,24 +1080,6 @@ Declared in `index.css`.
 }
 ```
 
-## glass-blur
-
-**Use it for:** the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.
-
-Tailwind v4 cannot resolve var() inside backdrop-blur-[], so the filter
-is a registered utility, gated to glass subtrees.
-
-Declared in `surfaces/glass.css`.
-
-```css
-@utility glass-blur {
-	[data-surface='glass'] & {
-		backdrop-filter: blur(var(--era-blur)) saturate(var(--era-saturate));
-		-webkit-backdrop-filter: blur(var(--era-blur)) saturate(var(--era-saturate));
-	}
-}
-```
-
 <!-- end: utilities -->
 
 <!-- begin: draggable -->
@@ -1100,19 +1122,20 @@ A complete notes app — rich-text editor, slash commands, local persistence.
 
 ## Usage
 
-Apps ship on their own subpath and are **not** re-exported from `@signal9/era-ui`.
-Notes carries TipTap, and a consumer who never imports an app should never pay
-for it.
+**Notes is not published.** It lives in `src/apps/` in the era-ui repository,
+outside the packaged `src/lib`, so there is no import path that reaches it — the
+`@signal9/era-ui/apps` subpath was removed in v13.
 
-```svelte
-<script>
-	import { Notes } from '@signal9/era-ui/apps';
-</script>
+A design system that also ships a note-taking application is two products in one
+package: Notes alone brings fifteen TipTap packages, and its release cadence and
+support expectations are nothing like a primitive's. It stays in the repo as a
+reference implementation and a demo — read it, copy it, or lift it into the
+product that renders it.
 
-<Notes />
-```
+What era DOES publish is the part that generalises: `@signal9/era-ui/styles/prose`
+is the document typography Notes uses, available to anyone building an editor.
 
-That is the whole integration: a sidebar with filter, pin, and delete; a TipTap
+Read as a reference, the integration is: a sidebar with filter, pin, and delete; a TipTap
 document with a `/` command menu and a selection toolbar; and persistence to
 `localStorage` under `era-ui:notes`.
 
@@ -1146,7 +1169,7 @@ Persistence is one small interface, so server-backed hosting is a drop-in swap
 `load`/`save` may be sync or async:
 
 ```ts
-import { Notes, NotesStore } from '@signal9/era-ui/apps';
+import { Notes, NotesStore } from '$apps/index.js'; // in-repo; not published
 
 const store = new NotesStore({
 	adapter: {
@@ -1225,6 +1248,9 @@ Inherits all props from `HTMLAttributes<HTMLSpanElement>`.
 |------|------|---------|-------|
 | `ref?` | `HTMLSpanElement \| null` | `null` | bindable |
 | `tone?` | `'default' \| 'accent' \| 'destructive' \| 'success' \| 'warning'` | `'default'` | — |
+| `lead?` | `Snippet` | — | Icon rendered BEFORE the label, outside it. Use this rather than putting
+an icon in `children`: the label then gets its own box, which is the only
+place era's ink centring can reach. |
 | `children?` | `Snippet` | — | — |
 
 ## Usage
@@ -1257,7 +1283,7 @@ An image with optional initials/icon fallback.
 ## Import
 
 ```ts
-import { Avatar } from "@signal9/era-ui/avatar";
+import * as Avatar from "@signal9/era-ui/avatar";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -1347,6 +1373,10 @@ Inherits all props from `Button.RootProps`.
 spinner. The existing label stays rendered so focus, click targets,
 and screen-reader accessible names don't change shape mid-flight. |
 | `loadingLabel?` | `string` | — | Screen-reader-only label announced while `loading` is true. |
+| `lead?` | `Snippet` | — | Icon rendered BEFORE the label, outside it. Use this rather than putting
+an icon in `children`: the label then gets its own box, which is the only
+place era's ink centring can reach (see era-label-ink). |
+| `trail?` | `Snippet` | — | Icon rendered AFTER the label, outside it. Same reason as `lead`. |
 | `children?` | `Snippet` | — | — |
 | `ref?` | `(forwarded)` | `null` | bindable |
 
@@ -1490,6 +1520,9 @@ Inherits all props from `HTMLAttributes<HTMLDivElement>`.
 | `size?` | `'chip' \| 'pill'` | `'chip'` | `sm` (default) is the standalone free chip; `pill` is the smaller pill
 that nests inside an md container (a select trigger, a button). |
 | `ondismiss?` | `() => void` | — | — |
+| `lead?` | `Snippet` | — | Icon rendered BEFORE the label, outside it. Use this rather than putting
+an icon in `children`: the label then gets its own box, which is the only
+place era's ink centring can reach. |
 | `children?` | `Snippet` | — | — |
 
 ## Usage
@@ -1686,7 +1719,7 @@ A dialog anchored to a screen edge — a mobile drawer.
 ## Import
 
 ```ts
-import { Sheet } from "@signal9/era-ui/sheet";
+import * as Sheet from "@signal9/era-ui/sheet";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -1773,7 +1806,7 @@ Collapsible content sections.
 ## Import
 
 ```ts
-import { Accordion } from "@signal9/era-ui/accordion";
+import * as Accordion from "@signal9/era-ui/accordion";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -1835,7 +1868,7 @@ A modal confirmation before destructive actions.
 ## Import
 
 ```ts
-import { AlertDialog } from "@signal9/era-ui/alert-dialog";
+import * as AlertDialog from "@signal9/era-ui/alert-dialog";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -1921,7 +1954,7 @@ A date picker calendar grid.
 ## Import
 
 ```ts
-import { Calendar } from "@signal9/era-ui/calendar";
+import * as Calendar from "@signal9/era-ui/calendar";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2052,7 +2085,7 @@ Toggleable check with indeterminate support.
 ## Import
 
 ```ts
-import { Checkbox } from "@signal9/era-ui/checkbox";
+import * as Checkbox from "@signal9/era-ui/checkbox";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2099,7 +2132,7 @@ Show and hide content sections with a trigger.
 ## Import
 
 ```ts
-import { Collapsible } from "@signal9/era-ui/collapsible";
+import * as Collapsible from "@signal9/era-ui/collapsible";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2134,7 +2167,7 @@ Search and select from a filtered list of options.
 ## Import
 
 ```ts
-import { Combobox } from "@signal9/era-ui/combobox";
+import * as Combobox from "@signal9/era-ui/combobox";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2213,7 +2246,7 @@ A searchable command menu for quick navigation.
 ## Import
 
 ```ts
-import { Command } from "@signal9/era-ui/command";
+import * as Command from "@signal9/era-ui/command";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2352,7 +2385,7 @@ Expandable inline step — tool calls, thinking, agent actions.
 ## Import
 
 ```ts
-import { Step } from "@signal9/era-ui/step";
+import * as Step from "@signal9/era-ui/step";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2408,7 +2441,7 @@ Options and actions triggered by right-click.
 ## Import
 
 ```ts
-import { ContextMenu } from "@signal9/era-ui/context-menu";
+import * as ContextMenu from "@signal9/era-ui/context-menu";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2507,7 +2540,7 @@ Segmented date input with keyboard navigation.
 ## Import
 
 ```ts
-import { DateField } from "@signal9/era-ui/date-field";
+import * as DateField from "@signal9/era-ui/date-field";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2561,7 +2594,7 @@ Date input with a calendar popover.
 ## Import
 
 ```ts
-import { DatePicker } from "@signal9/era-ui/date-picker";
+import * as DatePicker from "@signal9/era-ui/date-picker";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2746,7 +2779,7 @@ Segmented start/end date input.
 ## Import
 
 ```ts
-import { DateRangeField } from "@signal9/era-ui/date-range-field";
+import * as DateRangeField from "@signal9/era-ui/date-range-field";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2801,7 +2834,7 @@ Date range input with a calendar popover.
 ## Import
 
 ```ts
-import { DateRangePicker } from "@signal9/era-ui/date-range-picker";
+import * as DateRangePicker from "@signal9/era-ui/date-range-picker";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -2986,7 +3019,7 @@ A modal window for content or user input.
 ## Import
 
 ```ts
-import { Dialog } from "@signal9/era-ui/dialog";
+import * as Dialog from "@signal9/era-ui/dialog";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3075,7 +3108,7 @@ A menu of selectable items.
 ## Import
 
 ```ts
-import { DropdownMenu } from "@signal9/era-ui/dropdown-menu";
+import * as DropdownMenu from "@signal9/era-ui/dropdown-menu";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3197,7 +3230,7 @@ A cross-platform scroll container.
 ## Import
 
 ```ts
-import { ScrollArea } from "@signal9/era-ui/scroll-area";
+import * as ScrollArea from "@signal9/era-ui/scroll-area";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3295,7 +3328,7 @@ Shows rich preview content when hovering a link.
 ## Import
 
 ```ts
-import { LinkPreview } from "@signal9/era-ui/link-preview";
+import * as LinkPreview from "@signal9/era-ui/link-preview";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3381,7 +3414,7 @@ Headless menu primitives re-exported from bits-ui.
 ## Import
 
 ```ts
-import { Menu } from "@signal9/era-ui/menu";
+import * as Menu from "@signal9/era-ui/menu";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3397,7 +3430,7 @@ A horizontal bar of dropdown menus.
 ## Import
 
 ```ts
-import { Menubar } from "@signal9/era-ui/menubar";
+import * as Menubar from "@signal9/era-ui/menubar";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3527,7 +3560,7 @@ Headless navigation-menu primitives re-exported from bits-ui.
 ## Import
 
 ```ts
-import { NavigationMenu } from "@signal9/era-ui/navigation-menu";
+import * as NavigationMenu from "@signal9/era-ui/navigation-menu";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3572,7 +3605,7 @@ Enables users to navigate through a series of pages.
 ## Import
 
 ```ts
-import { Pagination } from "@signal9/era-ui/pagination";
+import * as Pagination from "@signal9/era-ui/pagination";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3632,7 +3665,7 @@ Enables users to input a sequence of one-character inputs.
 ## Import
 
 ```ts
-import { PinInput } from "@signal9/era-ui/pin-input";
+import * as PinInput from "@signal9/era-ui/pin-input";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3668,7 +3701,7 @@ A floating panel anchored to a trigger.
 ## Import
 
 ```ts
-import { Popover } from "@signal9/era-ui/popover";
+import * as Popover from "@signal9/era-ui/popover";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3738,7 +3771,7 @@ Headless range-calendar primitives re-exported from bits-ui.
 ## Import
 
 ```ts
-import { RangeCalendar } from "@signal9/era-ui/range-calendar";
+import * as RangeCalendar from "@signal9/era-ui/range-calendar";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3754,7 +3787,7 @@ Groups radio items for single selection.
 ## Import
 
 ```ts
-import { RadioGroup } from "@signal9/era-ui/radio-group";
+import * as RadioGroup from "@signal9/era-ui/radio-group";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3790,7 +3823,7 @@ A star-style single-choice rating input.
 ## Import
 
 ```ts
-import { RatingGroup } from "@signal9/era-ui/rating-group";
+import * as RatingGroup from "@signal9/era-ui/rating-group";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3826,7 +3859,7 @@ A dropdown select menu.
 ## Import
 
 ```ts
-import { Select } from "@signal9/era-ui/select";
+import * as Select from "@signal9/era-ui/select";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3898,7 +3931,7 @@ Enables value selection from a continuous range.
 ## Import
 
 ```ts
-import { Slider } from "@signal9/era-ui/slider";
+import * as Slider from "@signal9/era-ui/slider";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -3974,7 +4007,7 @@ A tabular data display with rows, headers, and cells.
 ## Import
 
 ```ts
-import { Table } from "@signal9/era-ui/table";
+import * as Table from "@signal9/era-ui/table";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -4092,7 +4125,7 @@ Organizes content into tabbed sections.
 ## Import
 
 ```ts
-import { Tabs } from "@signal9/era-ui/tabs";
+import * as Tabs from "@signal9/era-ui/tabs";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -4145,7 +4178,7 @@ Segmented time input with keyboard navigation.
 ## Import
 
 ```ts
-import { TimeField } from "@signal9/era-ui/time-field";
+import * as TimeField from "@signal9/era-ui/time-field";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -4199,7 +4232,7 @@ Segmented start/end time input.
 ## Import
 
 ```ts
-import { TimeRangeField } from "@signal9/era-ui/time-range-field";
+import * as TimeRangeField from "@signal9/era-ui/time-range-field";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -4254,7 +4287,7 @@ A set of toggle buttons with single or multiple selection.
 ## Import
 
 ```ts
-import { ToggleGroup } from "@signal9/era-ui/toggle-group";
+import * as ToggleGroup from "@signal9/era-ui/toggle-group";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -4289,7 +4322,7 @@ Headless toolbar primitives re-exported from bits-ui.
 ## Import
 
 ```ts
-import { Toolbar } from "@signal9/era-ui/toolbar";
+import * as Toolbar from "@signal9/era-ui/toolbar";
 ```
 
 Composed from sub-components — compose explicitly at the call site:
@@ -4383,7 +4416,7 @@ Supplementary info on hover or focus.
 ## Import
 
 ```ts
-import { Tooltip } from "@signal9/era-ui/tooltip";
+import * as Tooltip from "@signal9/era-ui/tooltip";
 ```
 
 Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/llms.txt

@@ -101,6 +101,7 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `era-ink-center` — on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim.
 - `era-token-ink` — the ink centring for a token pill — a badge, a KV value, any short caps-or-digits label in a fixed-height box, CENTRED horizontally and with no icon sibling. For a left-aligned sentence-case label use era-label-ink; when an icon really must sit beside the text, see the note there.
 - `era-label-ink` — the ink centring for a fixed-height control holding ONE line of sentence-case text and no icon — a menu item, a nav trigger, a button label. Never alongside `truncate` (the trimmed box becomes the clip).
+- `glass-blur` — the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.
 - `era-shimmer` — the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text.
 - `era-collapse` — the height sweep for a bits-ui Collapsible.Content — put it on the Content element itself (it carries its own overflow: hidden).
 - `h-icon · h-pill · h-chip · h-control · h-bar` — the tier-height ladder — h-icon (icon) · h-pill (nested pill) · h-chip (standalone pill) · h-control (control) · h-bar (bar); the named form of h-(--era-h-*).
@@ -125,6 +126,5 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `ease-base` — Motion — bare transition utilities default to the motion axis, so
 - `bg-divider · text-divider · border-divider · bg-divider-faded · text-divider-faded · border-divider-faded · bg-background · text-background · … (66 in all)` — Surface divider colors: border-divider, bg-divider-faded, …
 - `bg-fill · text-fill · border-fill · bg-link · text-link · border-link · bg-primary · text-primary · … (33 in all)` — The standing pill fill — --era-fill, the latched counterpart of the
-- `glass-blur` — the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.
 
 Full reference (what each emits, when to use it): `{{ORIGIN}}/utilities.md`. Machine-readable list: `{{ORIGIN}}/utilities.json`.