@signal9/era-ui 3.10.0 → 3.11.0

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

@@ -590,6 +590,97 @@ Release history — every version, grouped by change type.
 
 <!-- end: changelog -->
 
+<!-- begin: notes -->
+
+# Notes
+
+A complete notes app — rich-text editor, slash commands, local persistence.
+
+## Usage
+
+Apps ship on their own subpath and are **not** re-exported from `@sig-nine/era-ui`.
+Notes carries TipTap, and a consumer who never imports an app should never pay
+for it.
+
+```svelte
+<script>
+	import { Notes } from '@sig-nine/era-ui/apps';
+</script>
+
+<Notes />
+```
+
+That is the whole integration: 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`.
+
+## Peer dependencies
+
+Install alongside the library (they are not bundled):
+
+```
+@tiptap/core @tiptap/pm @tiptap/starter-kit @tiptap/suggestion
+@tiptap/extension-code-block-lowlight @tiptap/extension-details
+@tiptap/extension-highlight @tiptap/extension-image
+@tiptap/extension-placeholder @tiptap/extension-table
+@tiptap/extension-task-item @tiptap/extension-task-list
+@tiptap/extension-typography @tiptap/extension-unique-id
+lowlight tiptap-markdown
+```
+
+## Props
+
+| Prop         | Type             | Default            | Notes                                                             |
+| ------------ | ---------------- | ------------------ | ----------------------------------------------------------------- |
+| `store`      | `NotesStore`     | created internally | Bring your own; when set, the host owns its lifecycle.            |
+| `adapter`    | `NotesAdapter`   | `localStorage`     | Persistence for the internally-created store.                     |
+| `storageKey` | `string`         | `era-ui:notes`     | Key for the default adapter.                                      |
+| `noteId`     | `string \| null` | `null`             | `$bindable` — the open note, for deep-linking or session restore. |
+| `seed`       | `NoteInit[]`     | —                  | Created only when storage comes back empty (first-run sample).    |
+
+## Persistence
+
+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 '@sig-nine/era-ui/apps';
+
+const store = new NotesStore({
+	adapter: {
+		load: () => fetch('/api/notes').then((r) => r.json()),
+		save: (notes) => fetch('/api/notes', { method: 'PUT', body: JSON.stringify(notes) })
+	}
+});
+```
+
+`NotesStore` is the reactive source of truth (`notes`, `ordered`, `loading`,
+`status`, `lastError`) with `create` / `update` / `remove` / `togglePin` /
+`setIcon` / `search` / `toMarkdown` / `flush`. Writes are debounced and
+coalesced, so a burst of keystrokes costs one `save`.
+
+## The heading index
+
+Every document is also a tree. `buildGlobalTree()` walks heading structure,
+`treeToText()` renders it as a table of contents a model can read, and
+`extractSection(title, doc, headingId)` returns just the requested slice as
+structure-preserving markdown — reasoning-based retrieval rather than
+embeddings. Heading ids are stable (`@tiptap/extension-unique-id`), so a section
+address survives edits above it.
+
+## Notes
+
+- Keyboard: `/` opens the command menu, `Mod-K` links a selection, `Mod-S`
+  flushes pending writes immediately.
+- The slash menu and selection toolbar are real Svelte components mounted into
+  the document root, so they follow every axis — density tiers, surface chrome,
+  corners, motion, font — instead of carrying their own hardcoded styling.
+- `@tiptap/extension-mathematics` is deliberately absent: it needs KaTeX's
+  stylesheet and fonts to render. Spread `noteExtensions` and add it yourself if
+  you want math.
+
+<!-- end: notes -->
+
 <!-- begin: aspect-ratio -->
 
 # Aspect Ratio

package/dist/generated-docs/llms.txt

@@ -31,7 +31,7 @@ Full concatenated reference: `{{ORIGIN}}/llms-full.txt`.
 
 ## Components
 
-getting-started, spacing, surfaces, measurements, text, utilities, draggable, llm-shell, os, changelog, aspect-ratio, badge, avatar, bar, button, button-group, pane, card, chip, code-block, copy-button, cycle, kv, separator, sheet, skeleton, switch, toggle, accordion, alert-dialog, calendar, checkbox, collapsible, combobox, command, command-bar, step, context-menu, date-field, date-picker, date-range-field, date-range-picker, dialog, dropdown-menu, file-upload, scroll-area, input, link-preview, label, logo, menu, menubar, meter, navigation-menu, mode, pagination, pin-input, popover, progress, range-calendar, radio-group, rating-group, select, slider, table, tabs, time-field, time-range-field, toggle-group, toolbar, video-player, tooltip
+getting-started, spacing, surfaces, measurements, text, utilities, draggable, llm-shell, os, changelog, notes, aspect-ratio, badge, avatar, bar, button, button-group, pane, card, chip, code-block, copy-button, cycle, kv, separator, sheet, skeleton, switch, toggle, accordion, alert-dialog, calendar, checkbox, collapsible, combobox, command, command-bar, step, context-menu, date-field, date-picker, date-range-field, date-range-picker, dialog, dropdown-menu, file-upload, scroll-area, input, link-preview, label, logo, menu, menubar, meter, navigation-menu, mode, pagination, pin-input, popover, progress, range-calendar, radio-group, rating-group, select, slider, table, tabs, time-field, time-range-field, toggle-group, toolbar, video-player, tooltip
 
 ## CSS utilities
 

package/dist/generated-docs/manifest.json

@@ -100,6 +100,21 @@
       "sections": [],
       "file": "changelog.md"
     },
+    {
+      "slug": "notes",
+      "title": "Notes",
+      "summary": "A complete notes app — rich-text editor, slash commands, local persistence.",
+      "tokenEstimate": 885,
+      "sections": [
+        "Usage",
+        "Peer dependencies",
+        "Props",
+        "Persistence",
+        "The heading index",
+        "Notes"
+      ],
+      "file": "notes.md"
+    },
     {
       "slug": "aspect-ratio",
       "title": "Aspect Ratio",

package/dist/generated-docs/notes.md

@@ -0,0 +1,86 @@
+# Notes
+
+A complete notes app — rich-text editor, slash commands, local persistence.
+
+## Usage
+
+Apps ship on their own subpath and are **not** re-exported from `@sig-nine/era-ui`.
+Notes carries TipTap, and a consumer who never imports an app should never pay
+for it.
+
+```svelte
+<script>
+	import { Notes } from '@sig-nine/era-ui/apps';
+</script>
+
+<Notes />
+```
+
+That is the whole integration: 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`.
+
+## Peer dependencies
+
+Install alongside the library (they are not bundled):
+
+```
+@tiptap/core @tiptap/pm @tiptap/starter-kit @tiptap/suggestion
+@tiptap/extension-code-block-lowlight @tiptap/extension-details
+@tiptap/extension-highlight @tiptap/extension-image
+@tiptap/extension-placeholder @tiptap/extension-table
+@tiptap/extension-task-item @tiptap/extension-task-list
+@tiptap/extension-typography @tiptap/extension-unique-id
+lowlight tiptap-markdown
+```
+
+## Props
+
+| Prop         | Type             | Default            | Notes                                                             |
+| ------------ | ---------------- | ------------------ | ----------------------------------------------------------------- |
+| `store`      | `NotesStore`     | created internally | Bring your own; when set, the host owns its lifecycle.            |
+| `adapter`    | `NotesAdapter`   | `localStorage`     | Persistence for the internally-created store.                     |
+| `storageKey` | `string`         | `era-ui:notes`     | Key for the default adapter.                                      |
+| `noteId`     | `string \| null` | `null`             | `$bindable` — the open note, for deep-linking or session restore. |
+| `seed`       | `NoteInit[]`     | —                  | Created only when storage comes back empty (first-run sample).    |
+
+## Persistence
+
+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 '@sig-nine/era-ui/apps';
+
+const store = new NotesStore({
+	adapter: {
+		load: () => fetch('/api/notes').then((r) => r.json()),
+		save: (notes) => fetch('/api/notes', { method: 'PUT', body: JSON.stringify(notes) })
+	}
+});
+```
+
+`NotesStore` is the reactive source of truth (`notes`, `ordered`, `loading`,
+`status`, `lastError`) with `create` / `update` / `remove` / `togglePin` /
+`setIcon` / `search` / `toMarkdown` / `flush`. Writes are debounced and
+coalesced, so a burst of keystrokes costs one `save`.
+
+## The heading index
+
+Every document is also a tree. `buildGlobalTree()` walks heading structure,
+`treeToText()` renders it as a table of contents a model can read, and
+`extractSection(title, doc, headingId)` returns just the requested slice as
+structure-preserving markdown — reasoning-based retrieval rather than
+embeddings. Heading ids are stable (`@tiptap/extension-unique-id`), so a section
+address survives edits above it.
+
+## Notes
+
+- Keyboard: `/` opens the command menu, `Mod-K` links a selection, `Mod-S`
+  flushes pending writes immediately.
+- The slash menu and selection toolbar are real Svelte components mounted into
+  the document root, so they follow every axis — density tiers, surface chrome,
+  corners, motion, font — instead of carrying their own hardcoded styling.
+- `@tiptap/extension-mathematics` is deliberately absent: it needs KaTeX's
+  stylesheet and fonts to render. Spread `noteExtensions` and add it yourself if
+  you want math.

package/dist/ui/badge/badge.svelte.d.ts

@@ -1,28 +1,28 @@
 export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "bg-hover text-fg";
+        accent: "bg-primary text-primary-fg";
+        destructive: "bg-destructive text-destructive-fg";
+        success: "bg-success text-success-fg";
+        warning: "bg-warning text-warning-fg";
     };
 }, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs) era-text-trim", {
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "bg-hover text-fg";
+        accent: "bg-primary text-primary-fg";
+        destructive: "bg-destructive text-destructive-fg";
+        success: "bg-success text-success-fg";
+        warning: "bg-warning text-warning-fg";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "bg-hover text-fg";
+        accent: "bg-primary text-primary-fg";
+        destructive: "bg-destructive text-destructive-fg";
+        success: "bg-success text-success-fg";
+        warning: "bg-warning text-warning-fg";
     };
-}, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs) era-text-trim", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 type $$ComponentProps = HTMLAttributes<HTMLSpanElement> & {

package/dist/ui/bar/bar.svelte.d.ts

@@ -1,22 +1,22 @@
 export declare const barVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "h-(--era-h-sm) rounded-(--era-rd-sm)";
+        md: "h-(--era-h-md) rounded-(--era-rd-md)";
+        lg: "h-(--era-h-lg) rounded-(--era-rd-lg)";
     };
 }, undefined, "flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm) era-text-trim", {
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "h-(--era-h-sm) rounded-(--era-rd-sm)";
+        md: "h-(--era-h-md) rounded-(--era-rd-md)";
+        lg: "h-(--era-h-lg) rounded-(--era-rd-lg)";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "h-(--era-h-sm) rounded-(--era-rd-sm)";
+        md: "h-(--era-h-md) rounded-(--era-rd-md)";
+        lg: "h-(--era-h-lg) rounded-(--era-rd-lg)";
     };
-}, undefined, "flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm) era-text-trim", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { HTMLAttributes } from 'svelte/elements';
 import type { Snippet } from 'svelte';
 type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {

package/dist/ui/button/variants.d.ts

@@ -1,76 +1,76 @@
 export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        filled: string;
-        link: string;
+        filled: "flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:shadow-(--era-shadow-pressed) [&:active>*]:translate-x-(--era-press-sink-x) [&:active>*]:translate-y-(--era-press-sink-y)";
+        link: "inline-flex underline-offset-2 hover:underline";
     };
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "";
+        accent: "";
+        destructive: "";
+        success: "";
+        warning: "";
     };
     size: {
-        default: string;
-        sm: string;
-        xxs: string;
-        xs: string;
-        icon: string;
+        default: "";
+        sm: "";
+        xxs: "";
+        xs: "";
+        icon: "";
     };
     icon: {
-        true: string;
+        true: "";
     };
     active: {
-        true: string;
+        true: "";
     };
 }, undefined, "items-center gap-(--era-gap) text-body era-interactive era-text-trim", {
     variant: {
-        filled: string;
-        link: string;
+        filled: "flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:shadow-(--era-shadow-pressed) [&:active>*]:translate-x-(--era-press-sink-x) [&:active>*]:translate-y-(--era-press-sink-y)";
+        link: "inline-flex underline-offset-2 hover:underline";
     };
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "";
+        accent: "";
+        destructive: "";
+        success: "";
+        warning: "";
     };
     size: {
-        default: string;
-        sm: string;
-        xxs: string;
-        xs: string;
-        icon: string;
+        default: "";
+        sm: "";
+        xxs: "";
+        xs: "";
+        icon: "";
     };
     icon: {
-        true: string;
+        true: "";
     };
     active: {
-        true: string;
+        true: "";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        filled: string;
-        link: string;
+        filled: "flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:shadow-(--era-shadow-pressed) [&:active>*]:translate-x-(--era-press-sink-x) [&:active>*]:translate-y-(--era-press-sink-y)";
+        link: "inline-flex underline-offset-2 hover:underline";
     };
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "";
+        accent: "";
+        destructive: "";
+        success: "";
+        warning: "";
     };
     size: {
-        default: string;
-        sm: string;
-        xxs: string;
-        xs: string;
-        icon: string;
+        default: "";
+        sm: "";
+        xxs: "";
+        xs: "";
+        icon: "";
     };
     icon: {
-        true: string;
+        true: "";
     };
     active: {
-        true: string;
+        true: "";
     };
-}, undefined, "items-center gap-(--era-gap) text-body era-interactive era-text-trim", unknown, unknown, undefined>>;
+}, undefined>>;

package/dist/ui/card/card.svelte.d.ts

@@ -1,43 +1,43 @@
 export declare const cardVariants: import("tailwind-variants").TVReturnType<{
     tone: {
-        elevated: string;
-        surface: string;
-        flat: string;
+        elevated: "bg-(--era-surface-bg-elevated) shadow-(--era-shadow)";
+        surface: "bg-(--era-surface-bg)";
+        flat: "";
     };
     sectioned: {
-        true: string;
-        false: string;
+        true: "p-0";
+        false: "px-(--era-pad-md) pt-(--era-gap) pb-(--era-pad-md)";
     };
     interactive: {
-        true: string;
+        true: "cursor-pointer hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus-visible:bg-(--era-highlight) era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
     };
 }, undefined, "block w-full rounded-(--era-rd-lg) text-left text-fg", {
     tone: {
-        elevated: string;
-        surface: string;
-        flat: string;
+        elevated: "bg-(--era-surface-bg-elevated) shadow-(--era-shadow)";
+        surface: "bg-(--era-surface-bg)";
+        flat: "";
     };
     sectioned: {
-        true: string;
-        false: string;
+        true: "p-0";
+        false: "px-(--era-pad-md) pt-(--era-gap) pb-(--era-pad-md)";
     };
     interactive: {
-        true: string;
+        true: "cursor-pointer hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus-visible:bg-(--era-highlight) era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     tone: {
-        elevated: string;
-        surface: string;
-        flat: string;
+        elevated: "bg-(--era-surface-bg-elevated) shadow-(--era-shadow)";
+        surface: "bg-(--era-surface-bg)";
+        flat: "";
     };
     sectioned: {
-        true: string;
-        false: string;
+        true: "p-0";
+        false: "px-(--era-pad-md) pt-(--era-gap) pb-(--era-pad-md)";
     };
     interactive: {
-        true: string;
+        true: "cursor-pointer hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus-visible:bg-(--era-highlight) era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
     };
-}, undefined, "block w-full rounded-(--era-rd-lg) text-left text-fg", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { Snippet } from 'svelte';
 import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
 type CardElement = HTMLDivElement | HTMLAnchorElement | HTMLButtonElement;

package/dist/ui/chip/chip.svelte.d.ts

@@ -1,31 +1,31 @@
 export declare const chipVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: string;
-        xxs: string;
+        sm: "h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm) pl-(--era-pill-sm)";
+        xxs: "h-(--era-h-xxs) min-w-(--era-h-xxs) rounded-(--era-rd-xxs) pl-(--era-pill-xxs)";
     };
     dismissible: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
 }, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow) era-text-trim", {
     size: {
-        sm: string;
-        xxs: string;
+        sm: "h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm) pl-(--era-pill-sm)";
+        xxs: "h-(--era-h-xxs) min-w-(--era-h-xxs) rounded-(--era-rd-xxs) pl-(--era-pill-xxs)";
     };
     dismissible: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
-        sm: string;
-        xxs: string;
+        sm: "h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm) pl-(--era-pill-sm)";
+        xxs: "h-(--era-h-xxs) min-w-(--era-h-xxs) rounded-(--era-rd-xxs) pl-(--era-pill-xxs)";
     };
     dismissible: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
-}, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow) era-text-trim", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {

package/dist/ui/pane/pane-root.svelte.d.ts

@@ -29,6 +29,6 @@ type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
     onDragEnd?: (data: DragEventData) => void;
     children?: Snippet;
 };
-declare const PaneRoot: import("svelte").Component<$$ComponentProps, {}, "size" | "position" | "ref">;
+declare const PaneRoot: import("svelte").Component<$$ComponentProps, {}, "position" | "size" | "ref">;
 type PaneRoot = ReturnType<typeof PaneRoot>;
 export default PaneRoot;

package/dist/ui/pane/pane.svelte.d.ts

@@ -35,6 +35,6 @@ type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
     header?: Snippet;
     children?: Snippet;
 };
-declare const Pane: Component<$$ComponentProps, {}, "size" | "position" | "ref">;
+declare const Pane: Component<$$ComponentProps, {}, "position" | "size" | "ref">;
 type Pane = ReturnType<typeof Pane>;
 export default Pane;

package/dist/ui/sheet/sheet-content.svelte.d.ts

@@ -1,26 +1,26 @@
 import { type PartProps } from '../../utils/index.js';
 export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
     side: {
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
+        top: "inset-x-0 top-0 max-h-[85dvh] rounded-b-(--era-rd-lg)";
+        bottom: "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-(--era-rd-lg)";
+        left: "inset-y-0 left-0 w-[min(20rem,85vw)] rounded-r-(--era-rd-lg)";
+        right: "inset-y-0 right-0 w-[min(20rem,85vw)] rounded-l-(--era-rd-lg)";
     };
 }, undefined, "fixed z-50 flex flex-col gap-(--era-gap) overflow-y-auto bg-(--era-surface-bg) p-(--era-pad-md) shadow-(--era-shadow-lg) glass-blur", {
     side: {
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
+        top: "inset-x-0 top-0 max-h-[85dvh] rounded-b-(--era-rd-lg)";
+        bottom: "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-(--era-rd-lg)";
+        left: "inset-y-0 left-0 w-[min(20rem,85vw)] rounded-r-(--era-rd-lg)";
+        right: "inset-y-0 right-0 w-[min(20rem,85vw)] rounded-l-(--era-rd-lg)";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     side: {
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
+        top: "inset-x-0 top-0 max-h-[85dvh] rounded-b-(--era-rd-lg)";
+        bottom: "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-(--era-rd-lg)";
+        left: "inset-y-0 left-0 w-[min(20rem,85vw)] rounded-r-(--era-rd-lg)";
+        right: "inset-y-0 right-0 w-[min(20rem,85vw)] rounded-l-(--era-rd-lg)";
     };
-}, undefined, "fixed z-50 flex flex-col gap-(--era-gap) overflow-y-auto bg-(--era-surface-bg) p-(--era-pad-md) shadow-(--era-shadow-lg) glass-blur", unknown, unknown, undefined>>;
+}, undefined>>;
 import { Dialog } from 'bits-ui';
 type $$ComponentProps = PartProps<Dialog.ContentProps> & {
     /** Screen edge the sheet is anchored to. */

package/dist/ui/skeleton/skeleton.svelte.d.ts

@@ -1,22 +1,22 @@
 export declare const skeletonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        line: string;
-        circle: string;
-        block: string;
+        line: "h-(--era-text) w-full rounded-(--era-rd-md)";
+        circle: "size-(--era-h-lg) rounded-full";
+        block: "h-24 w-full rounded-(--era-rd-md)";
     };
 }, undefined, "animate-[skeleton-pulse_2s_ease-in-out_infinite] bg-(--era-surface-bg-elevated)", {
     variant: {
-        line: string;
-        circle: string;
-        block: string;
+        line: "h-(--era-text) w-full rounded-(--era-rd-md)";
+        circle: "size-(--era-h-lg) rounded-full";
+        block: "h-24 w-full rounded-(--era-rd-md)";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        line: string;
-        circle: string;
-        block: string;
+        line: "h-(--era-text) w-full rounded-(--era-rd-md)";
+        circle: "size-(--era-h-lg) rounded-full";
+        block: "h-24 w-full rounded-(--era-rd-md)";
     };
-}, undefined, "animate-[skeleton-pulse_2s_ease-in-out_infinite] bg-(--era-surface-bg-elevated)", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { HTMLAttributes } from 'svelte/elements';
 type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
     ref?: HTMLDivElement | null;

package/dist/utils/index.js

@@ -13,6 +13,17 @@ import { createTV } from 'tailwind-variants';
 // names tailwind-merge knows; only era's additions to those scales are listed.
 const TIERS = ['xs', 'xxs', 'sm', 'md', 'lg'];
 const INSETS = ['inset-xxs', 'inset-sm', 'inset-md'];
+// DELIBERATELY UNANNOTATED — do not restore `: ConfigExtension<string, string>`.
+// This object has to satisfy two libraries at once, and since tailwind-variants
+// 3.3.0 they disagree: tw-variants stopped reusing tailwind-merge's
+// ConfigExtension and declares its own, whose `extend`/`override` are
+// Partial<AnyConfig> where tailwind-merge's are PartialConfigGroupsPart. The two
+// differ in how deeply `theme` is optional, so annotating with either one makes
+// it unassignable to the other and `createTV` stops type-checking.
+//
+// Nothing is lost by inferring: both call sites below still validate the shape,
+// so a typo'd class group is still a compile error — it just gets reported
+// against TWMergeConfig instead of here.
 const twMergeConfig = {
     extend: {
         classGroups: {