@viax.io/uxm 4.38.0 → 4.39.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [4.39.0](https://gitlab.viax.tech/services-viax/uxm/compare/v4.38.0...v4.39.0) (2026-09-08)
+
+
+### Features
+
+* **hooks:** expose the behaviour hooks as @viax/uxm/hooks ([1224dc5](https://gitlab.viax.tech/services-viax/uxm/commit/1224dc53be946ae6d1a43bb7b5d4451f6b0de44a))
+* **icon-button:** add variant="filled"; deprecate ButtonIcon ([e3bb8a5](https://gitlab.viax.tech/services-viax/uxm/commit/e3bb8a5b54d7c547bab4b9e0a743275456b07e3d))
+
 # [4.38.0](https://gitlab.viax.tech/services-viax/uxm/compare/v4.37.1...v4.38.0) (2026-09-08)
 
 

package/README.md

@@ -73,6 +73,7 @@ import { ButtonPrimary, themeTokens } from '@viax/uxm';
 | `@viax/uxm/ui.css` | Compiled component stylesheet — required for visual output. |
 | `@viax/uxm/tokens` | `themeTokens` array + `findToken` / `resolveHex` / `isTokenValue` + `ThemeToken` type. |
 | `@viax/uxm/tokens.css` | `--color-*` declarations on `:root`. |
+| `@viax/uxm/hooks` | The behaviour hooks the atoms are built on — `useDismiss`, `useFocusTrap`, `useFocusOnMount`, `useRovingTabIndex`, `useScrollLock`, `usePortal`, `useToastStore` — for hosts composing their own floating layers or keyboard widgets. Pure React, no atom imports. |
 | `@viax/uxm/previews` | Preview components for host shells building theme editors. **No preview symbol leaks into `/ui`** — see the tree-shake guarantee below. |
 
 ## Component catalog
@@ -85,7 +86,7 @@ Every component folder ships a `README.md` documenting props, CSS variables, MOD
 [`calendar`](src/ui/calendar/README.md) · [`checkbox`](src/ui/checkbox/README.md) · [`color-input`](src/ui/color-input/README.md) (ColorInput + ColorInputPopover) · [`currency-input`](src/ui/currency-input/README.md) · [`date-input`](src/ui/date-input/README.md) · [`editable-cell`](src/ui/editable-cell/README.md) · [`field-error`](src/ui/field-error/README.md) · [`file-upload`](src/ui/file-upload/README.md) · [`form-field`](src/ui/form-field/README.md) · [`input`](src/ui/input/README.md) (TextInput + Select + Textarea) · [`input-with-icon`](src/ui/input-with-icon/README.md) · [`number-input`](src/ui/number-input/README.md) · [`number-stepper`](src/ui/number-stepper/README.md) · [`password-input`](src/ui/password-input/README.md) · [`phone-input`](src/ui/phone-input/README.md) · [`pill-select`](src/ui/pill-select/README.md) · [`radio-group`](src/ui/radio-group/README.md) · [`range-slider`](src/ui/range-slider/README.md) · [`search-dropdown`](src/ui/search-dropdown/README.md) · [`slider`](src/ui/slider/README.md) · [`time-input`](src/ui/time-input/README.md) · [`toggle-switch`](src/ui/toggle-switch/README.md)
 
 ### Buttons & actions
-[`back-link`](src/ui/back-link/README.md) · [`bulk-action-bar`](src/ui/bulk-action-bar/README.md) · [`button`](src/ui/button/README.md) (Primary/Secondary/Tertiary/Ghost) · [`button-group`](src/ui/button-group/README.md) · [`button-icon`](src/ui/button-icon/README.md) · [`button-with-icon`](src/ui/button-with-icon/README.md) · [`icon-button`](src/ui/icon-button/README.md) · [`inline-action`](src/ui/inline-action/README.md) · [`link`](src/ui/link/README.md)
+[`back-link`](src/ui/back-link/README.md) · [`bulk-action-bar`](src/ui/bulk-action-bar/README.md) · [`button`](src/ui/button/README.md) (Primary/Secondary/Tertiary/Ghost) · [`button-group`](src/ui/button-group/README.md) · [`button-icon`](src/ui/button-icon/README.md) (deprecated → `icon-button` `variant="filled"`) · [`button-with-icon`](src/ui/button-with-icon/README.md) · [`icon-button`](src/ui/icon-button/README.md) · [`inline-action`](src/ui/inline-action/README.md) · [`link`](src/ui/link/README.md)
 
 ### Navigation
 [`app-sidebar`](src/ui/app-sidebar/README.md) · [`app-top-bar`](src/ui/app-top-bar/README.md) · [`breadcrumb`](src/ui/breadcrumb/README.md) · [`filter-tabs`](src/ui/filter-tabs/README.md) · [`menu`](src/ui/menu/README.md) · [`sidebar-nav-item`](src/ui/sidebar-nav-item/README.md) · [`tabs`](src/ui/tabs/README.md) · [`tabs-underline`](src/ui/tabs-underline/README.md) · [`view-switcher`](src/ui/view-switcher/README.md)

package/dist/hooks/index.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  toastStore: () => import_use_toast_store.toastStore,
+  useDismiss: () => import_use_dismiss.useDismiss,
+  useFocusOnMount: () => import_use_focus_on_mount.useFocusOnMount,
+  useFocusTrap: () => import_use_focus_trap.useFocusTrap,
+  usePortal: () => import_use_portal.usePortal,
+  useRovingTabIndex: () => import_use_roving_tab_index.useRovingTabIndex,
+  useScrollLock: () => import_use_scroll_lock.useScrollLock,
+  useToastStore: () => import_use_toast_store.useToastStore
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_use_dismiss = require("./use-dismiss.cjs");
+var import_use_focus_on_mount = require("./use-focus-on-mount.cjs");
+var import_use_focus_trap = require("./use-focus-trap.cjs");
+var import_use_portal = require("./use-portal.cjs");
+var import_use_roving_tab_index = require("./use-roving-tab-index.cjs");
+var import_use_scroll_lock = require("./use-scroll-lock.cjs");
+var import_use_toast_store = require("./use-toast-store.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toastStore,
+  useDismiss,
+  useFocusOnMount,
+  useFocusTrap,
+  usePortal,
+  useRovingTabIndex,
+  useScrollLock,
+  useToastStore
+});
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["/**\n * @viax/uxm/hooks — the behaviour hooks the atoms are built on, for hosts\n * that compose their own floating layers or keyboard widgets on top of the\n * library's primitives. Pure React; no atom or studio imports (enforced by the\n * layer rules in eslint.config.mjs).\n */\nexport { useDismiss } from './use-dismiss';\nexport type { UseDismissOptions } from './use-dismiss';\nexport { useFocusOnMount } from './use-focus-on-mount';\nexport type { UseFocusOnMountOptions } from './use-focus-on-mount';\nexport { useFocusTrap } from './use-focus-trap';\nexport type { UseFocusTrapOptions } from './use-focus-trap';\nexport { usePortal } from './use-portal';\nexport { useRovingTabIndex } from './use-roving-tab-index';\nexport type {\n  RovingTabIndexOrientation,\n  UseRovingTabIndexOptions,\n  UseRovingTabIndexResult,\n} from './use-roving-tab-index';\nexport { useScrollLock } from './use-scroll-lock';\nexport { toastStore, useToastStore } from './use-toast-store';\nexport type { ToastAction, ToastItem, ToastOptions, ToastVariant } from './use-toast-store';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,yBAA2B;AAE3B,gCAAgC;AAEhC,4BAA6B;AAE7B,wBAA0B;AAC1B,kCAAkC;AAMlC,6BAA8B;AAC9B,6BAA0C;","names":[]}

package/dist/hooks/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @viax/uxm/hooks — the behaviour hooks the atoms are built on, for hosts
+ * that compose their own floating layers or keyboard widgets on top of the
+ * library's primitives. Pure React; no atom or studio imports (enforced by the
+ * layer rules in eslint.config.mjs).
+ */
+export { useDismiss } from './use-dismiss.js';
+export type { UseDismissOptions } from './use-dismiss.js';
+export { useFocusOnMount } from './use-focus-on-mount.js';
+export type { UseFocusOnMountOptions } from './use-focus-on-mount.js';
+export { useFocusTrap } from './use-focus-trap.js';
+export type { UseFocusTrapOptions } from './use-focus-trap.js';
+export { usePortal } from './use-portal.js';
+export { useRovingTabIndex } from './use-roving-tab-index.js';
+export type { RovingTabIndexOrientation, UseRovingTabIndexOptions, UseRovingTabIndexResult, } from './use-roving-tab-index.js';
+export { useScrollLock } from './use-scroll-lock.js';
+export { toastStore, useToastStore } from './use-toast-store.js';
+export type { ToastAction, ToastItem, ToastOptions, ToastVariant } from './use-toast-store.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EACV,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,18 @@
+import { useDismiss } from "./use-dismiss.js";
+import { useFocusOnMount } from "./use-focus-on-mount.js";
+import { useFocusTrap } from "./use-focus-trap.js";
+import { usePortal } from "./use-portal.js";
+import { useRovingTabIndex } from "./use-roving-tab-index.js";
+import { useScrollLock } from "./use-scroll-lock.js";
+import { toastStore, useToastStore } from "./use-toast-store.js";
+export {
+  toastStore,
+  useDismiss,
+  useFocusOnMount,
+  useFocusTrap,
+  usePortal,
+  useRovingTabIndex,
+  useScrollLock,
+  useToastStore
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["/**\n * @viax/uxm/hooks — the behaviour hooks the atoms are built on, for hosts\n * that compose their own floating layers or keyboard widgets on top of the\n * library's primitives. Pure React; no atom or studio imports (enforced by the\n * layer rules in eslint.config.mjs).\n */\nexport { useDismiss } from './use-dismiss';\nexport type { UseDismissOptions } from './use-dismiss';\nexport { useFocusOnMount } from './use-focus-on-mount';\nexport type { UseFocusOnMountOptions } from './use-focus-on-mount';\nexport { useFocusTrap } from './use-focus-trap';\nexport type { UseFocusTrapOptions } from './use-focus-trap';\nexport { usePortal } from './use-portal';\nexport { useRovingTabIndex } from './use-roving-tab-index';\nexport type {\n  RovingTabIndexOrientation,\n  UseRovingTabIndexOptions,\n  UseRovingTabIndexResult,\n} from './use-roving-tab-index';\nexport { useScrollLock } from './use-scroll-lock';\nexport { toastStore, useToastStore } from './use-toast-store';\nexport type { ToastAction, ToastItem, ToastOptions, ToastVariant } from './use-toast-store';\n"],"mappings":"AAMA,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAE7B,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAMlC,SAAS,qBAAqB;AAC9B,SAAS,YAAY,qBAAqB;","names":[]}

package/dist/hooks/use-toast-store.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-toast-store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport type { ToastVariant as ToastAtomVariant } from '../ui/toast/toast';\n\n/** Re-exported here so consumers can grab the type from one place. */\nexport type ToastVariant = ToastAtomVariant;\n\n/**\n * Inline action affordance — single button rendered between the message\n * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the\n * toast (convention: the user took the action, no reason to keep it).\n */\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastItem {\n  id: string;\n  variant: ToastVariant;\n  message: string;\n  /** ms until auto-dismiss. `Infinity` for persistent (manual dismiss only). */\n  duration: number;\n  action?: ToastAction;\n}\n\nexport interface ToastOptions {\n  /** ms until auto-dismiss. Default `4000`. `Infinity` for persistent. */\n  duration?: number;\n  /** Stable id — pass to overwrite an existing toast (e.g. update progress). Generated if omitted. */\n  id?: string;\n  /** Inline action button (e.g. \"Retry\", \"Undo\"). Auto-dismisses on click. */\n  action?: ToastAction;\n}\n\ntype Listener = () => void;\n\n/**\n * Module-level singleton store. The store survives across renders and\n * is shared by every consumer of `toast.*` and `<Toaster />`, so the\n * imperative API works from anywhere without a React context tree —\n * the same trick sonner uses.\n *\n * State is held in a frozen array so React's strict-equality bail-out\n * works correctly with `useSyncExternalStore`.\n */\nclass ToastStore {\n  private toasts: ReadonlyArray<ToastItem> = Object.freeze([]);\n  private listeners = new Set<Listener>();\n  private idCounter = 0;\n\n  private emit() {\n    for (const l of this.listeners) l();\n  }\n\n  subscribe = (l: Listener) => {\n    this.listeners.add(l);\n    return () => {\n      this.listeners.delete(l);\n    };\n  };\n\n  getSnapshot = (): ReadonlyArray<ToastItem> => this.toasts;\n\n  /** SSR snapshot — never any toasts on the server. */\n  getServerSnapshot = (): ReadonlyArray<ToastItem> => EMPTY;\n\n  add(variant: ToastVariant, message: string, options: ToastOptions = {}): string {\n    const id = options.id ?? `uxm-toast-${++this.idCounter}`;\n    const duration = options.duration ?? 4000;\n    const next: ToastItem = { id, variant, message, duration, action: options.action };\n    const existing = this.toasts.findIndex((t) => t.id === id);\n    if (existing >= 0) {\n      const copy = this.toasts.slice();\n      copy[existing] = next;\n      this.toasts = Object.freeze(copy);\n    } else {\n      this.toasts = Object.freeze([next, ...this.toasts]);\n    }\n    this.emit();\n    return id;\n  }\n\n  dismiss(id: string) {\n    const next = this.toasts.filter((t) => t.id !== id);\n    if (next.length === this.toasts.length) return;\n    this.toasts = Object.freeze(next);\n    this.emit();\n  }\n\n  /** Cap the stack — drops the OLDEST entries past the limit. */\n  trim(max: number) {\n    if (this.toasts.length <= max) return;\n    this.toasts = Object.freeze(this.toasts.slice(0, max));\n    this.emit();\n  }\n\n  clear() {\n    if (this.toasts.length === 0) return;\n    this.toasts = EMPTY;\n    this.emit();\n  }\n}\n\nconst EMPTY: ReadonlyArray<ToastItem> = Object.freeze([]);\n\n/** The one true store. Imported by both the imperative API and the Toaster. */\nexport const toastStore = new ToastStore();\n\n/** React hook — subscribes a component to the toast list. */\nexport function useToastStore(): ReadonlyArray<ToastItem> {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AA8CrC,MAAM,WAAW;AAAA,EAAjB;AACE,SAAQ,SAAmC,OAAO,OAAO,CAAC,CAAC;AAC3D,SAAQ,YAAY,oBAAI,IAAc;AACtC,SAAQ,YAAY;AAMpB,qBAAY,CAAC,MAAgB;AAC3B,WAAK,UAAU,IAAI,CAAC;AACpB,aAAO,MAAM;AACX,aAAK,UAAU,OAAO,CAAC;AAAA,MACzB;AAAA,IACF;AAEA,uBAAc,MAAgC,KAAK;AAGnD;AAAA,6BAAoB,MAAgC;AAAA;AAAA,EAd5C,OAAO;AACb,eAAW,KAAK,KAAK,UAAW,GAAE;AAAA,EACpC;AAAA,EAcA,IAAI,SAAuB,SAAiB,UAAwB,CAAC,GAAW;AAC9E,UAAM,KAAK,QAAQ,MAAM,aAAa,EAAE,KAAK,SAAS;AACtD,UAAM,WAAW,QAAQ,YAAY;AACrC,UAAM,OAAkB,EAAE,IAAI,SAAS,SAAS,UAAU,QAAQ,QAAQ,OAAO;AACjF,UAAM,WAAW,KAAK,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACzD,QAAI,YAAY,GAAG;AACjB,YAAM,OAAO,KAAK,OAAO,MAAM;AAC/B,WAAK,QAAQ,IAAI;AACjB,WAAK,SAAS,OAAO,OAAO,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,SAAS,OAAO,OAAO,CAAC,MAAM,GAAG,KAAK,MAAM,CAAC;AAAA,IACpD;AACA,SAAK,KAAK;AACV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,IAAY;AAClB,UAAM,OAAO,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAClD,QAAI,KAAK,WAAW,KAAK,OAAO,OAAQ;AACxC,SAAK,SAAS,OAAO,OAAO,IAAI;AAChC,SAAK,KAAK;AAAA,EACZ;AAAA;AAAA,EAGA,KAAK,KAAa;AAChB,QAAI,KAAK,OAAO,UAAU,IAAK;AAC/B,SAAK,SAAS,OAAO,OAAO,KAAK,OAAO,MAAM,GAAG,GAAG,CAAC;AACrD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,SAAK,SAAS;AACd,SAAK,KAAK;AAAA,EACZ;AACF;AAEA,MAAM,QAAkC,OAAO,OAAO,CAAC,CAAC;AAGjD,MAAM,aAAa,IAAI,WAAW;AAGlC,SAAS,gBAA0C;AACxD,aAAO;AAAA,IACL,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-toast-store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\n/**\n * Declared here, in the leaf, and re-exported by the `Toast` atom — the hook\n * must not reach up into `src/ui` (layer rule in eslint.config.mjs).\n */\nexport type ToastVariant = 'success' | 'info' | 'warning' | 'error';\n\n/**\n * Inline action affordance — single button rendered between the message\n * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the\n * toast (convention: the user took the action, no reason to keep it).\n */\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastItem {\n  id: string;\n  variant: ToastVariant;\n  message: string;\n  /** ms until auto-dismiss. `Infinity` for persistent (manual dismiss only). */\n  duration: number;\n  action?: ToastAction;\n}\n\nexport interface ToastOptions {\n  /** ms until auto-dismiss. Default `4000`. `Infinity` for persistent. */\n  duration?: number;\n  /** Stable id — pass to overwrite an existing toast (e.g. update progress). Generated if omitted. */\n  id?: string;\n  /** Inline action button (e.g. \"Retry\", \"Undo\"). Auto-dismisses on click. */\n  action?: ToastAction;\n}\n\ntype Listener = () => void;\n\n/**\n * Module-level singleton store. The store survives across renders and\n * is shared by every consumer of `toast.*` and `<Toaster />`, so the\n * imperative API works from anywhere without a React context tree —\n * the same trick sonner uses.\n *\n * State is held in a frozen array so React's strict-equality bail-out\n * works correctly with `useSyncExternalStore`.\n */\nclass ToastStore {\n  private toasts: ReadonlyArray<ToastItem> = Object.freeze([]);\n  private listeners = new Set<Listener>();\n  private idCounter = 0;\n\n  private emit() {\n    for (const l of this.listeners) l();\n  }\n\n  subscribe = (l: Listener) => {\n    this.listeners.add(l);\n    return () => {\n      this.listeners.delete(l);\n    };\n  };\n\n  getSnapshot = (): ReadonlyArray<ToastItem> => this.toasts;\n\n  /** SSR snapshot — never any toasts on the server. */\n  getServerSnapshot = (): ReadonlyArray<ToastItem> => EMPTY;\n\n  add(variant: ToastVariant, message: string, options: ToastOptions = {}): string {\n    const id = options.id ?? `uxm-toast-${++this.idCounter}`;\n    const duration = options.duration ?? 4000;\n    const next: ToastItem = { id, variant, message, duration, action: options.action };\n    const existing = this.toasts.findIndex((t) => t.id === id);\n    if (existing >= 0) {\n      const copy = this.toasts.slice();\n      copy[existing] = next;\n      this.toasts = Object.freeze(copy);\n    } else {\n      this.toasts = Object.freeze([next, ...this.toasts]);\n    }\n    this.emit();\n    return id;\n  }\n\n  dismiss(id: string) {\n    const next = this.toasts.filter((t) => t.id !== id);\n    if (next.length === this.toasts.length) return;\n    this.toasts = Object.freeze(next);\n    this.emit();\n  }\n\n  /** Cap the stack — drops the OLDEST entries past the limit. */\n  trim(max: number) {\n    if (this.toasts.length <= max) return;\n    this.toasts = Object.freeze(this.toasts.slice(0, max));\n    this.emit();\n  }\n\n  clear() {\n    if (this.toasts.length === 0) return;\n    this.toasts = EMPTY;\n    this.emit();\n  }\n}\n\nconst EMPTY: ReadonlyArray<ToastItem> = Object.freeze([]);\n\n/** The one true store. Imported by both the imperative API and the Toaster. */\nexport const toastStore = new ToastStore();\n\n/** React hook — subscribes a component to the toast list. */\nexport function useToastStore(): ReadonlyArray<ToastItem> {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AA+CrC,MAAM,WAAW;AAAA,EAAjB;AACE,SAAQ,SAAmC,OAAO,OAAO,CAAC,CAAC;AAC3D,SAAQ,YAAY,oBAAI,IAAc;AACtC,SAAQ,YAAY;AAMpB,qBAAY,CAAC,MAAgB;AAC3B,WAAK,UAAU,IAAI,CAAC;AACpB,aAAO,MAAM;AACX,aAAK,UAAU,OAAO,CAAC;AAAA,MACzB;AAAA,IACF;AAEA,uBAAc,MAAgC,KAAK;AAGnD;AAAA,6BAAoB,MAAgC;AAAA;AAAA,EAd5C,OAAO;AACb,eAAW,KAAK,KAAK,UAAW,GAAE;AAAA,EACpC;AAAA,EAcA,IAAI,SAAuB,SAAiB,UAAwB,CAAC,GAAW;AAC9E,UAAM,KAAK,QAAQ,MAAM,aAAa,EAAE,KAAK,SAAS;AACtD,UAAM,WAAW,QAAQ,YAAY;AACrC,UAAM,OAAkB,EAAE,IAAI,SAAS,SAAS,UAAU,QAAQ,QAAQ,OAAO;AACjF,UAAM,WAAW,KAAK,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACzD,QAAI,YAAY,GAAG;AACjB,YAAM,OAAO,KAAK,OAAO,MAAM;AAC/B,WAAK,QAAQ,IAAI;AACjB,WAAK,SAAS,OAAO,OAAO,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,SAAS,OAAO,OAAO,CAAC,MAAM,GAAG,KAAK,MAAM,CAAC;AAAA,IACpD;AACA,SAAK,KAAK;AACV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,IAAY;AAClB,UAAM,OAAO,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAClD,QAAI,KAAK,WAAW,KAAK,OAAO,OAAQ;AACxC,SAAK,SAAS,OAAO,OAAO,IAAI;AAChC,SAAK,KAAK;AAAA,EACZ;AAAA;AAAA,EAGA,KAAK,KAAa;AAChB,QAAI,KAAK,OAAO,UAAU,IAAK;AAC/B,SAAK,SAAS,OAAO,OAAO,KAAK,OAAO,MAAM,GAAG,GAAG,CAAC;AACrD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,SAAK,SAAS;AACd,SAAK,KAAK;AAAA,EACZ;AACF;AAEA,MAAM,QAAkC,OAAO,OAAO,CAAC,CAAC;AAGjD,MAAM,aAAa,IAAI,WAAW;AAGlC,SAAS,gBAA0C;AACxD,aAAO;AAAA,IACL,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/hooks/use-toast-store.d.ts

@@ -1,6 +1,8 @@
-import type { ToastVariant as ToastAtomVariant } from '../ui/toast/toast.js';
-/** Re-exported here so consumers can grab the type from one place. */
-export type ToastVariant = ToastAtomVariant;
+/**
+ * Declared here, in the leaf, and re-exported by the `Toast` atom — the hook
+ * must not reach up into `src/ui` (layer rule in eslint.config.mjs).
+ */
+export type ToastVariant = 'success' | 'info' | 'warning' | 'error';
 /**
  * Inline action affordance — single button rendered between the message
  * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the

package/dist/hooks/use-toast-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-toast-store.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast-store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,sEAAsE;AACtE,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oGAAoG;IACpG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;;;;;;GAQG;AACH,cAAM,UAAU;IACd,OAAO,CAAC,MAAM,CAA+C;IAC7D,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAAK;IAEtB,OAAO,CAAC,IAAI;IAIZ,SAAS,GAAI,GAAG,QAAQ,gBAKtB;IAEF,WAAW,QAAO,aAAa,CAAC,SAAS,CAAC,CAAgB;IAE1D,qDAAqD;IACrD,iBAAiB,QAAO,aAAa,CAAC,SAAS,CAAC,CAAU;IAE1D,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM;IAgB/E,OAAO,CAAC,EAAE,EAAE,MAAM;IAOlB,+DAA+D;IAC/D,IAAI,CAAC,GAAG,EAAE,MAAM;IAMhB,KAAK;CAKN;AAID,+EAA+E;AAC/E,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,6DAA6D;AAC7D,wBAAgB,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC,CAMxD"}
+{"version":3,"file":"use-toast-store.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast-store.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oGAAoG;IACpG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;;;;;;GAQG;AACH,cAAM,UAAU;IACd,OAAO,CAAC,MAAM,CAA+C;IAC7D,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAAK;IAEtB,OAAO,CAAC,IAAI;IAIZ,SAAS,GAAI,GAAG,QAAQ,gBAKtB;IAEF,WAAW,QAAO,aAAa,CAAC,SAAS,CAAC,CAAgB;IAE1D,qDAAqD;IACrD,iBAAiB,QAAO,aAAa,CAAC,SAAS,CAAC,CAAU;IAE1D,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM;IAgB/E,OAAO,CAAC,EAAE,EAAE,MAAM;IAOlB,+DAA+D;IAC/D,IAAI,CAAC,GAAG,EAAE,MAAM;IAMhB,KAAK;CAKN;AAID,+EAA+E;AAC/E,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,6DAA6D;AAC7D,wBAAgB,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC,CAMxD"}

package/dist/hooks/use-toast-store.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-toast-store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport type { ToastVariant as ToastAtomVariant } from '../ui/toast/toast';\n\n/** Re-exported here so consumers can grab the type from one place. */\nexport type ToastVariant = ToastAtomVariant;\n\n/**\n * Inline action affordance — single button rendered between the message\n * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the\n * toast (convention: the user took the action, no reason to keep it).\n */\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastItem {\n  id: string;\n  variant: ToastVariant;\n  message: string;\n  /** ms until auto-dismiss. `Infinity` for persistent (manual dismiss only). */\n  duration: number;\n  action?: ToastAction;\n}\n\nexport interface ToastOptions {\n  /** ms until auto-dismiss. Default `4000`. `Infinity` for persistent. */\n  duration?: number;\n  /** Stable id — pass to overwrite an existing toast (e.g. update progress). Generated if omitted. */\n  id?: string;\n  /** Inline action button (e.g. \"Retry\", \"Undo\"). Auto-dismisses on click. */\n  action?: ToastAction;\n}\n\ntype Listener = () => void;\n\n/**\n * Module-level singleton store. The store survives across renders and\n * is shared by every consumer of `toast.*` and `<Toaster />`, so the\n * imperative API works from anywhere without a React context tree —\n * the same trick sonner uses.\n *\n * State is held in a frozen array so React's strict-equality bail-out\n * works correctly with `useSyncExternalStore`.\n */\nclass ToastStore {\n  private toasts: ReadonlyArray<ToastItem> = Object.freeze([]);\n  private listeners = new Set<Listener>();\n  private idCounter = 0;\n\n  private emit() {\n    for (const l of this.listeners) l();\n  }\n\n  subscribe = (l: Listener) => {\n    this.listeners.add(l);\n    return () => {\n      this.listeners.delete(l);\n    };\n  };\n\n  getSnapshot = (): ReadonlyArray<ToastItem> => this.toasts;\n\n  /** SSR snapshot — never any toasts on the server. */\n  getServerSnapshot = (): ReadonlyArray<ToastItem> => EMPTY;\n\n  add(variant: ToastVariant, message: string, options: ToastOptions = {}): string {\n    const id = options.id ?? `uxm-toast-${++this.idCounter}`;\n    const duration = options.duration ?? 4000;\n    const next: ToastItem = { id, variant, message, duration, action: options.action };\n    const existing = this.toasts.findIndex((t) => t.id === id);\n    if (existing >= 0) {\n      const copy = this.toasts.slice();\n      copy[existing] = next;\n      this.toasts = Object.freeze(copy);\n    } else {\n      this.toasts = Object.freeze([next, ...this.toasts]);\n    }\n    this.emit();\n    return id;\n  }\n\n  dismiss(id: string) {\n    const next = this.toasts.filter((t) => t.id !== id);\n    if (next.length === this.toasts.length) return;\n    this.toasts = Object.freeze(next);\n    this.emit();\n  }\n\n  /** Cap the stack — drops the OLDEST entries past the limit. */\n  trim(max: number) {\n    if (this.toasts.length <= max) return;\n    this.toasts = Object.freeze(this.toasts.slice(0, max));\n    this.emit();\n  }\n\n  clear() {\n    if (this.toasts.length === 0) return;\n    this.toasts = EMPTY;\n    this.emit();\n  }\n}\n\nconst EMPTY: ReadonlyArray<ToastItem> = Object.freeze([]);\n\n/** The one true store. Imported by both the imperative API and the Toaster. */\nexport const toastStore = new ToastStore();\n\n/** React hook — subscribes a component to the toast list. */\nexport function useToastStore(): ReadonlyArray<ToastItem> {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n"],"mappings":"AAAA,SAAS,4BAA4B;AA8CrC,MAAM,WAAW;AAAA,EAAjB;AACE,SAAQ,SAAmC,OAAO,OAAO,CAAC,CAAC;AAC3D,SAAQ,YAAY,oBAAI,IAAc;AACtC,SAAQ,YAAY;AAMpB,qBAAY,CAAC,MAAgB;AAC3B,WAAK,UAAU,IAAI,CAAC;AACpB,aAAO,MAAM;AACX,aAAK,UAAU,OAAO,CAAC;AAAA,MACzB;AAAA,IACF;AAEA,uBAAc,MAAgC,KAAK;AAGnD;AAAA,6BAAoB,MAAgC;AAAA;AAAA,EAd5C,OAAO;AACb,eAAW,KAAK,KAAK,UAAW,GAAE;AAAA,EACpC;AAAA,EAcA,IAAI,SAAuB,SAAiB,UAAwB,CAAC,GAAW;AAC9E,UAAM,KAAK,QAAQ,MAAM,aAAa,EAAE,KAAK,SAAS;AACtD,UAAM,WAAW,QAAQ,YAAY;AACrC,UAAM,OAAkB,EAAE,IAAI,SAAS,SAAS,UAAU,QAAQ,QAAQ,OAAO;AACjF,UAAM,WAAW,KAAK,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACzD,QAAI,YAAY,GAAG;AACjB,YAAM,OAAO,KAAK,OAAO,MAAM;AAC/B,WAAK,QAAQ,IAAI;AACjB,WAAK,SAAS,OAAO,OAAO,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,SAAS,OAAO,OAAO,CAAC,MAAM,GAAG,KAAK,MAAM,CAAC;AAAA,IACpD;AACA,SAAK,KAAK;AACV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,IAAY;AAClB,UAAM,OAAO,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAClD,QAAI,KAAK,WAAW,KAAK,OAAO,OAAQ;AACxC,SAAK,SAAS,OAAO,OAAO,IAAI;AAChC,SAAK,KAAK;AAAA,EACZ;AAAA;AAAA,EAGA,KAAK,KAAa;AAChB,QAAI,KAAK,OAAO,UAAU,IAAK;AAC/B,SAAK,SAAS,OAAO,OAAO,KAAK,OAAO,MAAM,GAAG,GAAG,CAAC;AACrD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,SAAK,SAAS;AACd,SAAK,KAAK;AAAA,EACZ;AACF;AAEA,MAAM,QAAkC,OAAO,OAAO,CAAC,CAAC;AAGjD,MAAM,aAAa,IAAI,WAAW;AAGlC,SAAS,gBAA0C;AACxD,SAAO;AAAA,IACL,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-toast-store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\n/**\n * Declared here, in the leaf, and re-exported by the `Toast` atom — the hook\n * must not reach up into `src/ui` (layer rule in eslint.config.mjs).\n */\nexport type ToastVariant = 'success' | 'info' | 'warning' | 'error';\n\n/**\n * Inline action affordance — single button rendered between the message\n * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the\n * toast (convention: the user took the action, no reason to keep it).\n */\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastItem {\n  id: string;\n  variant: ToastVariant;\n  message: string;\n  /** ms until auto-dismiss. `Infinity` for persistent (manual dismiss only). */\n  duration: number;\n  action?: ToastAction;\n}\n\nexport interface ToastOptions {\n  /** ms until auto-dismiss. Default `4000`. `Infinity` for persistent. */\n  duration?: number;\n  /** Stable id — pass to overwrite an existing toast (e.g. update progress). Generated if omitted. */\n  id?: string;\n  /** Inline action button (e.g. \"Retry\", \"Undo\"). Auto-dismisses on click. */\n  action?: ToastAction;\n}\n\ntype Listener = () => void;\n\n/**\n * Module-level singleton store. The store survives across renders and\n * is shared by every consumer of `toast.*` and `<Toaster />`, so the\n * imperative API works from anywhere without a React context tree —\n * the same trick sonner uses.\n *\n * State is held in a frozen array so React's strict-equality bail-out\n * works correctly with `useSyncExternalStore`.\n */\nclass ToastStore {\n  private toasts: ReadonlyArray<ToastItem> = Object.freeze([]);\n  private listeners = new Set<Listener>();\n  private idCounter = 0;\n\n  private emit() {\n    for (const l of this.listeners) l();\n  }\n\n  subscribe = (l: Listener) => {\n    this.listeners.add(l);\n    return () => {\n      this.listeners.delete(l);\n    };\n  };\n\n  getSnapshot = (): ReadonlyArray<ToastItem> => this.toasts;\n\n  /** SSR snapshot — never any toasts on the server. */\n  getServerSnapshot = (): ReadonlyArray<ToastItem> => EMPTY;\n\n  add(variant: ToastVariant, message: string, options: ToastOptions = {}): string {\n    const id = options.id ?? `uxm-toast-${++this.idCounter}`;\n    const duration = options.duration ?? 4000;\n    const next: ToastItem = { id, variant, message, duration, action: options.action };\n    const existing = this.toasts.findIndex((t) => t.id === id);\n    if (existing >= 0) {\n      const copy = this.toasts.slice();\n      copy[existing] = next;\n      this.toasts = Object.freeze(copy);\n    } else {\n      this.toasts = Object.freeze([next, ...this.toasts]);\n    }\n    this.emit();\n    return id;\n  }\n\n  dismiss(id: string) {\n    const next = this.toasts.filter((t) => t.id !== id);\n    if (next.length === this.toasts.length) return;\n    this.toasts = Object.freeze(next);\n    this.emit();\n  }\n\n  /** Cap the stack — drops the OLDEST entries past the limit. */\n  trim(max: number) {\n    if (this.toasts.length <= max) return;\n    this.toasts = Object.freeze(this.toasts.slice(0, max));\n    this.emit();\n  }\n\n  clear() {\n    if (this.toasts.length === 0) return;\n    this.toasts = EMPTY;\n    this.emit();\n  }\n}\n\nconst EMPTY: ReadonlyArray<ToastItem> = Object.freeze([]);\n\n/** The one true store. Imported by both the imperative API and the Toaster. */\nexport const toastStore = new ToastStore();\n\n/** React hook — subscribes a component to the toast list. */\nexport function useToastStore(): ReadonlyArray<ToastItem> {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n"],"mappings":"AAAA,SAAS,4BAA4B;AA+CrC,MAAM,WAAW;AAAA,EAAjB;AACE,SAAQ,SAAmC,OAAO,OAAO,CAAC,CAAC;AAC3D,SAAQ,YAAY,oBAAI,IAAc;AACtC,SAAQ,YAAY;AAMpB,qBAAY,CAAC,MAAgB;AAC3B,WAAK,UAAU,IAAI,CAAC;AACpB,aAAO,MAAM;AACX,aAAK,UAAU,OAAO,CAAC;AAAA,MACzB;AAAA,IACF;AAEA,uBAAc,MAAgC,KAAK;AAGnD;AAAA,6BAAoB,MAAgC;AAAA;AAAA,EAd5C,OAAO;AACb,eAAW,KAAK,KAAK,UAAW,GAAE;AAAA,EACpC;AAAA,EAcA,IAAI,SAAuB,SAAiB,UAAwB,CAAC,GAAW;AAC9E,UAAM,KAAK,QAAQ,MAAM,aAAa,EAAE,KAAK,SAAS;AACtD,UAAM,WAAW,QAAQ,YAAY;AACrC,UAAM,OAAkB,EAAE,IAAI,SAAS,SAAS,UAAU,QAAQ,QAAQ,OAAO;AACjF,UAAM,WAAW,KAAK,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACzD,QAAI,YAAY,GAAG;AACjB,YAAM,OAAO,KAAK,OAAO,MAAM;AAC/B,WAAK,QAAQ,IAAI;AACjB,WAAK,SAAS,OAAO,OAAO,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,SAAS,OAAO,OAAO,CAAC,MAAM,GAAG,KAAK,MAAM,CAAC;AAAA,IACpD;AACA,SAAK,KAAK;AACV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,IAAY;AAClB,UAAM,OAAO,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAClD,QAAI,KAAK,WAAW,KAAK,OAAO,OAAQ;AACxC,SAAK,SAAS,OAAO,OAAO,IAAI;AAChC,SAAK,KAAK;AAAA,EACZ;AAAA;AAAA,EAGA,KAAK,KAAa;AAChB,QAAI,KAAK,OAAO,UAAU,IAAK;AAC/B,SAAK,SAAS,OAAO,OAAO,KAAK,OAAO,MAAM,GAAG,GAAG,CAAC;AACrD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,SAAK,SAAS;AACd,SAAK,KAAK;AAAA,EACZ;AACF;AAEA,MAAM,QAAkC,OAAO,OAAO,CAAC,CAAC;AAGjD,MAAM,aAAa,IAAI,WAAW;AAGlC,SAAS,gBAA0C;AACxD,SAAO;AAAA,IACL,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/previews/composite/brand-settings-preview.d.ts

@@ -1,8 +1,8 @@
-import type { PreviewProps } from '../../previews/types.js';
+import type { PreviewProps } from '../types.js';
 export declare const FONT_OPTIONS: {
     label: string;
     value: string;
     stack: string;
 }[];
-export declare function BrandSettingsPreview({ shell }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function BrandSettingsPreview({ shell }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=brand-settings-preview.d.ts.map

package/dist/previews/composite/brand-settings-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand-settings-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/brand-settings-preview.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAuB,MAAM,kBAAkB,CAAC;AAQ1E,eAAO,MAAM,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAWzE,CAAC;AAwTF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,2CAoU3D"}
+{"version":3,"file":"brand-settings-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/brand-settings-preview.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAuB,MAAM,kBAAkB,CAAC;AAQ1E,eAAO,MAAM,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAWzE,CAAC;AAwTF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAoU3D"}

package/dist/previews/composite/form-preview.d.ts

@@ -1,4 +1,4 @@
-import type { PreviewProps } from '../../previews/types.js';
+import type { PreviewProps } from '../types.js';
 /**
  * Login / Contact form composite. Real atomic composition: each field
  * is `<FormField><TextInput|Textarea /></FormField>`. FormField defaults
@@ -18,5 +18,5 @@ import type { PreviewProps } from '../../previews/types.js';
  * Single `componentId` switch picks login (email + password + Google
  * sign-in) or contact (name + email + message).
  */
-export declare function FormPreview({ styles, componentId }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormPreview({ styles, componentId }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=form-preview.d.ts.map

package/dist/previews/composite/form-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/form-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,YAAY,2CA2EhE"}
+{"version":3,"file":"form-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/form-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,YAAY,+BA2EhE"}

package/dist/previews/composite/lifecycle-action-row-preview.d.ts

@@ -1,3 +1,3 @@
-import type { PreviewProps } from '../../previews/types.js';
-export declare function LifecycleActionRowPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+import type { PreviewProps } from '../types.js';
+export declare function LifecycleActionRowPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=lifecycle-action-row-preview.d.ts.map

package/dist/previews/composite/lifecycle-action-row-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle-action-row-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-action-row-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAarD,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA2D3E"}
+{"version":3,"file":"lifecycle-action-row-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-action-row-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAarD,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA2D3E"}

package/dist/previews/composite/lifecycle-connector-knobs-preview.d.ts

@@ -1,3 +1,3 @@
-import type { PreviewProps } from '../../previews/types.js';
-export declare function LifecycleConnectorKnobsPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+import type { PreviewProps } from '../types.js';
+export declare function LifecycleConnectorKnobsPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=lifecycle-connector-knobs-preview.d.ts.map

package/dist/previews/composite/lifecycle-connector-knobs-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle-connector-knobs-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-connector-knobs-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,8BAA8B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAqDhF"}
+{"version":3,"file":"lifecycle-connector-knobs-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-connector-knobs-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,8BAA8B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAqDhF"}

package/dist/previews/composite/lifecycle-plus-button-preview.d.ts

@@ -1,3 +1,3 @@
-import type { PreviewProps } from '../../previews/types.js';
-export declare function LifecyclePlusButtonPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+import type { PreviewProps } from '../types.js';
+export declare function LifecyclePlusButtonPreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=lifecycle-plus-button-preview.d.ts.map

package/dist/previews/composite/lifecycle-plus-button-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle-plus-button-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-plus-button-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA2BlE"}
+{"version":3,"file":"lifecycle-plus-button-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-plus-button-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BA2BlE"}

package/dist/previews/composite/login-page-preview.d.ts

@@ -1,3 +1,3 @@
-import type { PreviewProps } from '../../previews/types.js';
-export declare function LoginPagePreview({ styles, variants, shell }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+import type { PreviewProps } from '../types.js';
+export declare function LoginPagePreview({ styles, variants, shell }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=login-page-preview.d.ts.map

package/dist/previews/composite/login-page-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login-page-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/login-page-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,2CAmMzE"}
+{"version":3,"file":"login-page-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/login-page-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,+BAmMzE"}

package/dist/previews/composite/multirow-form-preview.d.ts

@@ -1,4 +1,4 @@
-import type { PreviewProps } from '../../previews/types.js';
+import type { PreviewProps } from '../types.js';
 /**
  * Multi-section form composite. Real atomic composition: every field is
  * `<FormField><TextInput|Select /></FormField>`. Always top labels —
@@ -19,5 +19,5 @@ import type { PreviewProps } from '../../previews/types.js';
  * Span-2 fields (Email, Street in the 2-column variant) span both
  * columns by passing `gridColumn: "1 / -1"` to FormField via `style`.
  */
-export declare function MultirowFormPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultirowFormPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=multirow-form-preview.d.ts.map

package/dist/previews/composite/multirow-form-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multirow-form-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/multirow-form-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOrD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAoGrE"}
+{"version":3,"file":"multirow-form-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/multirow-form-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOrD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAoGrE"}

package/dist/previews/demo-row-actions.d.ts

@@ -4,5 +4,5 @@
  * place. A static element is fine to reuse across multiple rows — it's an
  * immutable element description, not shared mutable state.
  */
-export declare const DemoRowActions: import("react/jsx-runtime").JSX.Element;
+export declare const DemoRowActions: import("react").JSX.Element;
 //# sourceMappingURL=demo-row-actions.d.ts.map

package/dist/previews/demo-row-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"demo-row-actions.d.ts","sourceRoot":"","sources":["../../src/previews/demo-row-actions.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,yCAS1B,CAAC"}
+{"version":3,"file":"demo-row-actions.d.ts","sourceRoot":"","sources":["../../src/previews/demo-row-actions.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,6BAS1B,CAAC"}

package/dist/previews/index.cjs

@@ -217,13 +217,13 @@ var import_toggle_preview = require("../ui/toggle-switch/toggle-preview.cjs");
 var import_tooltip_preview = require("../ui/tooltip/tooltip-preview.cjs");
 var import_type_overview_card_preview = require("../ui/type-overview-card/type-overview-card-preview.cjs");
 var import_view_switcher_preview = require("../ui/view-switcher/view-switcher-preview.cjs");
-var import_brand_settings_preview = require("../previews/composite/brand-settings-preview.cjs");
-var import_form_preview = require("../previews/composite/form-preview.cjs");
-var import_lifecycle_action_row_preview = require("../previews/composite/lifecycle-action-row-preview.cjs");
-var import_lifecycle_connector_knobs_preview = require("../previews/composite/lifecycle-connector-knobs-preview.cjs");
-var import_lifecycle_plus_button_preview = require("../previews/composite/lifecycle-plus-button-preview.cjs");
-var import_login_page_preview = require("../previews/composite/login-page-preview.cjs");
-var import_multirow_form_preview = require("../previews/composite/multirow-form-preview.cjs");
+var import_brand_settings_preview = require("./composite/brand-settings-preview.cjs");
+var import_form_preview = require("./composite/form-preview.cjs");
+var import_lifecycle_action_row_preview = require("./composite/lifecycle-action-row-preview.cjs");
+var import_lifecycle_connector_knobs_preview = require("./composite/lifecycle-connector-knobs-preview.cjs");
+var import_lifecycle_plus_button_preview = require("./composite/lifecycle-plus-button-preview.cjs");
+var import_login_page_preview = require("./composite/login-page-preview.cjs");
+var import_multirow_form_preview = require("./composite/multirow-form-preview.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppSidebarPreview,

package/dist/previews/index.d.ts

@@ -101,12 +101,12 @@ export { TogglePreview } from '../ui/toggle-switch/toggle-preview.js';
 export { TooltipPreview } from '../ui/tooltip/tooltip-preview.js';
 export { TypeOverviewCardPreview } from '../ui/type-overview-card/type-overview-card-preview.js';
 export { ViewSwitcherPreview } from '../ui/view-switcher/view-switcher-preview.js';
-export { BrandSettingsPreview } from '../previews/composite/brand-settings-preview.js';
-export { FormPreview } from '../previews/composite/form-preview.js';
-export { LifecycleActionRowPreview } from '../previews/composite/lifecycle-action-row-preview.js';
-export { LifecycleConnectorKnobsPreview } from '../previews/composite/lifecycle-connector-knobs-preview.js';
-export { LifecyclePlusButtonPreview } from '../previews/composite/lifecycle-plus-button-preview.js';
-export { LoginPagePreview } from '../previews/composite/login-page-preview.js';
-export { MultirowFormPreview } from '../previews/composite/multirow-form-preview.js';
+export { BrandSettingsPreview } from './composite/brand-settings-preview.js';
+export { FormPreview } from './composite/form-preview.js';
+export { LifecycleActionRowPreview } from './composite/lifecycle-action-row-preview.js';
+export { LifecycleConnectorKnobsPreview } from './composite/lifecycle-connector-knobs-preview.js';
+export { LifecyclePlusButtonPreview } from './composite/lifecycle-plus-button-preview.js';
+export { LoginPagePreview } from './composite/login-page-preview.js';
+export { MultirowFormPreview } from './composite/multirow-form-preview.js';
 export type { PreviewProps, PreviewShellContext, Theme } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/previews/index.js

@@ -93,13 +93,13 @@ import { TogglePreview } from "../ui/toggle-switch/toggle-preview.js";
 import { TooltipPreview } from "../ui/tooltip/tooltip-preview.js";
 import { TypeOverviewCardPreview } from "../ui/type-overview-card/type-overview-card-preview.js";
 import { ViewSwitcherPreview } from "../ui/view-switcher/view-switcher-preview.js";
-import { BrandSettingsPreview } from "../previews/composite/brand-settings-preview.js";
-import { FormPreview } from "../previews/composite/form-preview.js";
-import { LifecycleActionRowPreview } from "../previews/composite/lifecycle-action-row-preview.js";
-import { LifecycleConnectorKnobsPreview } from "../previews/composite/lifecycle-connector-knobs-preview.js";
-import { LifecyclePlusButtonPreview } from "../previews/composite/lifecycle-plus-button-preview.js";
-import { LoginPagePreview } from "../previews/composite/login-page-preview.js";
-import { MultirowFormPreview } from "../previews/composite/multirow-form-preview.js";
+import { BrandSettingsPreview } from "./composite/brand-settings-preview.js";
+import { FormPreview } from "./composite/form-preview.js";
+import { LifecycleActionRowPreview } from "./composite/lifecycle-action-row-preview.js";
+import { LifecycleConnectorKnobsPreview } from "./composite/lifecycle-connector-knobs-preview.js";
+import { LifecyclePlusButtonPreview } from "./composite/lifecycle-plus-button-preview.js";
+import { LoginPagePreview } from "./composite/login-page-preview.js";
+import { MultirowFormPreview } from "./composite/multirow-form-preview.js";
 export {
   AppSidebarPreview,
   AppTopBarPreview,

package/dist/studio/brand-font-styles.d.ts

@@ -31,5 +31,5 @@
  * heading font and the components' `var(…, inherit)` / literal-weight
  * fallbacks take back over without waiting for the next Publish.
  */
-export declare function BrandFontStyles(): import("react/jsx-runtime").JSX.Element;
+export declare function BrandFontStyles(): import("react").JSX.Element;
 //# sourceMappingURL=brand-font-styles.d.ts.map

package/dist/studio/brand-font-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand-font-styles.d.ts","sourceRoot":"","sources":["../../src/studio/brand-font-styles.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,eAAe,4CAuC9B"}
+{"version":3,"file":"brand-font-styles.d.ts","sourceRoot":"","sources":["../../src/studio/brand-font-styles.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,eAAe,gCAuC9B"}

package/dist/studio/brand-token-styles.d.ts

@@ -1,2 +1,2 @@
-export declare function BrandTokenStyles(): import("react/jsx-runtime").JSX.Element | null;
+export declare function BrandTokenStyles(): import("react").JSX.Element | null;
 //# sourceMappingURL=brand-token-styles.d.ts.map

package/dist/studio/brand-token-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand-token-styles.d.ts","sourceRoot":"","sources":["../../src/studio/brand-token-styles.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,gBAAgB,mDAgB/B"}
+{"version":3,"file":"brand-token-styles.d.ts","sourceRoot":"","sources":["../../src/studio/brand-token-styles.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,gBAAgB,uCAgB/B"}

package/dist/studio/editors/code-editor.d.ts

@@ -1,2 +1,2 @@
-export declare function CodeEditor(): import("react/jsx-runtime").JSX.Element | null;
+export declare function CodeEditor(): import("react").JSX.Element | null;
 //# sourceMappingURL=code-editor.d.ts.map

package/dist/studio/editors/code-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/code-editor.tsx"],"names":[],"mappings":"AAiRA,wBAAgB,UAAU,mDAiVzB"}
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/code-editor.tsx"],"names":[],"mappings":"AAiRA,wBAAgB,UAAU,uCAiVzB"}

package/dist/studio/editors/color-picker.d.ts

@@ -3,6 +3,6 @@ interface ColorPickerProps {
     value: string;
     onChange: (value: string | number | boolean) => void;
 }
-export declare function ColorPicker({ label, value, onChange }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPicker({ label, value, onChange }: ColorPickerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=color-picker.d.ts.map

package/dist/studio/editors/color-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/color-picker.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACtD;AAiDD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAiQvE"}
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/color-picker.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACtD;AAiDD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAiQvE"}

package/dist/studio/editors/number-input.d.ts

@@ -14,5 +14,5 @@ export interface NumberInputProps {
  * adds the truncating label and the fixed-width slot the properties
  * pane uses for visual alignment of editor knobs.
  */
-export declare function NumberInput({ label, value, onChange, min, max, step, unit }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberInput({ label, value, onChange, min, max, step, unit }: NumberInputProps): import("react").JSX.Element;
 //# sourceMappingURL=number-input.d.ts.map

package/dist/studio/editors/number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/number-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAQ,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAiBjG"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/number-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAQ,EAAE,IAAI,EAAE,EAAE,gBAAgB,+BAiBjG"}

package/dist/studio/editors/select-input.d.ts

@@ -7,5 +7,5 @@ export interface SelectInputProps {
         label: string;
     }[];
 }
-export declare function SelectInput({ label, value, onChange, options }: SelectInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectInput({ label, value, onChange, options }: SelectInputProps): import("react").JSX.Element;
 //# sourceMappingURL=select-input.d.ts.map

package/dist/studio/editors/select-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/select-input.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AASD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CA2BhF"}
+{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/select-input.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AASD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BA2BhF"}

package/dist/studio/editors/slider-input.d.ts

@@ -14,5 +14,5 @@ export interface SliderInputProps {
  * is properties-panel-specific UX (showing the current numeric value
  * inline next to the label is a knob-editor convention).
  */
-export declare function SliderInput({ label, value, onChange, min, max, step, unit }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderInput({ label, value, onChange, min, max, step, unit }: SliderInputProps): import("react").JSX.Element;
 //# sourceMappingURL=slider-input.d.ts.map

package/dist/studio/editors/slider-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/slider-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAmB7F"}
+{"version":3,"file":"slider-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/slider-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,gBAAgB,+BAmB7F"}

package/dist/studio/editors/text-input.d.ts

@@ -3,5 +3,5 @@ export interface TextInputProps {
     value: string;
     onChange: (value: string | number | boolean) => void;
 }
-export declare function TextInput({ label, value, onChange }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextInput({ label, value, onChange }: TextInputProps): import("react").JSX.Element;
 //# sourceMappingURL=text-input.d.ts.map

package/dist/studio/editors/text-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/text-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAOnE"}
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/text-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAOnE"}

package/dist/studio/editors/toggle-input.d.ts

@@ -3,5 +3,5 @@ export interface ToggleInputProps {
     value: boolean;
     onChange: (value: string | number | boolean) => void;
 }
-export declare function ToggleInput({ label, value, onChange }: ToggleInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleInput({ label, value, onChange }: ToggleInputProps): import("react").JSX.Element;
 //# sourceMappingURL=toggle-input.d.ts.map

package/dist/studio/editors/toggle-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/toggle-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CASvE"}
+{"version":3,"file":"toggle-input.d.ts","sourceRoot":"","sources":["../../../src/studio/editors/toggle-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BASvE"}

package/dist/studio/lib/context.d.ts

@@ -48,7 +48,7 @@ interface UxmContextValue {
 export declare function UxmProvider({ children, persistence, }: {
     children: ReactNode;
     persistence?: StudioPersistence;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useUxm(): UxmContextValue;
 export {};
 //# sourceMappingURL=context.d.ts.map

package/dist/studio/lib/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/studio/lib/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5G,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,oEAAoE;AACpE,MAAM,WAAW,WAAW;IAC1B;yEACqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,MAAM,EAAE,MAAM,CAAC;CAChB;AAMD,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C,eAAe,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACtD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC1F,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;;2CAGuC;IACvC,kBAAkB,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACpE,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,kFAAkF;IAClF,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,wEAAwE;IACxE,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACvD,+CAA+C;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gFAAgF;IAChF,WAAW,EAAE,iBAAiB,CAAC;IAC/B,sEAAsE;IACtE,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACjD;AA6DD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAgC,GACjC,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC,2CA6KA;AAED,wBAAgB,MAAM,oBAIrB"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/studio/lib/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5G,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,oEAAoE;AACpE,MAAM,WAAW,WAAW;IAC1B;yEACqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,MAAM,EAAE,MAAM,CAAC;CAChB;AAMD,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C,eAAe,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACtD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC1F,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;;2CAGuC;IACvC,kBAAkB,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACpE,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,kFAAkF;IAClF,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,wEAAwE;IACxE,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACvD,+CAA+C;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gFAAgF;IAChF,WAAW,EAAE,iBAAiB,CAAC;IAC/B,sEAAsE;IACtE,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACjD;AA6DD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAgC,GACjC,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC,+BA6KA;AAED,wBAAgB,MAAM,oBAIrB"}

package/dist/studio/lib/registry/buttons.cjs

@@ -364,9 +364,9 @@ const buttonsDefs = [
   },
   {
     id: "button-icon",
-    name: "Button \u2014 Icon",
+    name: "Button \u2014 Icon (deprecated)",
     category: "Buttons",
-    description: 'Standalone icon-only action button (e.g. "add", "create new"). Icon variant of the primary button family.',
+    description: 'DEPRECATED \u2014 use Icon Button with variant="filled" (same look; its knobs live under `--uxm-icon-button-filled-*`). Kept until the next major so saved themes keep painting.',
     styleProperties: [
       // State-scoped knobs — one "States" section, filtered to the
       // currently-selected State variant via showWhen. Matches the Tag