@iris-ui-kit/vue 0.2.19 → 0.2.21

package/dist/skeletons.js

@@ -1,7 +1,7 @@
-export { IrisDashboardTemplate, IrisLoginTemplate } from './chunk-QLUIKEMJ.js';
+export { IrisDashboardTemplate, IrisLoginTemplate } from './chunk-ENKE2BPC.js';
 import './chunk-3R3QDLJC.js';
 import './chunk-F77KIPOH.js';
-import './chunk-I6D5VXQK.js';
+import './chunk-3V46HGRC.js';
 import './chunk-TCAXRWT6.js';
 //# sourceMappingURL=skeletons.js.map
 //# sourceMappingURL=skeletons.js.map

package/dist/skins.cjs

@@ -31,6 +31,12 @@ var SkinProvider = vue.defineComponent({
     vue.watch(current, () => {
       if (applied) apply();
     });
+    vue.watch(
+      () => props.target,
+      () => {
+        if (applied) apply();
+      }
+    );
     vue.onBeforeUnmount(() => {
       unsubscribe();
       applied?.revert();

package/dist/skins.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/skins/SkinProvider.ts","../src/skins/useSkin.ts"],"names":["defineComponent","ref","applySkin","onMounted","injectGlobalStyles","watch","onBeforeUnmount","provide","inject","computed"],"mappings":";;;;;;;AAyBO,IAAM,WAAA,0BAAoD,UAAU;AAOpE,IAAM,eAAeA,mBAAA,CAAgB;AAAA,EAC1C,IAAA,EAAM,kBAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAA,EAAgC,UAAU,IAAA,EAAK;AAAA,IAC/D,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAA,EAAwC,SAAS,IAAA,EAAK;AAAA,IACtE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,MAAA;AAAU,GAC/C;AAAA,EACA,KAAA,CAAM,KAAA,EAAO,EAAE,KAAA,EAAM,EAAG;AACtB,IAAA,MAAM,OAAA,GAAUC,OAAA,CAAI,KAAA,CAAM,MAAA,CAAO,SAAS,CAAA;AAC1C,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,CAAO,SAAA,CAAU,CAAC,IAAA,KAAS;AACnD,MAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA;AAAA,IAClB,CAAC,CAAA;AAED,IAAA,IAAI,OAAA,GAAkC,IAAA;AACtC,IAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,MAAA,IAAU,QAAA,CAAS,eAAA;AAChD,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,OAAA,EAAS,MAAA,EAAO;AAChB,MAAA,OAAA,GAAUC,eAAA,CAAU,OAAA,CAAQ,KAAA,EAAO,QAAA,EAAU,CAAA;AAAA,IAC/C,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAAC,wBAAA,CAAmB,MAAM,QAAQ,CAAA;AACjC,MAAA,KAAA,EAAM;AAAA,IACR,CAAC,CAAA;AACD,IAAAC,SAAA,CAAM,SAAS,MAAM;AACnB,MAAA,IAAI,SAAS,KAAA,EAAM;AAAA,IACrB,CAAC,CAAA;AACD,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,WAAA,EAAY;AACZ,MAAA,OAAA,EAAS,MAAA,EAAO;AAChB,MAAA,OAAA,GAAU,IAAA;AAAA,IACZ,CAAC,CAAA;AAED,IAAAC,WAAA,CAAQ,aAAa,EAAE,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAQ,SAAS,CAAA;AACtD,IAAA,OAAO,MAAM,MAAM,OAAA,IAAU;AAAA,EAC/B;AACF,CAAC;AAEM,SAAS,cAAA,GAAkC;AAChD,EAAA,MAAM,GAAA,GAAMC,WAAO,WAAW,CAAA;AAC9B,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,uDAAuD,CAAA;AACjF,EAAA,OAAO,GAAA;AACT;ACrDO,SAAS,OAAA,GAAyB;AACvC,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,cAAA,EAAe;AAC3C,EAAA,OAAO;AAAA,IACL,IAAA,EAAMC,YAAA,CAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,IAClC,SAAS,MAAA,CAAO,OAAA;AAAA,IAChB,UAAU,MAAA,CAAO,QAAA;AAAA,IACjB,gBAAgB,MAAA,CAAO,cAAA;AAAA,IACvB,OAAO,MAAA,CAAO,KAAA;AAAA,IACd,YAAY,MAAA,CAAO,UAAA;AAAA,IACnB,SAAS,MAAA,CAAO,OAAA;AAAA,IAChB,SAAS,MAAA,CAAO,OAAA;AAAA,IAChB,aAAa,MAAA,CAAO,WAAA;AAAA,IACpB,gBAAgB,MAAA,CAAO,cAAA;AAAA,IACvB,QAAQ,MAAA,CAAO;AAAA,GACjB;AACF","file":"skins.cjs","sourcesContent":["import {\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n} from 'vue'\nimport { injectGlobalStyles } from '@iris-ui-kit/theme'\nimport {\n  applySkin,\n  type ApplySkinResult,\n  type ResolvedSkin,\n  type SkinEngine,\n} from '@iris-ui-kit/skins'\n\nexport interface IrisSkinContext {\n  engine: SkinEngine\n  current: Ref<ResolvedSkin>\n}\n\nexport const IrisSkinKey: InjectionKey<IrisSkinContext> = Symbol('IrisSkin')\n\n/**\n * Renderless provider mirroring `<IrisThemeProvider>` for skins: subscribes to\n * the engine store, applies/reverts the resolved skin on the target element,\n * and provides the engine + current skin to descendants. Zero skin logic.\n */\nexport const SkinProvider = defineComponent({\n  name: 'IrisSkinProvider',\n  props: {\n    engine: { type: Object as PropType<SkinEngine>, required: true },\n    target: { type: Object as PropType<HTMLElement | null>, default: null },\n    cspNonce: { type: String, default: undefined },\n  },\n  setup(props, { slots }) {\n    const current = ref(props.engine.current()) as Ref<ResolvedSkin>\n    const unsubscribe = props.engine.subscribe((next) => {\n      current.value = next\n    })\n\n    let applied: ApplySkinResult | null = null\n    const targetEl = () => props.target ?? document.documentElement\n    const apply = () => {\n      applied?.revert()\n      applied = applySkin(current.value, targetEl())\n    }\n\n    onMounted(() => {\n      injectGlobalStyles(props.cspNonce)\n      apply()\n    })\n    watch(current, () => {\n      if (applied) apply()\n    })\n    onBeforeUnmount(() => {\n      unsubscribe()\n      applied?.revert()\n      applied = null\n    })\n\n    provide(IrisSkinKey, { engine: props.engine, current })\n    return () => slots.default?.()\n  },\n})\n\nexport function useSkinContext(): IrisSkinContext {\n  const ctx = inject(IrisSkinKey)\n  if (!ctx) throw new Error('[iris-ui] useSkin(): no <SkinProvider> ancestor found')\n  return ctx\n}\n","import type { ComputedRef } from 'vue'\nimport { computed } from 'vue'\nimport type { ResolvedSkin, Skin, SkinMode, SkinPatch, SkinError } from '@iris-ui-kit/skins'\nimport { useSkinContext } from './SkinProvider'\n\nexport interface UseSkinReturn {\n  skin: ComputedRef<ResolvedSkin>\n  setSkin: (id: string) => void\n  loadSkin: (source: string | Skin) => Promise<ResolvedSkin>\n  useFromCatalog: (id: string) => Promise<ResolvedSkin>\n  patch: (overrides: SkinPatch) => void\n  resetPatch: () => void\n  setMode: (mode: SkinMode) => void\n  getMode: () => SkinMode\n  /** Logical selected id (pre system-variant remap) — e.g. 'auto' while following the system. */\n  getActiveId: () => string\n  availableSkins: () => Skin[]\n  errors: () => SkinError[]\n}\n\n/** Read + control the active skin from anywhere inside a `<SkinProvider>`. */\nexport function useSkin(): UseSkinReturn {\n  const { engine, current } = useSkinContext()\n  return {\n    skin: computed(() => current.value),\n    setSkin: engine.setSkin,\n    loadSkin: engine.loadSkin,\n    useFromCatalog: engine.useFromCatalog,\n    patch: engine.patch,\n    resetPatch: engine.resetPatch,\n    setMode: engine.setMode,\n    getMode: engine.getMode,\n    getActiveId: engine.getActiveId,\n    availableSkins: engine.availableSkins,\n    errors: engine.errors,\n  }\n}\n"]}
+{"version":3,"sources":["../src/skins/SkinProvider.ts","../src/skins/useSkin.ts"],"names":["defineComponent","ref","applySkin","onMounted","injectGlobalStyles","watch","onBeforeUnmount","provide","inject","computed"],"mappings":";;;;;;;AAyBO,IAAM,WAAA,0BAAoD,UAAU;AAOpE,IAAM,eAAeA,mBAAA,CAAgB;AAAA,EAC1C,IAAA,EAAM,kBAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAA,EAAgC,UAAU,IAAA,EAAK;AAAA,IAC/D,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAA,EAAwC,SAAS,IAAA,EAAK;AAAA,IACtE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,MAAA;AAAU,GAC/C;AAAA,EACA,KAAA,CAAM,KAAA,EAAO,EAAE,KAAA,EAAM,EAAG;AACtB,IAAA,MAAM,OAAA,GAAUC,OAAA,CAAI,KAAA,CAAM,MAAA,CAAO,SAAS,CAAA;AAC1C,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,CAAO,SAAA,CAAU,CAAC,IAAA,KAAS;AACnD,MAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA;AAAA,IAClB,CAAC,CAAA;AAED,IAAA,IAAI,OAAA,GAAkC,IAAA;AACtC,IAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,MAAA,IAAU,QAAA,CAAS,eAAA;AAChD,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,OAAA,EAAS,MAAA,EAAO;AAChB,MAAA,OAAA,GAAUC,eAAA,CAAU,OAAA,CAAQ,KAAA,EAAO,QAAA,EAAU,CAAA;AAAA,IAC/C,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAAC,wBAAA,CAAmB,MAAM,QAAQ,CAAA;AACjC,MAAA,KAAA,EAAM;AAAA,IACR,CAAC,CAAA;AACD,IAAAC,SAAA,CAAM,SAAS,MAAM;AACnB,MAAA,IAAI,SAAS,KAAA,EAAM;AAAA,IACrB,CAAC,CAAA;AACD,IAAAA,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,MAAM;AACJ,QAAA,IAAI,SAAS,KAAA,EAAM;AAAA,MACrB;AAAA,KACF;AACA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,WAAA,EAAY;AACZ,MAAA,OAAA,EAAS,MAAA,EAAO;AAChB,MAAA,OAAA,GAAU,IAAA;AAAA,IACZ,CAAC,CAAA;AAED,IAAAC,WAAA,CAAQ,aAAa,EAAE,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAQ,SAAS,CAAA;AACtD,IAAA,OAAO,MAAM,MAAM,OAAA,IAAU;AAAA,EAC/B;AACF,CAAC;AAEM,SAAS,cAAA,GAAkC;AAChD,EAAA,MAAM,GAAA,GAAMC,WAAO,WAAW,CAAA;AAC9B,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,uDAAuD,CAAA;AACjF,EAAA,OAAO,GAAA;AACT;AC3DO,SAAS,OAAA,GAAyB;AACvC,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,cAAA,EAAe;AAC3C,EAAA,OAAO;AAAA,IACL,IAAA,EAAMC,YAAA,CAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,IAClC,SAAS,MAAA,CAAO,OAAA;AAAA,IAChB,UAAU,MAAA,CAAO,QAAA;AAAA,IACjB,gBAAgB,MAAA,CAAO,cAAA;AAAA,IACvB,OAAO,MAAA,CAAO,KAAA;AAAA,IACd,YAAY,MAAA,CAAO,UAAA;AAAA,IACnB,SAAS,MAAA,CAAO,OAAA;AAAA,IAChB,SAAS,MAAA,CAAO,OAAA;AAAA,IAChB,aAAa,MAAA,CAAO,WAAA;AAAA,IACpB,gBAAgB,MAAA,CAAO,cAAA;AAAA,IACvB,QAAQ,MAAA,CAAO;AAAA,GACjB;AACF","file":"skins.cjs","sourcesContent":["import {\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n} from 'vue'\nimport { injectGlobalStyles } from '@iris-ui-kit/theme'\nimport {\n  applySkin,\n  type ApplySkinResult,\n  type ResolvedSkin,\n  type SkinEngine,\n} from '@iris-ui-kit/skins'\n\nexport interface IrisSkinContext {\n  engine: SkinEngine\n  current: Ref<ResolvedSkin>\n}\n\nexport const IrisSkinKey: InjectionKey<IrisSkinContext> = Symbol('IrisSkin')\n\n/**\n * Renderless provider mirroring `<IrisThemeProvider>` for skins: subscribes to\n * the engine store, applies/reverts the resolved skin on the target element,\n * and provides the engine + current skin to descendants. Zero skin logic.\n */\nexport const SkinProvider = defineComponent({\n  name: 'IrisSkinProvider',\n  props: {\n    engine: { type: Object as PropType<SkinEngine>, required: true },\n    target: { type: Object as PropType<HTMLElement | null>, default: null },\n    cspNonce: { type: String, default: undefined },\n  },\n  setup(props, { slots }) {\n    const current = ref(props.engine.current()) as Ref<ResolvedSkin>\n    const unsubscribe = props.engine.subscribe((next) => {\n      current.value = next\n    })\n\n    let applied: ApplySkinResult | null = null\n    const targetEl = () => props.target ?? document.documentElement\n    const apply = () => {\n      applied?.revert()\n      applied = applySkin(current.value, targetEl())\n    }\n\n    onMounted(() => {\n      injectGlobalStyles(props.cspNonce)\n      apply()\n    })\n    watch(current, () => {\n      if (applied) apply()\n    })\n    watch(\n      () => props.target,\n      () => {\n        if (applied) apply()\n      },\n    )\n    onBeforeUnmount(() => {\n      unsubscribe()\n      applied?.revert()\n      applied = null\n    })\n\n    provide(IrisSkinKey, { engine: props.engine, current })\n    return () => slots.default?.()\n  },\n})\n\nexport function useSkinContext(): IrisSkinContext {\n  const ctx = inject(IrisSkinKey)\n  if (!ctx) throw new Error('[iris-ui] useSkin(): no <SkinProvider> ancestor found')\n  return ctx\n}\n","import type { ComputedRef } from 'vue'\nimport { computed } from 'vue'\nimport type { ResolvedSkin, Skin, SkinMode, SkinPatch, SkinError } from '@iris-ui-kit/skins'\nimport { useSkinContext } from './SkinProvider'\n\nexport interface UseSkinReturn {\n  skin: ComputedRef<ResolvedSkin>\n  setSkin: (id: string) => void\n  loadSkin: (source: string | Skin) => Promise<ResolvedSkin>\n  useFromCatalog: (id: string) => Promise<ResolvedSkin>\n  patch: (overrides: SkinPatch) => void\n  resetPatch: () => void\n  setMode: (mode: SkinMode) => void\n  getMode: () => SkinMode\n  /** Logical selected id (pre system-variant remap) — e.g. 'auto' while following the system. */\n  getActiveId: () => string\n  availableSkins: () => Skin[]\n  errors: () => SkinError[]\n}\n\n/** Read + control the active skin from anywhere inside a `<SkinProvider>`. */\nexport function useSkin(): UseSkinReturn {\n  const { engine, current } = useSkinContext()\n  return {\n    skin: computed(() => current.value),\n    setSkin: engine.setSkin,\n    loadSkin: engine.loadSkin,\n    useFromCatalog: engine.useFromCatalog,\n    patch: engine.patch,\n    resetPatch: engine.resetPatch,\n    setMode: engine.setMode,\n    getMode: engine.getMode,\n    getActiveId: engine.getActiveId,\n    availableSkins: engine.availableSkins,\n    errors: engine.errors,\n  }\n}\n"]}

package/dist/skins.js

@@ -1,3 +1,3 @@
-export { IrisSkinKey, SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, validateSkin } from './chunk-H7HVVPYR.js';
+export { IrisSkinKey, SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, validateSkin } from './chunk-UPC4GN3F.js';
 //# sourceMappingURL=skins.js.map
 //# sourceMappingURL=skins.js.map

package/dist/theme.cjs

@@ -29,7 +29,7 @@ var ThemeProvider = vue.defineComponent({
   },
   setup(props, { slots }) {
     const current = vue.ref(props.store.store.getState());
-    const unsubscribe = props.store.store.subscribe((next) => {
+    let unsubscribe = props.store.store.subscribe((next) => {
       current.value = next;
     });
     let applied = null;
@@ -51,6 +51,24 @@ var ThemeProvider = vue.defineComponent({
     vue.watch(current, () => {
       if (applied) applyCurrent();
     });
+    vue.watch(
+      () => props.store,
+      (nextStore) => {
+        unsubscribe();
+        unsubscribe = nextStore.store.subscribe((next) => {
+          current.value = next;
+        });
+        current.value = nextStore.store.getState();
+        if (applied) applyCurrent();
+      }
+    );
+    vue.watch(
+      () => props.target,
+      () => {
+        if (applied) applyCurrent();
+        if (dirApplied) applyDir();
+      }
+    );
     vue.watch(
       () => props.dir,
       () => {

package/dist/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/ThemeProvider.ts","../src/theme/useTheme.ts","../src/theme/useColorScheme.ts"],"names":["defineComponent","ref","applyTheme","applyDirection","onMounted","injectGlobalStyles","watch","onBeforeUnmount","provide","computed","inject","getColorScheme","watchColorScheme"],"mappings":"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","file":"theme.cjs","sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n  type ComputedRef,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n} from 'vue'\nimport {\n  applyDirection,\n  applyTheme,\n  injectGlobalStyles,\n  type ApplyDirectionResult,\n  type ApplyThemeResult,\n  type Direction,\n  type ThemeStore,\n} from '@iris-ui-kit/theme'\nimport type { IrisTheme } from '@iris-ui-kit/tokens'\n\nexport interface IrisThemeContext {\n  store: ThemeStore\n  current: Ref<IrisTheme>\n  dir: ComputedRef<Direction>\n}\n\nexport const IrisThemeKey: InjectionKey<IrisThemeContext> = Symbol('IrisTheme')\n\n/**\n * Renderless provider that:\n * 1. exposes the theme store to descendants via `provide`,\n * 2. applies the current theme to a target element on mount and on change,\n * 3. reverts the inline custom properties on unmount.\n *\n * `target` defaults to `document.documentElement`. Pass an element ref to\n * scope a theme to a subtree.\n */\nexport const ThemeProvider = defineComponent({\n  name: 'IrisThemeProvider',\n  props: {\n    store: {\n      type: Object as PropType<ThemeStore>,\n      required: true,\n    },\n    target: {\n      type: Object as PropType<HTMLElement | null>,\n      default: null,\n    },\n    /** Writing direction; sets `dir` on the target for RTL. Default `'ltr'`. */\n    dir: {\n      type: String as PropType<Direction>,\n      default: 'ltr',\n    },\n    /** CSP nonce for injected inline stylesheets. */\n    cspNonce: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const current = ref(props.store.store.getState()) as Ref<IrisTheme>\n    const unsubscribe = props.store.store.subscribe((next) => {\n      current.value = next\n    })\n\n    let applied: ApplyThemeResult | null = null\n    let dirApplied: ApplyDirectionResult | null = null\n\n    const targetEl = () => props.target ?? document.documentElement\n\n    const applyCurrent = () => {\n      applied?.revert()\n      applied = applyTheme(current.value, targetEl())\n    }\n\n    const applyDir = () => {\n      dirApplied?.revert()\n      dirApplied = applyDirection(props.dir, targetEl())\n    }\n\n    onMounted(() => {\n      injectGlobalStyles(props.cspNonce)\n      applyCurrent()\n      applyDir()\n    })\n\n    watch(current, () => {\n      if (applied) applyCurrent()\n    })\n\n    watch(\n      () => props.dir,\n      () => {\n        if (dirApplied) applyDir()\n      },\n    )\n\n    onBeforeUnmount(() => {\n      unsubscribe()\n      applied?.revert()\n      applied = null\n      dirApplied?.revert()\n      dirApplied = null\n    })\n\n    provide(IrisThemeKey, { store: props.store, current, dir: computed(() => props.dir) })\n\n    return () => slots.default?.()\n  },\n})\n\nexport function useThemeContext(): IrisThemeContext {\n  const ctx = inject(IrisThemeKey)\n  if (!ctx) {\n    throw new Error('[iris-ui] useTheme(): no <ThemeProvider> ancestor found')\n  }\n  return ctx\n}\n\n/**\n * Current writing direction (`'ltr'` / `'rtl'`) from the nearest\n * `<ThemeProvider>`, or a static `'ltr'` ref when there is none.\n */\nexport function useDirection(): ComputedRef<Direction> {\n  const ctx = inject(IrisThemeKey, null)\n  return ctx ? ctx.dir : computed(() => 'ltr' as Direction)\n}\n","import { computed, type ComputedRef } from 'vue'\nimport type { IrisTheme } from '@iris-ui-kit/tokens'\nimport { useThemeContext } from './ThemeProvider'\n\nexport interface UseThemeReturn {\n  /** Reactive ref to the active theme. */\n  theme: ComputedRef<IrisTheme>\n  /** Switch by name or by passing a theme directly. */\n  setTheme: (target: string | IrisTheme) => void\n  /** Map of all themes registered with the store. */\n  availableThemes: Record<string, IrisTheme>\n}\n\n/**\n * Read and write the current theme from anywhere inside a <ThemeProvider>.\n *\n * @example\n * const { theme, setTheme } = useTheme()\n * theme.value.colors['iris.primary']\n * setTheme('dark')\n */\nexport function useTheme(): UseThemeReturn {\n  const ctx = useThemeContext()\n  return {\n    theme: computed(() => ctx.current.value),\n    setTheme: ctx.store.setTheme,\n    availableThemes: ctx.store.availableThemes,\n  }\n}\n","import { onBeforeUnmount, ref, type Ref } from 'vue'\nimport { getColorScheme, watchColorScheme, type ColorScheme } from '@iris-ui-kit/theme'\n\n/**\n * Reactive system color scheme (`'light'` / `'dark'`) from\n * `prefers-color-scheme`. SSR-safe (reports `'light'` until matchMedia is\n * available). Wire it to a theme store to auto-follow the system:\n *\n * ```ts\n * const scheme = useColorScheme()\n * watch(scheme, (s) => store.setTheme(s === 'dark' ? 'dark' : 'light'), { immediate: true })\n * ```\n */\nexport function useColorScheme(): Ref<ColorScheme> {\n  const scheme = ref<ColorScheme>(getColorScheme())\n  const stop = watchColorScheme((s) => {\n    scheme.value = s\n  })\n  onBeforeUnmount(stop)\n  return scheme\n}\n"]}
+{"version":3,"sources":["../src/theme/ThemeProvider.ts","../src/theme/useTheme.ts","../src/theme/useColorScheme.ts"],"names":["defineComponent","ref","applyTheme","applyDirection","onMounted","injectGlobalStyles","watch","onBeforeUnmount","provide","computed","inject","getColorScheme","watchColorScheme"],"mappings":"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","file":"theme.cjs","sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n  type ComputedRef,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n} from 'vue'\nimport {\n  applyDirection,\n  applyTheme,\n  injectGlobalStyles,\n  type ApplyDirectionResult,\n  type ApplyThemeResult,\n  type Direction,\n  type ThemeStore,\n} from '@iris-ui-kit/theme'\nimport type { IrisTheme } from '@iris-ui-kit/tokens'\n\nexport interface IrisThemeContext {\n  store: ThemeStore\n  current: Ref<IrisTheme>\n  dir: ComputedRef<Direction>\n}\n\nexport const IrisThemeKey: InjectionKey<IrisThemeContext> = Symbol('IrisTheme')\n\n/**\n * Renderless provider that:\n * 1. exposes the theme store to descendants via `provide`,\n * 2. applies the current theme to a target element on mount and on change,\n * 3. reverts the inline custom properties on unmount.\n *\n * `target` defaults to `document.documentElement`. Pass an element ref to\n * scope a theme to a subtree.\n */\nexport const ThemeProvider = defineComponent({\n  name: 'IrisThemeProvider',\n  props: {\n    store: {\n      type: Object as PropType<ThemeStore>,\n      required: true,\n    },\n    target: {\n      type: Object as PropType<HTMLElement | null>,\n      default: null,\n    },\n    /** Writing direction; sets `dir` on the target for RTL. Default `'ltr'`. */\n    dir: {\n      type: String as PropType<Direction>,\n      default: 'ltr',\n    },\n    /** CSP nonce for injected inline stylesheets. */\n    cspNonce: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const current = ref(props.store.store.getState()) as Ref<IrisTheme>\n    let unsubscribe = props.store.store.subscribe((next) => {\n      current.value = next\n    })\n\n    let applied: ApplyThemeResult | null = null\n    let dirApplied: ApplyDirectionResult | null = null\n\n    const targetEl = () => props.target ?? document.documentElement\n\n    const applyCurrent = () => {\n      applied?.revert()\n      applied = applyTheme(current.value, targetEl())\n    }\n\n    const applyDir = () => {\n      dirApplied?.revert()\n      dirApplied = applyDirection(props.dir, targetEl())\n    }\n\n    onMounted(() => {\n      injectGlobalStyles(props.cspNonce)\n      applyCurrent()\n      applyDir()\n    })\n\n    watch(current, () => {\n      if (applied) applyCurrent()\n    })\n\n    watch(\n      () => props.store,\n      (nextStore) => {\n        unsubscribe()\n        unsubscribe = nextStore.store.subscribe((next) => {\n          current.value = next\n        })\n        current.value = nextStore.store.getState()\n        if (applied) applyCurrent()\n      },\n    )\n\n    watch(\n      () => props.target,\n      () => {\n        if (applied) applyCurrent()\n        if (dirApplied) applyDir()\n      },\n    )\n\n    watch(\n      () => props.dir,\n      () => {\n        if (dirApplied) applyDir()\n      },\n    )\n\n    onBeforeUnmount(() => {\n      unsubscribe()\n      applied?.revert()\n      applied = null\n      dirApplied?.revert()\n      dirApplied = null\n    })\n\n    provide(IrisThemeKey, { store: props.store, current, dir: computed(() => props.dir) })\n\n    return () => slots.default?.()\n  },\n})\n\nexport function useThemeContext(): IrisThemeContext {\n  const ctx = inject(IrisThemeKey)\n  if (!ctx) {\n    throw new Error('[iris-ui] useTheme(): no <ThemeProvider> ancestor found')\n  }\n  return ctx\n}\n\n/**\n * Current writing direction (`'ltr'` / `'rtl'`) from the nearest\n * `<ThemeProvider>`, or a static `'ltr'` ref when there is none.\n */\nexport function useDirection(): ComputedRef<Direction> {\n  const ctx = inject(IrisThemeKey, null)\n  return ctx ? ctx.dir : computed(() => 'ltr' as Direction)\n}\n","import { computed, type ComputedRef } from 'vue'\nimport type { IrisTheme } from '@iris-ui-kit/tokens'\nimport { useThemeContext } from './ThemeProvider'\n\nexport interface UseThemeReturn {\n  /** Reactive ref to the active theme. */\n  theme: ComputedRef<IrisTheme>\n  /** Switch by name or by passing a theme directly. */\n  setTheme: (target: string | IrisTheme) => void\n  /** Map of all themes registered with the store. */\n  availableThemes: Record<string, IrisTheme>\n}\n\n/**\n * Read and write the current theme from anywhere inside a <ThemeProvider>.\n *\n * @example\n * const { theme, setTheme } = useTheme()\n * theme.value.colors['iris.primary']\n * setTheme('dark')\n */\nexport function useTheme(): UseThemeReturn {\n  const ctx = useThemeContext()\n  return {\n    theme: computed(() => ctx.current.value),\n    setTheme: ctx.store.setTheme,\n    availableThemes: ctx.store.availableThemes,\n  }\n}\n","import { onBeforeUnmount, ref, type Ref } from 'vue'\nimport { getColorScheme, watchColorScheme, type ColorScheme } from '@iris-ui-kit/theme'\n\n/**\n * Reactive system color scheme (`'light'` / `'dark'`) from\n * `prefers-color-scheme`. SSR-safe (reports `'light'` until matchMedia is\n * available). Wire it to a theme store to auto-follow the system:\n *\n * ```ts\n * const scheme = useColorScheme()\n * watch(scheme, (s) => store.setTheme(s === 'dark' ? 'dark' : 'light'), { immediate: true })\n * ```\n */\nexport function useColorScheme(): Ref<ColorScheme> {\n  const scheme = ref<ColorScheme>(getColorScheme())\n  const stop = watchColorScheme((s) => {\n    scheme.value = s\n  })\n  onBeforeUnmount(stop)\n  return scheme\n}\n"]}

package/dist/theme.js

@@ -1,3 +1,3 @@
-export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext } from './chunk-72PZMU6R.js';
+export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext } from './chunk-ZTPIXL7Q.js';
 //# sourceMappingURL=theme.js.map
 //# sourceMappingURL=theme.js.map

package/dist/undo.cjs

@@ -4,41 +4,50 @@ var vue = require('vue');
 var undo = require('@iris-ui-kit/core/undo');
 
 // src/undo/useUndoStack.ts
+function trackUndoStack(stack, onMutate) {
+  const mutators = /* @__PURE__ */ new Set(["push", "undo", "redo", "clear"]);
+  const wrappers = /* @__PURE__ */ new Map();
+  return new Proxy(stack, {
+    get(target, prop, receiver) {
+      const key = prop;
+      if (mutators.has(key)) {
+        let fn = wrappers.get(key);
+        if (!fn) {
+          const original = target[key];
+          fn = (...args) => {
+            const result = Reflect.apply(original, target, args);
+            onMutate();
+            return result;
+          };
+          wrappers.set(key, fn);
+        }
+        return fn;
+      }
+      return Reflect.get(target, prop, receiver);
+    }
+  });
+}
 function useUndoStack(options) {
-  const stack = undo.createUndoStack(options);
+  const raw = undo.createUndoStack(options);
   const state = vue.shallowRef({
-    canUndo: stack.canUndo(),
-    canRedo: stack.canRedo(),
-    depth: stack.depth,
-    index: stack.index
+    canUndo: raw.canUndo(),
+    canRedo: raw.canRedo(),
+    depth: raw.depth,
+    index: raw.index
   });
   const sync = () => {
     state.value = {
-      canUndo: stack.canUndo(),
-      canRedo: stack.canRedo(),
-      depth: stack.depth,
-      index: stack.index
+      canUndo: raw.canUndo(),
+      canRedo: raw.canRedo(),
+      depth: raw.depth,
+      index: raw.index
     };
   };
-  const push = (snapshot) => {
-    const result = stack.push(snapshot);
-    sync();
-    return result;
-  };
-  const undo$1 = () => {
-    const result = stack.undo();
-    sync();
-    return result;
-  };
-  const redo = () => {
-    const result = stack.redo();
-    sync();
-    return result;
-  };
-  const clear = () => {
-    stack.clear();
-    sync();
-  };
+  const stack = trackUndoStack(raw, sync);
+  const push = (snapshot) => stack.push(snapshot);
+  const undo$1 = () => stack.undo();
+  const redo = () => stack.redo();
+  const clear = () => stack.clear();
   return { push, undo: undo$1, redo, clear, stack, state };
 }
 

package/dist/undo.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/undo/useUndoStack.ts"],"names":["createUndoStack","shallowRef","undo"],"mappings":";;;;;;AAgCO,SAAS,aAAgB,OAAA,EAa9B;AACA,EAAA,MAAM,KAAA,GAAQA,qBAAmB,OAAO,CAAA;AAExC,EAAA,MAAM,QAAQC,cAAA,CAAmC;AAAA,IAC/C,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,IACvB,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,IACvB,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,OAAO,KAAA,CAAM;AAAA,GACd,CAAA;AAED,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,KAAA,CAAM,KAAA,GAAQ;AAAA,MACZ,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,MACvB,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,MACvB,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,OAAO,KAAA,CAAM;AAAA,KACf;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,IAAA,GAAO,CAAC,QAAA,KAAmB;AAC/B,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAA;AAClC,IAAA,IAAA,EAAK;AACL,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAMC,SAAO,MAAqB;AAChC,IAAA,MAAM,MAAA,GAAS,MAAM,IAAA,EAAK;AAK1B,IAAA,IAAA,EAAK;AACL,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,OAAO,MAAqB;AAChC,IAAA,MAAM,MAAA,GAAS,MAAM,IAAA,EAAK;AAC1B,IAAA,IAAA,EAAK;AACL,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,KAAA,CAAM,KAAA,EAAM;AACZ,IAAA,IAAA,EAAK;AAAA,EACP,CAAA;AAEA,EAAA,OAAO,EAAE,IAAA,QAAMA,MAAA,EAAM,IAAA,EAAM,KAAA,EAAO,OAAO,KAAA,EAAM;AACjD","file":"undo.cjs","sourcesContent":["import { shallowRef, type ShallowRef } from 'vue'\nimport { createUndoStack, type UndoStack, type UndoStackOptions } from '@iris-ui-kit/core/undo'\n\n/**\n * Reactive snapshot metadata for the UndoStack: convenience booleans that\n * update on every push/undo/redo/clear for use in UI bindings (enable/disable\n * undo/redo buttons).\n */\nexport interface UndoStackReactiveState {\n  canUndo: boolean\n  canRedo: boolean\n  depth: number\n  index: number\n}\n\n/**\n * Vue bridge over the framework-agnostic {@link createUndoStack}.\n * Creates the stack once in `setup()` and returns a stable controller\n * plus a reactive `state` that tracks `canUndo`/`canRedo`/`depth`/`index` for\n * easy UI binding.\n *\n * The returned `push`/`undo`/`redo`/`clear` automatically update the reactive\n * state — no manual `.value = ...` needed.\n *\n * @example\n *   const { push, undo, redo, state } = useUndoStack({ initial: formValues })\n *   // After mutation:\n *   push(currentValues)\n *   // In template:\n *   <button :disabled=\"!state.canUndo\" @click=\"undo\">Undo</button>\n *   <button :disabled=\"!state.canRedo\" @click=\"redo\">Redo</button>\n */\nexport function useUndoStack<T>(options?: UndoStackOptions<T>): {\n  /** Push a new snapshot onto the stack. Returns the stored value. */\n  push: (snapshot: T) => T\n  /** Undo: returns the previous snapshot, or undefined if nothing to undo. */\n  undo: () => T | undefined\n  /** Redo: returns the next snapshot, or undefined if nothing to redo. */\n  redo: () => T | undefined\n  /** Clear all history. */\n  clear: () => void\n  /** The raw undo stack (stable reference, same across renders). */\n  stack: UndoStack<T>\n  /** Reactive metadata: canUndo, canRedo, depth, index. */\n  state: ShallowRef<UndoStackReactiveState>\n} {\n  const stack = createUndoStack<T>(options)\n\n  const state = shallowRef<UndoStackReactiveState>({\n    canUndo: stack.canUndo(),\n    canRedo: stack.canRedo(),\n    depth: stack.depth,\n    index: stack.index,\n  })\n\n  const sync = () => {\n    state.value = {\n      canUndo: stack.canUndo(),\n      canRedo: stack.canRedo(),\n      depth: stack.depth,\n      index: stack.index,\n    }\n  }\n\n  const push = (snapshot: T): T => {\n    const result = stack.push(snapshot)\n    sync()\n    return result\n  }\n\n  const undo = (): T | undefined => {\n    const result = stack.undo()\n    // Always sync: `undefined` is a legal snapshot value for a generic T, so\n    // the return value cannot distinguish \"no-op\" from \"moved onto an\n    // undefined snapshot\". A true no-op writes identical values, which is\n    // harmless (same as push/clear).\n    sync()\n    return result\n  }\n\n  const redo = (): T | undefined => {\n    const result = stack.redo()\n    sync()\n    return result\n  }\n\n  const clear = () => {\n    stack.clear()\n    sync()\n  }\n\n  return { push, undo, redo, clear, stack, state }\n}\n"]}
+{"version":3,"sources":["../src/undo/useUndoStack.ts"],"names":["createUndoStack","shallowRef","undo"],"mappings":";;;;;;AAqBA,SAAS,cAAA,CAAkB,OAAqB,QAAA,EAAoC;AAClF,EAAA,MAAM,QAAA,uBAAe,GAAA,CAAwB,CAAC,QAAQ,MAAA,EAAQ,MAAA,EAAQ,OAAO,CAAC,CAAA;AAC9E,EAAA,MAAM,QAAA,uBAAe,GAAA,EAAyD;AAE9E,EAAA,OAAO,IAAI,MAAM,KAAA,EAAO;AAAA,IACtB,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAuB,QAAA,EAAmB;AACpD,MAAA,MAAM,GAAA,GAAM,IAAA;AACZ,MAAA,IAAI,QAAA,CAAS,GAAA,CAAI,GAAG,CAAA,EAAG;AACrB,QAAA,IAAI,EAAA,GAAK,QAAA,CAAS,GAAA,CAAI,GAAG,CAAA;AACzB,QAAA,IAAI,CAAC,EAAA,EAAI;AACP,UAAA,MAAM,QAAA,GAAW,OAAO,GAAG,CAAA;AAC3B,UAAA,EAAA,GAAK,IAAI,IAAA,KAAoB;AAC3B,YAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,KAAA,CAAM,QAAA,EAAU,QAAQ,IAAI,CAAA;AACnD,YAAA,QAAA,EAAS;AACT,YAAA,OAAO,MAAA;AAAA,UACT,CAAA;AACA,UAAA,QAAA,CAAS,GAAA,CAAI,KAAK,EAAE,CAAA;AAAA,QACtB;AACA,QAAA,OAAO,EAAA;AAAA,MACT;AACA,MAAA,OAAO,OAAA,CAAQ,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAM,QAAQ,CAAA;AAAA,IAC3C;AAAA,GACD,CAAA;AACH;AAiCO,SAAS,aAAgB,OAAA,EAiB9B;AACA,EAAA,MAAM,GAAA,GAAMA,qBAAmB,OAAO,CAAA;AAEtC,EAAA,MAAM,QAAQC,cAAA,CAAmC;AAAA,IAC/C,OAAA,EAAS,IAAI,OAAA,EAAQ;AAAA,IACrB,OAAA,EAAS,IAAI,OAAA,EAAQ;AAAA,IACrB,OAAO,GAAA,CAAI,KAAA;AAAA,IACX,OAAO,GAAA,CAAI;AAAA,GACZ,CAAA;AAED,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,KAAA,CAAM,KAAA,GAAQ;AAAA,MACZ,OAAA,EAAS,IAAI,OAAA,EAAQ;AAAA,MACrB,OAAA,EAAS,IAAI,OAAA,EAAQ;AAAA,MACrB,OAAO,GAAA,CAAI,KAAA;AAAA,MACX,OAAO,GAAA,CAAI;AAAA,KACb;AAAA,EACF,CAAA;AAMA,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,GAAA,EAAK,IAAI,CAAA;AAMtC,EAAA,MAAM,IAAA,GAAO,CAAC,QAAA,KAAmB,KAAA,CAAM,KAAK,QAAQ,CAAA;AACpD,EAAA,MAAMC,MAAA,GAAO,MAAqB,KAAA,CAAM,IAAA,EAAK;AAC7C,EAAA,MAAM,IAAA,GAAO,MAAqB,KAAA,CAAM,IAAA,EAAK;AAC7C,EAAA,MAAM,KAAA,GAAQ,MAAY,KAAA,CAAM,KAAA,EAAM;AAEtC,EAAA,OAAO,EAAE,IAAA,QAAMA,MAAA,EAAM,IAAA,EAAM,KAAA,EAAO,OAAO,KAAA,EAAM;AACjD","file":"undo.cjs","sourcesContent":["import { shallowRef, type ShallowRef } from 'vue'\nimport { createUndoStack, type UndoStack, type UndoStackOptions } from '@iris-ui-kit/core/undo'\n\n// ─── Helpers ────────────────────────────────────────────────────────────────\n\n/**\n * Wrap a raw {@link UndoStack} in a Proxy so that every mutating call\n * (`push`/`undo`/`redo`/`clear`) — including calls made directly on the\n * returned `stack` reference — triggers `onMutate()` afterwards.\n *\n * Core's `UndoStack` is a plain mutable object with **no change notification**\n * (JSDoc promises it is a stable, modifiable reference). Without this wrapper,\n * `api.stack.push(x)` mutated core silently and left the reactive `state`\n * permanently stale, with zero errors.\n *\n * Only the `get` trap is installed: mutating methods return pre-created,\n * cached wrapper closures (so `stack.push === stack.push` — stable function\n * identity), while read-only members (`canUndo`/`canRedo`/`depth`/`index`)\n * pass through untouched. `ownKeys`/`getOwnPropertyDescriptor` are forwarded\n * by the default traps, so enumeration behavior is unchanged.\n */\nfunction trackUndoStack<T>(stack: UndoStack<T>, onMutate: () => void): UndoStack<T> {\n  const mutators = new Set<keyof UndoStack<T>>(['push', 'undo', 'redo', 'clear'])\n  const wrappers = new Map<keyof UndoStack<T>, (...args: unknown[]) => unknown>()\n\n  return new Proxy(stack, {\n    get(target, prop: string | symbol, receiver): unknown {\n      const key = prop as keyof UndoStack<T>\n      if (mutators.has(key)) {\n        let fn = wrappers.get(key)\n        if (!fn) {\n          const original = target[key] as (...args: unknown[]) => unknown\n          fn = (...args: unknown[]) => {\n            const result = Reflect.apply(original, target, args)\n            onMutate()\n            return result\n          }\n          wrappers.set(key, fn)\n        }\n        return fn\n      }\n      return Reflect.get(target, prop, receiver)\n    },\n  })\n}\n\n/**\n * Reactive snapshot metadata for the UndoStack: convenience booleans that\n * update on every push/undo/redo/clear for use in UI bindings (enable/disable\n * undo/redo buttons).\n */\nexport interface UndoStackReactiveState {\n  canUndo: boolean\n  canRedo: boolean\n  depth: number\n  index: number\n}\n\n/**\n * Vue bridge over the framework-agnostic {@link createUndoStack}.\n * Creates the stack once in `setup()` and returns a stable controller\n * plus a reactive `state` that tracks `canUndo`/`canRedo`/`depth`/`index` for\n * easy UI binding.\n *\n * The returned `push`/`undo`/`redo`/`clear` automatically update the reactive\n * state — no manual `.value = ...` needed. The same holds for mutating the\n * returned `stack` directly (`api.stack.push(x)`, `api.stack.undo()`, …): the\n * raw stack is wrapped so every mutation is observed and synced.\n *\n * @example\n *   const { push, undo, redo, state } = useUndoStack({ initial: formValues })\n *   // After mutation:\n *   push(currentValues)\n *   // In template:\n *   <button :disabled=\"!state.canUndo\" @click=\"undo\">Undo</button>\n *   <button :disabled=\"!state.canRedo\" @click=\"redo\">Redo</button>\n */\nexport function useUndoStack<T>(options?: UndoStackOptions<T>): {\n  /** Push a new snapshot onto the stack. Returns the stored value. */\n  push: (snapshot: T) => T\n  /** Undo: returns the previous snapshot, or undefined if nothing to undo. */\n  undo: () => T | undefined\n  /** Redo: returns the next snapshot, or undefined if nothing to redo. */\n  redo: () => T | undefined\n  /** Clear all history. */\n  clear: () => void\n  /**\n   * The raw undo stack (stable reference, same across renders). Its mutating\n   * methods (`push`/`undo`/`redo`/`clear`) are observed — direct calls keep\n   * `state` in sync.\n   */\n  stack: UndoStack<T>\n  /** Reactive metadata: canUndo, canRedo, depth, index. */\n  state: ShallowRef<UndoStackReactiveState>\n} {\n  const raw = createUndoStack<T>(options)\n\n  const state = shallowRef<UndoStackReactiveState>({\n    canUndo: raw.canUndo(),\n    canRedo: raw.canRedo(),\n    depth: raw.depth,\n    index: raw.index,\n  })\n\n  const sync = () => {\n    state.value = {\n      canUndo: raw.canUndo(),\n      canRedo: raw.canRedo(),\n      depth: raw.depth,\n      index: raw.index,\n    }\n  }\n\n  // Wrap the raw stack so direct `api.stack.push/undo/redo/clear` calls also\n  // refresh `state` — previously they mutated core silently and left the\n  // reactive state permanently stale (defect group 1). The proxy is the single\n  // sync point below.\n  const stack = trackUndoStack(raw, sync)\n\n  // Delegate through the wrapped stack: `onMutate` fires on every mutating\n  // call — even true no-ops and calls returning `undefined` (a legal snapshot\n  // value for a generic T, so the return value cannot distinguish \"no-op\"\n  // from \"pointer moved\" — defect group 2, aligned with vue 0.2.19).\n  const push = (snapshot: T): T => stack.push(snapshot)\n  const undo = (): T | undefined => stack.undo()\n  const redo = (): T | undefined => stack.redo()\n  const clear = (): void => stack.clear()\n\n  return { push, undo, redo, clear, stack, state }\n}\n"]}

package/dist/undo.d.cts

@@ -20,7 +20,9 @@ interface UndoStackReactiveState {
  * easy UI binding.
  *
  * The returned `push`/`undo`/`redo`/`clear` automatically update the reactive
- * state — no manual `.value = ...` needed.
+ * state — no manual `.value = ...` needed. The same holds for mutating the
+ * returned `stack` directly (`api.stack.push(x)`, `api.stack.undo()`, …): the
+ * raw stack is wrapped so every mutation is observed and synced.
  *
  * @example
  *   const { push, undo, redo, state } = useUndoStack({ initial: formValues })
@@ -39,7 +41,11 @@ declare function useUndoStack<T>(options?: UndoStackOptions<T>): {
     redo: () => T | undefined;
     /** Clear all history. */
     clear: () => void;
-    /** The raw undo stack (stable reference, same across renders). */
+    /**
+     * The raw undo stack (stable reference, same across renders). Its mutating
+     * methods (`push`/`undo`/`redo`/`clear`) are observed — direct calls keep
+     * `state` in sync.
+     */
     stack: UndoStack<T>;
     /** Reactive metadata: canUndo, canRedo, depth, index. */
     state: ShallowRef<UndoStackReactiveState>;

package/dist/undo.d.ts

@@ -20,7 +20,9 @@ interface UndoStackReactiveState {
  * easy UI binding.
  *
  * The returned `push`/`undo`/`redo`/`clear` automatically update the reactive
- * state — no manual `.value = ...` needed.
+ * state — no manual `.value = ...` needed. The same holds for mutating the
+ * returned `stack` directly (`api.stack.push(x)`, `api.stack.undo()`, …): the
+ * raw stack is wrapped so every mutation is observed and synced.
  *
  * @example
  *   const { push, undo, redo, state } = useUndoStack({ initial: formValues })
@@ -39,7 +41,11 @@ declare function useUndoStack<T>(options?: UndoStackOptions<T>): {
     redo: () => T | undefined;
     /** Clear all history. */
     clear: () => void;
-    /** The raw undo stack (stable reference, same across renders). */
+    /**
+     * The raw undo stack (stable reference, same across renders). Its mutating
+     * methods (`push`/`undo`/`redo`/`clear`) are observed — direct calls keep
+     * `state` in sync.
+     */
     stack: UndoStack<T>;
     /** Reactive metadata: canUndo, canRedo, depth, index. */
     state: ShallowRef<UndoStackReactiveState>;

package/dist/undo.js

@@ -1,3 +1,3 @@
-export { createUndoStack, useUndoStack } from './chunk-RLVG5JQH.js';
+export { createUndoStack, useUndoStack } from './chunk-FG5USQSY.js';
 //# sourceMappingURL=undo.js.map
 //# sourceMappingURL=undo.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iris-ui-kit/vue",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "description": "Vue 3.5 adapter for Iris UI — full component set",
   "license": "MIT",
   "type": "module",