@iris-ui-kit/vue 0.2.20 → 0.2.22

package/dist/admin.js

@@ -1,9 +1,9 @@
-export { IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-MMQKSFME.js';
+export { IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-QQ25RKOO.js';
 import './chunk-3FJUCHCC.js';
-import './chunk-TQB5LVOH.js';
+import './chunk-NNOF7KUH.js';
 import './chunk-F77KIPOH.js';
-import './chunk-I6D5VXQK.js';
-import './chunk-72PZMU6R.js';
+import './chunk-3V46HGRC.js';
+import './chunk-ZTPIXL7Q.js';
 import './chunk-W3B6E5GN.js';
 import './chunk-75GSYEJS.js';
 import './chunk-TCAXRWT6.js';

package/dist/async.cjs

@@ -5,8 +5,31 @@ var core = require('@iris-ui-kit/core');
 
 // src/async/useAsyncResource.ts
 function useAsyncResource(fetcher, options = {}) {
+  const holder = {
+    // isRef-only resolution. NEVER toValue() here: the element type is itself
+    // a function, so toValue(fetcher) would *invoke the fetcher at setup*
+    // (spurious request) and toValue(getter) would do the same. isRef narrows
+    // to the only unambiguous reactive form: ref(fetcher) / computed(() =>
+    // fetcher) / shallowRef(fetcher) — a ComputedRef IS a Ref.
+    // F3 elision point — the ONE explicit narrowing cast: after the isRef
+    // guard the else arm is `F | (() => F)`, and the bare-getter arm's return
+    // `F` (a function) is not assignable to `F` (TS2322). No runtime
+    // discriminant distinguishes a plain fetcher from a bare getter (both are
+    // functions), so the cast encodes exactly the documented F3 ambiguity and
+    // adds no unsafety beyond F3.
+    current: vue.isRef(fetcher) ? fetcher.value : fetcher
+  };
+  if (vue.isRef(fetcher)) {
+    vue.watch(
+      fetcher,
+      (next) => {
+        holder.current = next;
+      },
+      { flush: "sync" }
+    );
+  }
   const config = "initialData" in options ? { initialData: options.initialData } : {};
-  const resource = core.createAsyncResource(fetcher, config);
+  const resource = core.createAsyncResource((...params) => holder.current(...params), config);
   const state = vue.ref(resource.getState());
   const unsubscribe = resource.subscribe((next) => {
     state.value = next;
@@ -34,7 +57,30 @@ function useAsyncResource(fetcher, options = {}) {
   };
 }
 function usePaginatedResource(fetcher, options = {}) {
-  const resource = core.createPaginatedResource(fetcher, {
+  const holder = {
+    // isRef-only resolution. NEVER toValue() here: the element type is itself
+    // a function, so toValue(fetcher) would *invoke the fetcher at setup*
+    // (spurious request) and toValue(getter) would do the same. isRef narrows
+    // to the only unambiguous reactive form: ref(fetcher) / computed(() =>
+    // fetcher) / shallowRef(fetcher) — a ComputedRef IS a Ref.
+    // F3 elision point — the ONE explicit narrowing cast: after the isRef
+    // guard the else arm is `F | (() => F)`, and the bare-getter arm's return
+    // `F` (a function) is not assignable to `F` (TS2322). No runtime
+    // discriminant distinguishes a plain fetcher from a bare getter (both are
+    // functions), so the cast encodes exactly the documented F3 ambiguity and
+    // adds no unsafety beyond F3.
+    current: vue.isRef(fetcher) ? fetcher.value : fetcher
+  };
+  if (vue.isRef(fetcher)) {
+    vue.watch(
+      fetcher,
+      (next) => {
+        holder.current = next;
+      },
+      { flush: "sync" }
+    );
+  }
+  const resource = core.createPaginatedResource((query) => holder.current(query), {
     pageSize: options.pageSize,
     mode: options.mode
   });

package/dist/async.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/async/useAsyncResource.ts","../src/async/usePaginatedResource.ts"],"names":["createAsyncResource","ref","onBeforeUnmount","onMounted","computed","createPaginatedResource"],"mappings":"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","file":"async.cjs","sourcesContent":["import { computed, onBeforeUnmount, onMounted, ref, type ComputedRef, type Ref } from 'vue'\nimport {\n  createAsyncResource,\n  type AsyncResource,\n  type AsyncResourceConfig,\n  type AsyncState,\n  type AsyncStatus,\n} from '@iris-ui-kit/core'\n\nexport interface UseAsyncResourceOptions<T> extends AsyncResourceConfig<T> {\n  /** Run `load()` (no params) once on mount. Default `false`. */\n  immediate?: boolean\n}\n\nexport interface UseAsyncResourceReturn<T, P extends unknown[]> {\n  status: ComputedRef<AsyncStatus>\n  data: ComputedRef<T | undefined>\n  error: ComputedRef<unknown>\n  isLoading: ComputedRef<boolean>\n  isError: ComputedRef<boolean>\n  load: AsyncResource<T, P>['load']\n  reload: AsyncResource<T, P>['reload']\n  mutate: AsyncResource<T, P>['mutate']\n  cancel: AsyncResource<T, P>['cancel']\n  reset: AsyncResource<T, P>['reset']\n}\n\n/**\n * Vue binding for the framework-agnostic async resource. Creates the resource\n * in `setup()` (runs once, so the fetcher closure stays live) and bridges its\n * state into computed refs.\n *\n * ```ts\n * const users = useAsyncResource(() => api.listUsers(), { immediate: true })\n * // <IrisTable :data=\"users.data.value ?? []\" :loading=\"users.isLoading.value\" />\n * ```\n */\nexport function useAsyncResource<T, P extends unknown[] = []>(\n  fetcher: (...params: P) => Promise<T>,\n  options: UseAsyncResourceOptions<T> = {},\n): UseAsyncResourceReturn<T, P> {\n  const config: AsyncResourceConfig<T> =\n    'initialData' in options ? { initialData: options.initialData } : {}\n  const resource = createAsyncResource<T, P>(fetcher, config)\n\n  const state = ref(resource.getState()) as Ref<AsyncState<T>>\n  const unsubscribe = resource.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(() => {\n    unsubscribe()\n    // Abort any in-flight request on unmount so it can't write back into an\n    // unmounted component (and cancels the underlying request when the fetcher\n    // honors `signal`). Idempotent and safe with no in-flight load.\n    resource.cancel()\n  })\n\n  if (options.immediate) {\n    onMounted(() => {\n      void resource.load(...([] as unknown as P))\n    })\n  }\n\n  return {\n    status: computed(() => state.value.status),\n    data: computed(() => state.value.data),\n    error: computed(() => state.value.error),\n    isLoading: computed(() => state.value.status === 'loading'),\n    isError: computed(() => state.value.status === 'error'),\n    load: resource.load,\n    reload: resource.reload,\n    mutate: resource.mutate,\n    cancel: resource.cancel,\n    reset: resource.reset,\n  }\n}\n","import { computed, onBeforeUnmount, onMounted, ref, type ComputedRef, type Ref } from 'vue'\nimport {\n  createPaginatedResource,\n  type PageQuery,\n  type PageResult,\n  type PaginatedResource,\n  type PaginatedState,\n  type PaginationMode,\n} from '@iris-ui-kit/core'\n\nexport interface UsePaginatedResourceOptions {\n  pageSize?: number\n  mode?: PaginationMode\n  /** Load the first page on mount (page 1, or `loadMore` in infinite mode). */\n  immediate?: boolean\n}\n\nexport interface UsePaginatedResourceReturn<T> {\n  status: ComputedRef<PaginatedState<T>['status']>\n  items: ComputedRef<T[]>\n  page: ComputedRef<number>\n  pageSize: ComputedRef<number>\n  total: ComputedRef<number | undefined>\n  error: ComputedRef<unknown>\n  isLoading: ComputedRef<boolean>\n  isError: ComputedRef<boolean>\n  hasMore: ComputedRef<boolean>\n  goToPage: PaginatedResource<T>['goToPage']\n  loadMore: PaginatedResource<T>['loadMore']\n  refresh: PaginatedResource<T>['refresh']\n  setPageSize: PaginatedResource<T>['setPageSize']\n}\n\n/**\n * Vue binding for the server-side pagination resource. Created in `setup()`\n * (fetcher closure stays live) and bridged to computed refs.\n */\nexport function usePaginatedResource<T>(\n  fetcher: (query: PageQuery) => Promise<PageResult<T>>,\n  options: UsePaginatedResourceOptions = {},\n): UsePaginatedResourceReturn<T> {\n  const resource = createPaginatedResource<T>(fetcher, {\n    pageSize: options.pageSize,\n    mode: options.mode,\n  })\n\n  const state = ref(resource.getState()) as Ref<PaginatedState<T>>\n  const unsubscribe = resource.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(unsubscribe)\n\n  if (options.immediate) {\n    onMounted(() => {\n      void (options.mode === 'infinite' ? resource.loadMore() : resource.goToPage(1))\n    })\n  }\n\n  return {\n    status: computed(() => state.value.status),\n    items: computed(() => state.value.items),\n    page: computed(() => state.value.page),\n    pageSize: computed(() => state.value.pageSize),\n    total: computed(() => state.value.total),\n    error: computed(() => state.value.error),\n    isLoading: computed(() => state.value.status === 'loading'),\n    isError: computed(() => state.value.status === 'error'),\n    // Touch state so this recomputes on every store change; hasMore() then\n    // reads the resource's fresh internal batch state.\n    hasMore: computed(() => {\n      void state.value\n      return resource.hasMore()\n    }),\n    goToPage: resource.goToPage,\n    loadMore: resource.loadMore,\n    refresh: resource.refresh,\n    setPageSize: resource.setPageSize,\n  }\n}\n"]}
+{"version":3,"sources":["../src/async/useAsyncResource.ts","../src/async/usePaginatedResource.ts"],"names":["isRef","watch","createAsyncResource","ref","onBeforeUnmount","onMounted","computed","createPaginatedResource"],"mappings":"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","file":"async.cjs","sourcesContent":["import {\n  computed,\n  isRef,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\nimport {\n  createAsyncResource,\n  type AsyncResource,\n  type AsyncResourceConfig,\n  type AsyncState,\n  type AsyncStatus,\n} from '@iris-ui-kit/core'\n\nexport interface UseAsyncResourceOptions<T> extends AsyncResourceConfig<T> {\n  /** Run `load()` (no params) once on mount. Default `false`. */\n  immediate?: boolean\n}\n\nexport interface UseAsyncResourceReturn<T, P extends unknown[]> {\n  status: ComputedRef<AsyncStatus>\n  data: ComputedRef<T | undefined>\n  error: ComputedRef<unknown>\n  isLoading: ComputedRef<boolean>\n  isError: ComputedRef<boolean>\n  load: AsyncResource<T, P>['load']\n  reload: AsyncResource<T, P>['reload']\n  mutate: AsyncResource<T, P>['mutate']\n  cancel: AsyncResource<T, P>['cancel']\n  reset: AsyncResource<T, P>['reset']\n}\n\n/**\n * Vue binding for the framework-agnostic async resource. Creates the resource\n * in `setup()` (runs once, so the fetcher closure stays live) and bridges its\n * state into computed refs.\n *\n * ```ts\n * const users = useAsyncResource(() => api.listUsers(), { immediate: true })\n * // <IrisTable :data=\"users.data.value ?? []\" :loading=\"users.isLoading.value\" />\n * ```\n *\n * The fetcher may be reactive — pass `ref(fetcher)` or `computed(() => fetcher)`\n * and the *current* closure is used on every `load()`/`reload()`. Updating it\n * does NOT auto-refetch; call `reload()` yourself:\n *\n * ```ts\n * const users = useAsyncResource(computed(() => api.listUsers(props.id)), { immediate: true })\n * watch(() => props.id, () => void users.reload())\n * ```\n *\n * A bare getter `() => fetcher` is indistinguishable from a plain zero-arg\n * fetcher and is treated as one — use `computed`/`ref` for reactive fetchers.\n */\nexport function useAsyncResource<T, P extends unknown[] = []>(\n  fetcher: MaybeRefOrGetter<(...params: P) => Promise<T>>,\n  options: UseAsyncResourceOptions<T> = {},\n): UseAsyncResourceReturn<T, P> {\n  // Plain-object holder (the Vue analog of React's `latest.current` ref):\n  // core only ever sees the wrapper below, which re-reads `holder.current` at\n  // call time — so `load()`, `reload()` and its `lastParams` replay all use\n  // the fresh closure for the component's whole lifetime.\n  const holder: { current: (...params: P) => Promise<T> } = {\n    // isRef-only resolution. NEVER toValue() here: the element type is itself\n    // a function, so toValue(fetcher) would *invoke the fetcher at setup*\n    // (spurious request) and toValue(getter) would do the same. isRef narrows\n    // to the only unambiguous reactive form: ref(fetcher) / computed(() =>\n    // fetcher) / shallowRef(fetcher) — a ComputedRef IS a Ref.\n    // F3 elision point — the ONE explicit narrowing cast: after the isRef\n    // guard the else arm is `F | (() => F)`, and the bare-getter arm's return\n    // `F` (a function) is not assignable to `F` (TS2322). No runtime\n    // discriminant distinguishes a plain fetcher from a bare getter (both are\n    // functions), so the cast encodes exactly the documented F3 ambiguity and\n    // adds no unsafety beyond F3.\n    current: (isRef(fetcher) ? fetcher.value : fetcher) as (...params: P) => Promise<T>,\n  }\n  if (isRef(fetcher)) {\n    // Ref sources only. watch(fn, cb) would treat a plain function source as a\n    // getter: evaluate it once at setup (spurious fetcher invocation) and track\n    // its deps. flush: 'sync' (precedent useAdminShell.ts:67) guarantees a\n    // load()/reload() in the same tick as the ref assignment sees the new\n    // closure. Plain-object holder => the swap is not reactive, no re-render.\n    watch(\n      fetcher,\n      (next) => {\n        holder.current = next\n      },\n      { flush: 'sync' },\n    )\n  }\n\n  const config: AsyncResourceConfig<T> =\n    'initialData' in options ? { initialData: options.initialData } : {}\n  const resource = createAsyncResource<T, P>((...params) => holder.current(...params), config)\n\n  const state = ref(resource.getState()) as Ref<AsyncState<T>>\n  const unsubscribe = resource.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(() => {\n    unsubscribe()\n    // Abort any in-flight request on unmount so it can't write back into an\n    // unmounted component (and cancels the underlying request when the fetcher\n    // honors `signal`). Idempotent and safe with no in-flight load.\n    resource.cancel()\n  })\n\n  if (options.immediate) {\n    onMounted(() => {\n      void resource.load(...([] as unknown as P))\n    })\n  }\n\n  return {\n    status: computed(() => state.value.status),\n    data: computed(() => state.value.data),\n    error: computed(() => state.value.error),\n    isLoading: computed(() => state.value.status === 'loading'),\n    isError: computed(() => state.value.status === 'error'),\n    load: resource.load,\n    reload: resource.reload,\n    mutate: resource.mutate,\n    cancel: resource.cancel,\n    reset: resource.reset,\n  }\n}\n","import {\n  computed,\n  isRef,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\nimport {\n  createPaginatedResource,\n  type PageQuery,\n  type PageResult,\n  type PaginatedResource,\n  type PaginatedState,\n  type PaginationMode,\n} from '@iris-ui-kit/core'\n\nexport interface UsePaginatedResourceOptions {\n  pageSize?: number\n  mode?: PaginationMode\n  /** Load the first page on mount (page 1, or `loadMore` in infinite mode). */\n  immediate?: boolean\n}\n\nexport interface UsePaginatedResourceReturn<T> {\n  status: ComputedRef<PaginatedState<T>['status']>\n  items: ComputedRef<T[]>\n  page: ComputedRef<number>\n  pageSize: ComputedRef<number>\n  total: ComputedRef<number | undefined>\n  error: ComputedRef<unknown>\n  isLoading: ComputedRef<boolean>\n  isError: ComputedRef<boolean>\n  hasMore: ComputedRef<boolean>\n  goToPage: PaginatedResource<T>['goToPage']\n  loadMore: PaginatedResource<T>['loadMore']\n  refresh: PaginatedResource<T>['refresh']\n  setPageSize: PaginatedResource<T>['setPageSize']\n}\n\n/**\n * Vue binding for the server-side pagination resource. Created in `setup()`\n * (fetcher closure stays live) and bridged to computed refs.\n *\n * The fetcher may be reactive — pass `ref(fetcher)` or `computed(() => fetcher)`\n * and the *current* closure is used on every page load (`goToPage`/`loadMore`/\n * `refresh`). Updating it does NOT auto-refetch; trigger a load yourself:\n *\n * ```ts\n * const p = usePaginatedResource(computed(() => api.listUsers(props.id)))\n * watch(() => props.id, () => void p.refresh())\n * ```\n *\n * A bare getter `() => fetcher` is indistinguishable from a plain fetcher and\n * is treated as one — use `computed`/`ref` for reactive fetchers.\n */\nexport function usePaginatedResource<T>(\n  fetcher: MaybeRefOrGetter<(query: PageQuery) => Promise<PageResult<T>>>,\n  options: UsePaginatedResourceOptions = {},\n): UsePaginatedResourceReturn<T> {\n  // Plain-object holder (the Vue analog of React's `latest.current` ref):\n  // core only ever sees the wrapper below, which re-reads `holder.current` at\n  // call time — so every page load (and `refresh`'s replay) uses the fresh\n  // closure for the component's whole lifetime.\n  const holder: { current: (query: PageQuery) => Promise<PageResult<T>> } = {\n    // isRef-only resolution. NEVER toValue() here: the element type is itself\n    // a function, so toValue(fetcher) would *invoke the fetcher at setup*\n    // (spurious request) and toValue(getter) would do the same. isRef narrows\n    // to the only unambiguous reactive form: ref(fetcher) / computed(() =>\n    // fetcher) / shallowRef(fetcher) — a ComputedRef IS a Ref.\n    // F3 elision point — the ONE explicit narrowing cast: after the isRef\n    // guard the else arm is `F | (() => F)`, and the bare-getter arm's return\n    // `F` (a function) is not assignable to `F` (TS2322). No runtime\n    // discriminant distinguishes a plain fetcher from a bare getter (both are\n    // functions), so the cast encodes exactly the documented F3 ambiguity and\n    // adds no unsafety beyond F3.\n    current: (isRef(fetcher) ? fetcher.value : fetcher) as (\n      query: PageQuery,\n    ) => Promise<PageResult<T>>,\n  }\n  if (isRef(fetcher)) {\n    // Ref sources only. watch(fn, cb) would treat a plain function source as a\n    // getter: evaluate it once at setup (spurious fetcher invocation) and track\n    // its deps. flush: 'sync' (precedent useAdminShell.ts:67) guarantees a\n    // page load in the same tick as the ref assignment sees the new closure.\n    // Plain-object holder => the swap is not reactive, no re-render.\n    watch(\n      fetcher,\n      (next) => {\n        holder.current = next\n      },\n      { flush: 'sync' },\n    )\n  }\n\n  const resource = createPaginatedResource<T>((query) => holder.current(query), {\n    pageSize: options.pageSize,\n    mode: options.mode,\n  })\n\n  const state = ref(resource.getState()) as Ref<PaginatedState<T>>\n  const unsubscribe = resource.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(unsubscribe)\n\n  if (options.immediate) {\n    onMounted(() => {\n      void (options.mode === 'infinite' ? resource.loadMore() : resource.goToPage(1))\n    })\n  }\n\n  return {\n    status: computed(() => state.value.status),\n    items: computed(() => state.value.items),\n    page: computed(() => state.value.page),\n    pageSize: computed(() => state.value.pageSize),\n    total: computed(() => state.value.total),\n    error: computed(() => state.value.error),\n    isLoading: computed(() => state.value.status === 'loading'),\n    isError: computed(() => state.value.status === 'error'),\n    // Touch state so this recomputes on every store change; hasMore() then\n    // reads the resource's fresh internal batch state.\n    hasMore: computed(() => {\n      void state.value\n      return resource.hasMore()\n    }),\n    goToPage: resource.goToPage,\n    loadMore: resource.loadMore,\n    refresh: resource.refresh,\n    setPageSize: resource.setPageSize,\n  }\n}\n"]}

package/dist/async.d.cts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
 import { AsyncResourceConfig, AsyncStatus, AsyncResource, PaginationMode, PaginatedState, PaginatedResource, PageQuery, PageResult } from '@iris-ui-kit/core';
 
 interface UseAsyncResourceOptions<T> extends AsyncResourceConfig<T> {
@@ -26,8 +26,20 @@ interface UseAsyncResourceReturn<T, P extends unknown[]> {
  * const users = useAsyncResource(() => api.listUsers(), { immediate: true })
  * // <IrisTable :data="users.data.value ?? []" :loading="users.isLoading.value" />
  * ```
+ *
+ * The fetcher may be reactive — pass `ref(fetcher)` or `computed(() => fetcher)`
+ * and the *current* closure is used on every `load()`/`reload()`. Updating it
+ * does NOT auto-refetch; call `reload()` yourself:
+ *
+ * ```ts
+ * const users = useAsyncResource(computed(() => api.listUsers(props.id)), { immediate: true })
+ * watch(() => props.id, () => void users.reload())
+ * ```
+ *
+ * A bare getter `() => fetcher` is indistinguishable from a plain zero-arg
+ * fetcher and is treated as one — use `computed`/`ref` for reactive fetchers.
  */
-declare function useAsyncResource<T, P extends unknown[] = []>(fetcher: (...params: P) => Promise<T>, options?: UseAsyncResourceOptions<T>): UseAsyncResourceReturn<T, P>;
+declare function useAsyncResource<T, P extends unknown[] = []>(fetcher: MaybeRefOrGetter<(...params: P) => Promise<T>>, options?: UseAsyncResourceOptions<T>): UseAsyncResourceReturn<T, P>;
 
 interface UsePaginatedResourceOptions {
     pageSize?: number;
@@ -53,7 +65,19 @@ interface UsePaginatedResourceReturn<T> {
 /**
  * Vue binding for the server-side pagination resource. Created in `setup()`
  * (fetcher closure stays live) and bridged to computed refs.
+ *
+ * The fetcher may be reactive — pass `ref(fetcher)` or `computed(() => fetcher)`
+ * and the *current* closure is used on every page load (`goToPage`/`loadMore`/
+ * `refresh`). Updating it does NOT auto-refetch; trigger a load yourself:
+ *
+ * ```ts
+ * const p = usePaginatedResource(computed(() => api.listUsers(props.id)))
+ * watch(() => props.id, () => void p.refresh())
+ * ```
+ *
+ * A bare getter `() => fetcher` is indistinguishable from a plain fetcher and
+ * is treated as one — use `computed`/`ref` for reactive fetchers.
  */
-declare function usePaginatedResource<T>(fetcher: (query: PageQuery) => Promise<PageResult<T>>, options?: UsePaginatedResourceOptions): UsePaginatedResourceReturn<T>;
+declare function usePaginatedResource<T>(fetcher: MaybeRefOrGetter<(query: PageQuery) => Promise<PageResult<T>>>, options?: UsePaginatedResourceOptions): UsePaginatedResourceReturn<T>;
 
 export { type UseAsyncResourceOptions, type UseAsyncResourceReturn, type UsePaginatedResourceOptions, type UsePaginatedResourceReturn, useAsyncResource, usePaginatedResource };

package/dist/async.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
 import { AsyncResourceConfig, AsyncStatus, AsyncResource, PaginationMode, PaginatedState, PaginatedResource, PageQuery, PageResult } from '@iris-ui-kit/core';
 
 interface UseAsyncResourceOptions<T> extends AsyncResourceConfig<T> {
@@ -26,8 +26,20 @@ interface UseAsyncResourceReturn<T, P extends unknown[]> {
  * const users = useAsyncResource(() => api.listUsers(), { immediate: true })
  * // <IrisTable :data="users.data.value ?? []" :loading="users.isLoading.value" />
  * ```
+ *
+ * The fetcher may be reactive — pass `ref(fetcher)` or `computed(() => fetcher)`
+ * and the *current* closure is used on every `load()`/`reload()`. Updating it
+ * does NOT auto-refetch; call `reload()` yourself:
+ *
+ * ```ts
+ * const users = useAsyncResource(computed(() => api.listUsers(props.id)), { immediate: true })
+ * watch(() => props.id, () => void users.reload())
+ * ```
+ *
+ * A bare getter `() => fetcher` is indistinguishable from a plain zero-arg
+ * fetcher and is treated as one — use `computed`/`ref` for reactive fetchers.
  */
-declare function useAsyncResource<T, P extends unknown[] = []>(fetcher: (...params: P) => Promise<T>, options?: UseAsyncResourceOptions<T>): UseAsyncResourceReturn<T, P>;
+declare function useAsyncResource<T, P extends unknown[] = []>(fetcher: MaybeRefOrGetter<(...params: P) => Promise<T>>, options?: UseAsyncResourceOptions<T>): UseAsyncResourceReturn<T, P>;
 
 interface UsePaginatedResourceOptions {
     pageSize?: number;
@@ -53,7 +65,19 @@ interface UsePaginatedResourceReturn<T> {
 /**
  * Vue binding for the server-side pagination resource. Created in `setup()`
  * (fetcher closure stays live) and bridged to computed refs.
+ *
+ * The fetcher may be reactive — pass `ref(fetcher)` or `computed(() => fetcher)`
+ * and the *current* closure is used on every page load (`goToPage`/`loadMore`/
+ * `refresh`). Updating it does NOT auto-refetch; trigger a load yourself:
+ *
+ * ```ts
+ * const p = usePaginatedResource(computed(() => api.listUsers(props.id)))
+ * watch(() => props.id, () => void p.refresh())
+ * ```
+ *
+ * A bare getter `() => fetcher` is indistinguishable from a plain fetcher and
+ * is treated as one — use `computed`/`ref` for reactive fetchers.
  */
-declare function usePaginatedResource<T>(fetcher: (query: PageQuery) => Promise<PageResult<T>>, options?: UsePaginatedResourceOptions): UsePaginatedResourceReturn<T>;
+declare function usePaginatedResource<T>(fetcher: MaybeRefOrGetter<(query: PageQuery) => Promise<PageResult<T>>>, options?: UsePaginatedResourceOptions): UsePaginatedResourceReturn<T>;
 
 export { type UseAsyncResourceOptions, type UseAsyncResourceReturn, type UsePaginatedResourceOptions, type UsePaginatedResourceReturn, useAsyncResource, usePaginatedResource };

package/dist/async.js

@@ -1,3 +1,3 @@
-export { useAsyncResource, usePaginatedResource } from './chunk-ZY4NLITM.js';
+export { useAsyncResource, usePaginatedResource } from './chunk-SJB5DIIY.js';
 //# sourceMappingURL=async.js.map
 //# sourceMappingURL=async.js.map

package/dist/chunk-25NYWSXP.js

@@ -0,0 +1,20 @@
+import { onMounted, onScopeDispose, shallowRef } from 'vue';
+import { createResourceController } from '@iris-ui-kit/core';
+export { createClientFetcher, createResourceController } from '@iris-ui-kit/core';
+
+// src/resource/useResourceController.ts
+function useResourceController(config) {
+  const controller = createResourceController({ ...config, immediate: false });
+  const immediate = config.immediate !== false;
+  if (immediate) {
+    onMounted(() => void controller.load());
+  }
+  onScopeDispose(() => controller.destroy());
+  const state = shallowRef(controller.getState());
+  onScopeDispose(controller.subscribe((next) => state.value = next));
+  return { ...controller, state };
+}
+
+export { useResourceController };
+//# sourceMappingURL=chunk-25NYWSXP.js.map
+//# sourceMappingURL=chunk-25NYWSXP.js.map

package/dist/chunk-25NYWSXP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/resource/useResourceController.ts"],"names":[],"mappings":";;;;;AA4BO,SAAS,sBACd,MAAA,EAC0B;AAC1B,EAAA,MAAM,aAAa,wBAAA,CAAyB,EAAE,GAAG,MAAA,EAAQ,SAAA,EAAW,OAAO,CAAA;AAC3E,EAAA,MAAM,SAAA,GAAY,OAAO,SAAA,KAAc,KAAA;AAEvC,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,SAAA,CAAU,MAAM,KAAK,UAAA,CAAW,IAAA,EAAM,CAAA;AAAA,EACxC;AAKA,EAAA,cAAA,CAAe,MAAM,UAAA,CAAW,OAAA,EAAS,CAAA;AAEzC,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,UAAA,CAAW,QAAA,EAAU,CAAA;AAC9C,EAAA,cAAA,CAAe,WAAW,SAAA,CAAU,CAAC,SAAU,KAAA,CAAM,KAAA,GAAQ,IAAK,CAAC,CAAA;AACnE,EAAA,OAAO,EAAE,GAAG,UAAA,EAAY,KAAA,EAAM;AAChC","file":"chunk-25NYWSXP.js","sourcesContent":["import { onMounted, onScopeDispose, shallowRef, type ShallowRef } from 'vue'\nimport {\n  createResourceController,\n  type ResourceController,\n  type ResourceControllerConfig,\n  type ResourceState,\n} from '@iris-ui-kit/core'\n\nexport interface UseResourceController<T> extends ResourceController<T> {\n  /** The live resource state as a reactive ref (rows, total, page, loading, selectedKeys). */\n  state: ShallowRef<ResourceState<T>>\n}\n\n/**\n * Vue bridge over the framework-agnostic {@link createResourceController} (L4\n * CRUD list composite). Creates the controller once in `setup()`, mirrors its\n * store into a `shallowRef`, and returns the controller plus that live `state`.\n * A thin bridge — all logic lives in `@iris-ui-kit/core`.\n *\n * Constructed with `immediate: false` so no fetch fires during `setup()`\n * (SSR-safe: server rendering never runs `onMounted`); the initial load is\n * kicked from `onMounted` when the caller's config says `immediate !== false`.\n * The `onMounted` registration is conditional on that flag — inside a bare\n * `effectScope` there is no component instance and Vue would warn on an\n * unconditional registration. The controller is torn down on scope dispose\n * (aborting any in-flight request and detaching the state mirror), so a late\n * response never writes back to a torn-down instance.\n */\nexport function useResourceController<T>(\n  config: ResourceControllerConfig<T>,\n): UseResourceController<T> {\n  const controller = createResourceController({ ...config, immediate: false })\n  const immediate = config.immediate !== false\n\n  if (immediate) {\n    onMounted(() => void controller.load())\n  }\n  // Abort any in-flight fetch + detach the controller's internal subscriptions\n  // on scope dispose (a late response must not write back to a torn-down\n  // instance). Fires on unmount inside a component scope and on `scope.stop()`\n  // inside a bare effectScope.\n  onScopeDispose(() => controller.destroy())\n\n  const state = shallowRef(controller.getState())\n  onScopeDispose(controller.subscribe((next) => (state.value = next)))\n  return { ...controller, state }\n}\n"]}

package/dist/{chunk-I6D5VXQK.js → chunk-3V46HGRC.js}

@@ -27,7 +27,8 @@ var IrisSidebarLayout = defineComponent({
       () => props.collapsed,
       (value) => {
         if (value !== void 0) internalCollapsed.value = value;
-      }
+      },
+      { immediate: true }
     );
     const setCollapsed = (value) => {
       if (!isControlled.value) internalCollapsed.value = value;
@@ -163,5 +164,5 @@ var IrisHeaderLayout = defineComponent({
 });
 
 export { IrisHeaderLayout, IrisSidebarLayout };
-//# sourceMappingURL=chunk-I6D5VXQK.js.map
-//# sourceMappingURL=chunk-I6D5VXQK.js.map
+//# sourceMappingURL=chunk-3V46HGRC.js.map
+//# sourceMappingURL=chunk-3V46HGRC.js.map

package/dist/chunk-3V46HGRC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/SidebarLayout.ts","../src/layouts/HeaderLayout.ts"],"names":["defineComponent","h"],"mappings":"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","file":"chunk-3V46HGRC.js","sourcesContent":["import { computed, defineComponent, h, ref, watch } from 'vue'\n\n/**\n * Two-column layout with a collapsible sidebar.\n *\n * Slots:\n *   - `sidebar` — content rendered in the sidebar (kept mounted across collapses).\n *   - `default` — the main content area.\n *\n * Use `:collapsed` for controlled mode or `:default-collapsed` for the\n * uncontrolled initial state. When collapsed, the sidebar shrinks to\n * `:collapsed-width` so icon-only navigation still fits.\n */\nexport const IrisSidebarLayout = defineComponent({\n  name: 'IrisSidebarLayout',\n  inheritAttrs: false,\n  props: {\n    collapsed: { type: Boolean, default: undefined },\n    defaultCollapsed: { type: Boolean, default: false },\n    /** Sidebar width when expanded (px or CSS length). */\n    width: { type: [Number, String], default: 240 },\n    /** Sidebar width when collapsed. */\n    collapsedWidth: { type: [Number, String], default: 60 },\n    /** Sidebar position. */\n    side: { type: String as () => 'left' | 'right', default: 'left' },\n  },\n  emits: {\n    'update:collapsed': (_value: boolean) => true,\n  },\n  setup(props, { slots, attrs, emit }) {\n    const isControlled = computed(() => props.collapsed !== undefined)\n    const internalCollapsed = ref(props.defaultCollapsed)\n    const collapsed = computed(() =>\n      isControlled.value ? Boolean(props.collapsed) : internalCollapsed.value,\n    )\n\n    // Sync controlled prop changes into internal state on first run so a later\n    // detach to uncontrolled mode preserves the last-known value. `immediate`\n    // fires the watcher on mount; the `value !== undefined` guard keeps the\n    // first run a no-op for pure-uncontrolled mounts so `defaultCollapsed`\n    // stays untouched.\n    watch(\n      () => props.collapsed,\n      (value) => {\n        if (value !== undefined) internalCollapsed.value = value\n      },\n      { immediate: true },\n    )\n\n    const setCollapsed = (value: boolean) => {\n      if (!isControlled.value) internalCollapsed.value = value\n      emit('update:collapsed', value)\n    }\n\n    const asLen = (v: number | string) => (typeof v === 'number' ? `${v}px` : v)\n\n    return () => {\n      const sidebarStyle: Record<string, string> = {\n        width: collapsed.value ? asLen(props.collapsedWidth) : asLen(props.width),\n        flexShrink: '0',\n        background: 'var(--iris-surface)',\n        borderRight: props.side === 'left' ? '1px solid var(--iris-border)' : 'none',\n        borderLeft: props.side === 'right' ? '1px solid var(--iris-border)' : 'none',\n        transition: 'width 180ms ease',\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n      }\n      const mainStyle: Record<string, string> = {\n        flex: '1',\n        minWidth: '0',\n        overflow: 'auto',\n        background: 'var(--iris-background)',\n      }\n      const direction = props.side === 'right' ? 'row-reverse' : 'row'\n\n      return h(\n        'div',\n        {\n          ...attrs,\n          'data-iris-sidebar-layout': '',\n          'data-collapsed': collapsed.value ? '' : undefined,\n          'data-side': props.side,\n          style: {\n            display: 'flex',\n            flexDirection: direction,\n            width: '100%',\n            height: '100%',\n            minHeight: '0',\n            color: 'var(--iris-foreground)',\n            ...((attrs.style as Record<string, string> | undefined) ?? {}),\n          },\n        },\n        [\n          h(\n            'aside',\n            {\n              role: 'complementary',\n              'data-iris-sidebar': '',\n              'data-collapsed': collapsed.value ? '' : undefined,\n              style: sidebarStyle,\n            },\n            slots.sidebar?.({ collapsed: collapsed.value, setCollapsed }),\n          ),\n          h('div', { 'data-iris-sidebar-main': '', style: mainStyle }, slots.default?.()),\n        ],\n      )\n    }\n  },\n})\n","import { defineComponent, h, type PropType } from 'vue'\n\n/**\n * Two-region vertical layout: a sticky header on top, scrollable main below.\n *\n * Slots:\n *   - `header` — fixed at top.\n *   - `footer` — optional fixed at bottom.\n *   - `default` — scrollable main region.\n */\nexport const IrisHeaderLayout = defineComponent({\n  name: 'IrisHeaderLayout',\n  inheritAttrs: false,\n  props: {\n    /** Header height (px or CSS length). Default `'auto'`. */\n    headerHeight: { type: [Number, String] as PropType<number | string>, default: 'auto' },\n    /** Footer height (px or CSS length). Default `'auto'`. */\n    footerHeight: { type: [Number, String] as PropType<number | string>, default: 'auto' },\n    /** When true, header sticks via `position: sticky` instead of static. */\n    sticky: { type: Boolean, default: true },\n  },\n  setup(props, { slots, attrs }) {\n    const asLen = (v: number | string) => (typeof v === 'number' ? `${v}px` : v)\n    return () =>\n      h(\n        'div',\n        {\n          ...attrs,\n          'data-iris-header-layout': '',\n          style: {\n            display: 'flex',\n            flexDirection: 'column',\n            width: '100%',\n            height: '100%',\n            minHeight: '0',\n            background: 'var(--iris-background)',\n            color: 'var(--iris-foreground)',\n            ...((attrs.style as Record<string, string> | undefined) ?? {}),\n          },\n        },\n        [\n          slots.header\n            ? h(\n                'header',\n                {\n                  role: 'banner',\n                  'data-iris-header': '',\n                  style: {\n                    flexShrink: '0',\n                    height: asLen(props.headerHeight),\n                    borderBottom: '1px solid var(--iris-border)',\n                    background: 'var(--iris-surface)',\n                    position: props.sticky ? 'sticky' : 'static',\n                    top: '0',\n                    zIndex: '50',\n                  },\n                },\n                slots.header(),\n              )\n            : null,\n          h(\n            'main',\n            {\n              role: 'main',\n              'data-iris-header-main': '',\n              style: { flex: '1', minHeight: '0', overflow: 'auto' },\n            },\n            slots.default?.(),\n          ),\n          slots.footer\n            ? h(\n                'footer',\n                {\n                  role: 'contentinfo',\n                  'data-iris-footer': '',\n                  style: {\n                    flexShrink: '0',\n                    height: asLen(props.footerHeight),\n                    borderTop: '1px solid var(--iris-border)',\n                    background: 'var(--iris-surface)',\n                  },\n                },\n                slots.footer(),\n              )\n            : null,\n        ],\n      )\n  },\n})\n"]}

package/dist/{chunk-QLUIKEMJ.js → chunk-ENKE2BPC.js}

@@ -1,6 +1,6 @@
 import { IrisContainer, IrisStack, IrisDashboardGrid, IrisDashboardCard } from './chunk-3R3QDLJC.js';
 import { findFirstElement, mergeSlotProps } from './chunk-F77KIPOH.js';
-import { IrisSidebarLayout, IrisHeaderLayout } from './chunk-I6D5VXQK.js';
+import { IrisSidebarLayout, IrisHeaderLayout } from './chunk-3V46HGRC.js';
 import { useI18n } from './chunk-TCAXRWT6.js';
 import { defineComponent, ref, computed, h, useId, cloneVNode, Fragment, watch } from 'vue';
 
@@ -1193,5 +1193,5 @@ var IrisDashboardTemplate = defineComponent({
 });
 
 export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput };
-//# sourceMappingURL=chunk-QLUIKEMJ.js.map
-//# sourceMappingURL=chunk-QLUIKEMJ.js.map
+//# sourceMappingURL=chunk-ENKE2BPC.js.map
+//# sourceMappingURL=chunk-ENKE2BPC.js.map