@signal9/era-ui 3.10.0 → 3.12.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/os/window.svelte

@@ -84,7 +84,12 @@
 		     drags the primary button and suppresses the trailing click after a real
 		     drag, so a clean click still closes, and right/middle arming is a
 		     different button entirely. -->
-		<div class="ml-auto shrink-0">
+		<!-- Window actions sit LEFT of the close button, on the same --era-gap
+		     rhythm as the rest of the handle. Like the close button they carry no
+		     data-pane-control, so a press-and-hold anywhere on the bar still drags
+		     the window and only a clean click activates them. -->
+		<div class="ml-auto flex shrink-0 items-center gap-(--era-gap)">
+			{@render win.actions?.()}
 			<!-- The macOS traffic lights, one button: red = close at rest, and the
 			     held preview recolours to the action it will commit — yellow for
 			     minimize, green for maximize — so the tone and glyph agree on what

package/dist/os/wm.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type Component } from 'svelte';
+import { type Component, type Snippet } from 'svelte';
 import type { IconProps } from '@lucide/svelte';
 /** A point on the desktop plane. */
 export interface Point {
@@ -57,6 +57,12 @@ export interface AppDefinition {
     /** Extra classes for the window body (Pane.Content) — e.g. `p-(--era-gap)`
      *  for a body of controls, or `p-0` for a full-bleed app. */
     bodyClass?: string;
+    /** Extra title-bar controls, rendered immediately LEFT of the close button.
+     *  For per-window affordances that belong on the chrome rather than in the
+     *  body — a help/usage launcher, a pin, a view toggle. Assignable on the
+     *  live AppWindow too, so a host can swap it as the window's content
+     *  changes. */
+    actions?: Snippet;
 }
 /** A live window instance in the registry. */
 export interface AppWindow {
@@ -79,6 +85,7 @@ export interface AppWindow {
     resizable: boolean;
     minimizable: boolean;
     bodyClass?: string;
+    actions?: Snippet;
 }
 /** A named virtual desktop. Every window belongs to exactly one; only the
  *  active workspace's windows are shown, the rest keep their geometry and

package/dist/os/wm.svelte.js

@@ -105,7 +105,8 @@ export class WindowManager {
             component: app.component,
             resizable: overrides?.resizable ?? app.resizable ?? true,
             minimizable: app.minimizable ?? true,
-            bodyClass: app.bodyClass
+            bodyClass: app.bodyClass,
+            actions: app.actions
         };
         this.windows.push(win);
         return id;

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. */