@bazza-ui/react 0.1.0-canary.15 → 0.1.0-canary.17

package/dist/loaders/index.d.ts

@@ -1,119 +1,126 @@
-import * as React from 'react';
-import { N as NodeDef, ai as InitialQueryBehavior, ap as LoaderComponentProps, ar as QueryLoaderConfig, aF as StaticLoaderConfig, U as AsyncLoaderResult } from '../events-BTHQ2OoH.js';
-import '../types-DT4FOOa2.js';
-
+import { J as InitialQueryBehavior, h as AsyncLoaderResult, it as QueryLoaderConfig, nt as NodeDef, tt as LoaderComponentProps, vt as StaticLoaderConfig } from "../events-DDOsDu4X.js";
+import * as React from "react";
+//#region src/loaders/swr.d.ts
 /**
  * SWR result shape (subset of SWRResponse).
  * This allows the adapter to work without requiring `swr` as a dependency.
  */
 interface SWRResult<TData, TError = Error> {
-    data: TData | undefined;
-    error: TError | undefined;
-    isLoading?: boolean;
-    isValidating: boolean;
-    isPaused?: boolean;
-    mutate: (...args: unknown[]) => unknown;
+  data: TData | undefined;
+  error: TError | undefined;
+  isLoading?: boolean;
+  isValidating: boolean;
+  isPaused?: boolean;
+  mutate: (...args: unknown[]) => unknown;
 }
 /**
  * Converts an SWR result to an AsyncLoaderResult.
  */
-declare function toAsyncLoaderResultFromSWR<TData, TError = Error>(result: SWRResult<TData, TError>): AsyncLoaderResult<TData, SWRResult<TData, TError>>;
+export declare function toAsyncLoaderResultFromSWR<TData, TError = Error>(result: SWRResult<TData, TError>): AsyncLoaderResult<TData, SWRResult<TData, TError>>;
 /**
  * Props for creating a static SWR loader component.
  */
 interface CreateSWRStaticLoaderProps {
-    /** Hook that returns an SWR result. */
-    useSWR: () => SWRResult<NodeDef[]>;
-    /**
-     * When to trigger the loader:
-     * - 'eager': Load when root menu opens
-     * - 'lazy': Load when submenu opens (default)
-     */
-    loadStrategy?: 'eager' | 'lazy';
+  /** Hook that returns an SWR result. */
+  useSWR: () => SWRResult<NodeDef[]>;
+  /**
+   * When to trigger the loader:
+   * - 'eager': Load when root menu opens
+   * - 'lazy': Load when submenu opens (default)
+   */
+  loadStrategy?: 'eager' | 'lazy';
 }
 /**
  * Creates a static loader configuration backed by SWR.
  */
-declare function createSWRStaticLoader(props: CreateSWRStaticLoaderProps): StaticLoaderConfig;
+export declare function createSWRStaticLoader(props: CreateSWRStaticLoaderProps): StaticLoaderConfig;
 /**
  * Props for creating a query SWR loader component.
  */
 interface CreateSWRQueryLoaderProps {
-    /**
-     * Hook that returns an SWR result based on the search query.
-     * `options.enabled` can be used to derive a `null` key and disable fetching.
-     */
-    useSWR: (query: string, options?: {
-        enabled: boolean;
-    }) => SWRResult<NodeDef[]>;
-    /**
-     * Minimum query length before fetching.
-     * @default 1
-     */
-    minQueryLength?: number;
-    /**
-     * Initial query behavior before user input reaches minQueryLength.
-     * Defaults to fetching with an empty query.
-     */
-    initialQueryBehavior?: InitialQueryBehavior | false;
-    /**
-     * @deprecated Use `initialQueryBehavior` instead.
-     */
-    initialQuery?: string;
-    /**
-     * When to trigger the loader:
-     * - 'eager': Load when root menu opens (good for deep search)
-     * - 'lazy': Load when submenu opens (default)
-     * @default 'lazy'
-     */
-    loadStrategy?: 'eager' | 'lazy';
-    /**
-     * What to show when query is below minQueryLength.
-     * @default 'empty'
-     */
-    belowMinBehavior?: 'empty' | 'placeholder';
-    /**
-     * Placeholder nodes shown when query is below minQueryLength.
-     */
-    placeholderNodes?: NodeDef[];
+  /**
+   * Hook that returns an SWR result based on the search query.
+   * `options.enabled` can be used to derive a `null` key and disable fetching.
+   */
+  useSWR: (query: string, options?: {
+    enabled: boolean;
+  }) => SWRResult<NodeDef[]>;
+  /**
+   * Minimum query length before fetching.
+   * @default 1
+   */
+  minQueryLength?: number;
+  /**
+   * Initial query behavior before user input reaches minQueryLength.
+   * Defaults to fetching with an empty query.
+   */
+  initialQueryBehavior?: InitialQueryBehavior | false;
+  /**
+   * @deprecated Use `initialQueryBehavior` instead.
+   */
+  initialQuery?: string;
+  /**
+   * When to trigger the loader:
+   * - 'eager': Load when root menu opens (good for deep search)
+   * - 'lazy': Load when submenu opens (default)
+   * @default 'lazy'
+   */
+  loadStrategy?: 'eager' | 'lazy';
+  /**
+   * What to show when query is below minQueryLength.
+   * @default 'empty'
+   */
+  belowMinBehavior?: 'empty' | 'placeholder';
+  /**
+   * Placeholder nodes shown when query is below minQueryLength.
+   */
+  placeholderNodes?: NodeDef[];
+  /**
+   * Milliseconds to wait after the search stops changing before passing it to
+   * the loader. While waiting, the loader counts as fetching, so the menu
+   * doesn't show "no results" or treat the search as finished too early.
+   * @default 0
+   */
+  debounce?: number;
 }
 /**
  * Creates a query loader configuration backed by SWR.
  */
-declare function createSWRQueryLoader(props: CreateSWRQueryLoaderProps): QueryLoaderConfig;
+export declare function createSWRQueryLoader(props: CreateSWRQueryLoaderProps): QueryLoaderConfig;
 /**
  * Creates a loader component that wraps an SWR hook.
  */
-declare function createSWRLoaderComponent(useSWRFn: (query: string) => SWRResult<NodeDef[]>): React.FC<LoaderComponentProps>;
-
+export declare function createSWRLoaderComponent(useSWRFn: (query: string) => SWRResult<NodeDef[]>): React.FC<LoaderComponentProps>;
+//#endregion
+//#region src/loaders/tanstack-query.d.ts
 /**
  * TanStack Query result shape (subset of UseQueryResult).
  * This allows the adapter to work without requiring @tanstack/react-query as a dependency.
  */
 interface TanStackQueryResult<TData, TError = Error> {
-    /** TanStack status (`pending` | `error` | `success`) */
-    status?: 'pending' | 'error' | 'success';
-    /** TanStack fetch status (`fetching` | `paused` | `idle`) */
-    fetchStatus?: 'fetching' | 'paused' | 'idle';
-    data: TData | undefined;
-    error: TError | null | undefined;
-    /** v5: true when first fetch is in-flight */
-    isLoading?: boolean;
-    /** v5: true when status is pending */
-    isPending?: boolean;
-    /** true when status is success */
-    isSuccess?: boolean;
-    /** true when status is error */
-    isError?: boolean;
-    /** true while any fetch is in-flight */
-    isFetching?: boolean;
-    /** true while background refetch is in-flight */
-    isRefetching?: boolean;
-    /** true when fetch is paused */
-    isPaused?: boolean;
-    /** true once query has fetched at least once */
-    isFetched?: boolean;
-    refetch: () => unknown;
+  /** TanStack status (`pending` | `error` | `success`) */
+  status?: 'pending' | 'error' | 'success';
+  /** TanStack fetch status (`fetching` | `paused` | `idle`) */
+  fetchStatus?: 'fetching' | 'paused' | 'idle';
+  data: TData | undefined;
+  error: TError | null | undefined;
+  /** v5: true when first fetch is in-flight */
+  isLoading?: boolean;
+  /** v5: true when status is pending */
+  isPending?: boolean;
+  /** true when status is success */
+  isSuccess?: boolean;
+  /** true when status is error */
+  isError?: boolean;
+  /** true while any fetch is in-flight */
+  isFetching?: boolean;
+  /** true while background refetch is in-flight */
+  isRefetching?: boolean;
+  /** true when fetch is paused */
+  isPaused?: boolean;
+  /** true once query has fetched at least once */
+  isFetched?: boolean;
+  refetch: () => unknown;
 }
 /**
  * Converts a TanStack Query result to an AsyncLoaderResult.
@@ -130,22 +137,22 @@ interface TanStackQueryResult<TData, TError = Error> {
  * }
  * ```
  */
-declare function toAsyncLoaderResult<TData, TError = Error>(result: TanStackQueryResult<TData, TError>): AsyncLoaderResult<TData, TanStackQueryResult<TData, TError>>;
+export declare function toAsyncLoaderResult<TData, TError = Error>(result: TanStackQueryResult<TData, TError>): AsyncLoaderResult<TData, TanStackQueryResult<TData, TError>>;
 /**
  * Props for creating a static loader component.
  */
 interface CreateStaticLoaderProps {
-    /**
-     * Hook that returns a TanStack Query result.
-     * This hook will be called inside the loader component.
-     */
-    useQuery: () => TanStackQueryResult<NodeDef[]>;
-    /**
-     * When to trigger the loader:
-     * - 'eager': Load when root menu opens
-     * - 'lazy': Load when submenu opens (default)
-     */
-    loadStrategy?: 'eager' | 'lazy';
+  /**
+   * Hook that returns a TanStack Query result.
+   * This hook will be called inside the loader component.
+   */
+  useQuery: () => TanStackQueryResult<NodeDef[]>;
+  /**
+   * When to trigger the loader:
+   * - 'eager': Load when root menu opens
+   * - 'lazy': Load when submenu opens (default)
+   */
+  loadStrategy?: 'eager' | 'lazy';
 }
 /**
  * Creates a static loader configuration for use with async menus.
@@ -173,48 +180,55 @@ interface CreateStaticLoaderProps {
  * }
  * ```
  */
-declare function createStaticLoader(props: CreateStaticLoaderProps): StaticLoaderConfig;
+export declare function createStaticLoader(props: CreateStaticLoaderProps): StaticLoaderConfig;
 /**
  * Props for creating a query loader component.
  */
 interface CreateQueryLoaderProps {
-    /**
-     * Hook that returns a TanStack Query result based on the search query.
-     * This hook will be called inside the loader component with the current query.
-     */
-    useQuery: (query: string, options?: {
-        enabled: boolean;
-    }) => TanStackQueryResult<NodeDef[]>;
-    /**
-     * Minimum query length before fetching.
-     * @default 1
-     */
-    minQueryLength?: number;
-    /**
-     * Initial query behavior before user input reaches minQueryLength.
-     * Defaults to fetching with an empty query.
-     */
-    initialQueryBehavior?: InitialQueryBehavior | false;
-    /**
-     * @deprecated Use `initialQueryBehavior` instead.
-     */
-    initialQuery?: string;
-    /**
-     * When to trigger the loader:
-     * - 'eager': Load when root menu opens (good for deep search)
-     * - 'lazy': Load when submenu opens (default)
-     * @default 'lazy'
-     */
-    loadStrategy?: 'eager' | 'lazy';
-    /**
-     * What to show when query is below minQueryLength.
-     * @default 'empty'
-     */
-    belowMinBehavior?: 'empty' | 'placeholder';
-    /**
-     * Placeholder nodes shown when query is below minQueryLength.
-     */
-    placeholderNodes?: NodeDef[];
+  /**
+   * Hook that returns a TanStack Query result based on the search query.
+   * This hook will be called inside the loader component with the current query.
+   */
+  useQuery: (query: string, options?: {
+    enabled: boolean;
+  }) => TanStackQueryResult<NodeDef[]>;
+  /**
+   * Minimum query length before fetching.
+   * @default 1
+   */
+  minQueryLength?: number;
+  /**
+   * Initial query behavior before user input reaches minQueryLength.
+   * Defaults to fetching with an empty query.
+   */
+  initialQueryBehavior?: InitialQueryBehavior | false;
+  /**
+   * @deprecated Use `initialQueryBehavior` instead.
+   */
+  initialQuery?: string;
+  /**
+   * When to trigger the loader:
+   * - 'eager': Load when root menu opens (good for deep search)
+   * - 'lazy': Load when submenu opens (default)
+   * @default 'lazy'
+   */
+  loadStrategy?: 'eager' | 'lazy';
+  /**
+   * What to show when query is below minQueryLength.
+   * @default 'empty'
+   */
+  belowMinBehavior?: 'empty' | 'placeholder';
+  /**
+   * Placeholder nodes shown when query is below minQueryLength.
+   */
+  placeholderNodes?: NodeDef[];
+  /**
+   * Milliseconds to wait after the search stops changing before passing it to
+   * the loader. While waiting, the loader counts as fetching, so the menu
+   * doesn't show "no results" or treat the search as finished too early.
+   * @default 0
+   */
+  debounce?: number;
 }
 /**
  * Creates a query loader configuration for use with async menus.
@@ -241,7 +255,7 @@ interface CreateQueryLoaderProps {
  * }
  * ```
  */
-declare function createQueryLoader(props: CreateQueryLoaderProps): QueryLoaderConfig;
+export declare function createQueryLoader(props: CreateQueryLoaderProps): QueryLoaderConfig;
 /**
  * Creates a loader component that wraps a TanStack Query hook.
  * This is a lower-level utility for custom loader implementations.
@@ -256,22 +270,23 @@ declare function createQueryLoader(props: CreateQueryLoaderProps): QueryLoaderCo
  * )
  * ```
  */
-declare function createLoaderComponent(useQueryFn: (query: string) => TanStackQueryResult<NodeDef[]>): React.FC<LoaderComponentProps>;
-
+export declare function createLoaderComponent(useQueryFn: (query: string) => TanStackQueryResult<NodeDef[]>): React.FC<LoaderComponentProps>;
+//#endregion
+//#region src/loaders/vanilla.d.ts
 /**
  * Props for creating a static loader with vanilla fetch.
  */
 interface CreateVanillaStaticLoaderProps {
-    /**
-     * Async function that fetches the menu items.
-     */
-    fetcher: () => Promise<NodeDef[]>;
-    /**
-     * When to trigger the loader:
-     * - 'eager': Load when root menu opens
-     * - 'lazy': Load when submenu opens (default)
-     */
-    loadStrategy?: 'eager' | 'lazy';
+  /**
+   * Async function that fetches the menu items.
+   */
+  fetcher: () => Promise<NodeDef[]>;
+  /**
+   * When to trigger the loader:
+   * - 'eager': Load when root menu opens
+   * - 'lazy': Load when submenu opens (default)
+   */
+  loadStrategy?: 'eager' | 'lazy';
 }
 /**
  * Creates a static loader configuration using plain fetch/promises.
@@ -292,49 +307,63 @@ interface CreateVanillaStaticLoaderProps {
  * })
  * ```
  */
-declare function createVanillaStaticLoader(props: CreateVanillaStaticLoaderProps): StaticLoaderConfig;
+export declare function createVanillaStaticLoader(props: CreateVanillaStaticLoaderProps): StaticLoaderConfig;
 /**
  * Props for creating a query loader with vanilla fetch.
  */
 interface CreateVanillaQueryLoaderProps {
-    /**
-     * Async function that fetches menu items based on the search query.
-     * Receives an optional `signal` that is aborted when a newer query is issued,
-     * allowing you to cancel in-flight requests (e.g. pass it to `fetch()`).
-     */
-    fetcher: (query: string, options?: {
-        signal?: AbortSignal;
-    }) => Promise<NodeDef[]>;
-    /**
-     * Minimum query length before fetching.
-     * @default 1
-     */
-    minQueryLength?: number;
-    /**
-     * Initial query behavior before user input reaches minQueryLength.
-     * Defaults to fetching with an empty query.
-     */
-    initialQueryBehavior?: InitialQueryBehavior | false;
-    /**
-     * @deprecated Use `initialQueryBehavior` instead.
-     */
-    initialQuery?: string;
-    /**
-     * When to trigger the loader:
-     * - 'eager': Load when root menu opens (good for deep search)
-     * - 'lazy': Load when submenu opens (default)
-     * @default 'lazy'
-     */
-    loadStrategy?: 'eager' | 'lazy';
-    /**
-     * What to show when query is below minQueryLength.
-     * @default 'empty'
-     */
-    belowMinBehavior?: 'empty' | 'placeholder';
-    /**
-     * Placeholder nodes shown when query is below minQueryLength.
-     */
-    placeholderNodes?: NodeDef[];
+  /**
+   * Async function that fetches menu items based on the search query.
+   * Receives an optional `signal` that is aborted when a newer query is issued,
+   * allowing you to cancel in-flight requests (e.g. pass it to `fetch()`).
+   */
+  fetcher: (query: string, options?: {
+    signal?: AbortSignal;
+  }) => Promise<NodeDef[]>;
+  /**
+   * Minimum query length before fetching.
+   * @default 1
+   */
+  minQueryLength?: number;
+  /**
+   * Initial query behavior before user input reaches minQueryLength.
+   * Defaults to fetching with an empty query.
+   */
+  initialQueryBehavior?: InitialQueryBehavior | false;
+  /**
+   * @deprecated Use `initialQueryBehavior` instead.
+   */
+  initialQuery?: string;
+  /**
+   * When to trigger the loader:
+   * - 'eager': Load when root menu opens (good for deep search)
+   * - 'lazy': Load when submenu opens (default)
+   * @default 'lazy'
+   */
+  loadStrategy?: 'eager' | 'lazy';
+  /**
+   * What to show when query is below minQueryLength.
+   * @default 'empty'
+   */
+  belowMinBehavior?: 'empty' | 'placeholder';
+  /**
+   * Placeholder nodes shown when query is below minQueryLength.
+   */
+  placeholderNodes?: NodeDef[];
+  /**
+   * Milliseconds to wait after the search stops changing before passing it to
+   * the loader. While waiting, the loader counts as fetching, so the menu
+   * doesn't show "no results" or treat the search as finished too early.
+   * @default 0
+   */
+  debounce?: number;
+  /**
+   * Keep showing the last results while the next search loads, instead of
+   * clearing them on every change of the search. The refetch is reported as a
+   * background load, so `Loading` doesn't flash. Named after SWR's option.
+   * @default false
+   */
+  keepPreviousData?: boolean;
 }
 /**
  * Creates a query loader configuration using plain fetch/promises.
@@ -358,6 +387,7 @@ interface CreateVanillaQueryLoaderProps {
  * })
  * ```
  */
-declare function createVanillaQueryLoader(props: CreateVanillaQueryLoaderProps): QueryLoaderConfig;
-
-export { type CreateQueryLoaderProps, type CreateSWRQueryLoaderProps, type CreateSWRStaticLoaderProps, type CreateStaticLoaderProps, type CreateVanillaQueryLoaderProps, type CreateVanillaStaticLoaderProps, type SWRResult, type TanStackQueryResult, createLoaderComponent, createQueryLoader, createSWRLoaderComponent, createSWRQueryLoader, createSWRStaticLoader, createStaticLoader, createVanillaQueryLoader, createVanillaStaticLoader, toAsyncLoaderResult, toAsyncLoaderResultFromSWR };
+export declare function createVanillaQueryLoader(props: CreateVanillaQueryLoaderProps): QueryLoaderConfig;
+//#endregion
+export type { CreateQueryLoaderProps, CreateSWRQueryLoaderProps, CreateSWRStaticLoaderProps, CreateStaticLoaderProps, CreateVanillaQueryLoaderProps, CreateVanillaStaticLoaderProps, SWRResult, TanStackQueryResult };
+//# sourceMappingURL=index.d.ts.map

package/dist/loaders/index.js

@@ -1,2 +1,2 @@
-import"../chunk-4C666HHU.js";import{Fragment as S,jsx as R}from"react/jsx-runtime";function A(e){return e==null?null:e instanceof Error?e:new Error(String(e))}function p(e){let o=A(e.error),a=e.data!==void 0,n=e.isPaused?"paused":e.isValidating?"fetching":"idle",r=n==="fetching",t=e.isLoading??(r&&!a&&o==null),c=r&&!t,s=o?"error":a?"success":t||r?"pending":"idle",i=t?"initial":c?"background":"none";return{data:e.data,raw:e,source:"swr",error:o,status:s,fetchStatus:n,loadingPhase:i,isLoading:t,isFetching:r,isInitialLoading:t,isRefetching:c,isPending:s==="pending",isSuccess:s==="success",isError:s==="error",isPaused:n==="paused",hasData:a,hasFetched:a||o!=null||t||c,refetch:()=>e.mutate()}}function T(e){let{useSWR:o,loadStrategy:a}=e;return{type:"static",Loader:({children:r})=>{let t=o();return R(S,{children:r(p(t))})},loadStrategy:a}}function D(e){let{useSWR:o,minQueryLength:a=1,initialQueryBehavior:n,initialQuery:r,loadStrategy:t,belowMinBehavior:c="empty",placeholderNodes:s}=e,i=n!==void 0?n:r!==void 0?{value:r,loadWhen:"needed"}:{value:"",loadWhen:"needed"};return{type:"query",Loader:({query:l,enabled:f,children:h})=>{let y=f??(l.length>=a||i!==!1),g=o(l,{enabled:y});return R(S,{children:h(p(g))})},minQueryLength:a,initialQueryBehavior:i,initialQuery:r,loadStrategy:t,belowMinBehavior:c,placeholderNodes:s}}function E(e){return function({query:a,children:n}){let r=e(a);return R(S,{children:n(p(r))})}}import{Fragment as Q,jsx as F}from"react/jsx-runtime";function v(e){return e==null?null:e instanceof Error?e:new Error(String(e))}function L(e){let o=e.data!==void 0,a=e.fetchStatus?e.fetchStatus:e.isPaused?"paused":e.isFetching||e.isLoading?"fetching":"idle",n=a==="fetching",r=e.status?e.status:e.isError?"error":e.isSuccess||o?"success":e.isPending||e.isLoading||n?"pending":"idle",t=e.isPending??r==="pending",c=e.isSuccess??r==="success",s=e.isError??r==="error",i=e.isLoading??(t&&n),u=e.isRefetching??(n&&!i),l=e.isPaused??a==="paused",f=e.isFetched??(c||s||i||u),h=i?"initial":u?"background":"none";return{data:e.data,raw:e,source:"tanstack-query",error:v(e.error),status:r,fetchStatus:a,loadingPhase:h,isLoading:i,isFetching:n,isInitialLoading:i,isRefetching:u,isPending:t,isSuccess:c,isError:s,isPaused:l,hasData:o,hasFetched:f,refetch:e.refetch}}function W(e){let{useQuery:o,loadStrategy:a}=e;return{type:"static",Loader:({children:r})=>{let t=o();return F(Q,{children:r(L(t))})},loadStrategy:a}}function B(e){let{useQuery:o,minQueryLength:a=1,initialQueryBehavior:n,initialQuery:r,loadStrategy:t,belowMinBehavior:c="empty",placeholderNodes:s}=e,i=n!==void 0?n:r!==void 0?{value:r,loadWhen:"needed"}:{value:"",loadWhen:"needed"};return{type:"query",Loader:({query:l,enabled:f,children:h})=>{let y=f??(l.length>=a||i!==!1),g=o(l,{enabled:y});return F(Q,{children:h(L(g))})},minQueryLength:a,initialQueryBehavior:i,initialQuery:r,loadStrategy:t,belowMinBehavior:c,placeholderNodes:s}}function N(e){return function({query:a,children:n}){let r=e(a);return F(Q,{children:n(L(r))})}}import*as d from"react";import{Fragment as P,jsx as b}from"react/jsx-runtime";function m(e){return e==null?null:e instanceof Error?e:new Error(String(e))}function k(e){return e.error?"error":e.data!==void 0?"success":e.isFetching?"pending":"idle"}function C(e,o){let a=k(e),n=e.isFetching?"fetching":"idle",r=e.isFetching&&!e.hasFetched,t=e.isFetching&&e.hasFetched,c=r?"initial":t?"background":"none";return{data:e.data,source:"vanilla",error:e.error,status:a,fetchStatus:n,loadingPhase:c,isLoading:r,isFetching:e.isFetching,isInitialLoading:r,isRefetching:t,isPending:a==="pending",isSuccess:a==="success",isError:a==="error",isPaused:!1,hasData:e.data!==void 0,hasFetched:e.hasFetched,refetch:o}}function w(e,o){let{enabled:a=!0}=o??{},[n,r]=d.useState(()=>({data:void 0,error:null,isFetching:a,hasFetched:!1})),t=d.useRef(e);t.current=e;let c=d.useCallback(()=>{r(s=>({...s,isFetching:!0,error:null})),t.current().then(s=>{r({data:s,error:null,isFetching:!1,hasFetched:!0})}).catch(s=>{r(i=>({...i,error:m(s),isFetching:!1,hasFetched:!0}))})},[]);return d.useEffect(()=>{if(a){c();return}r(s=>({...s,isFetching:!1}))},[a,c]),d.useMemo(()=>C(n,c),[n,c])}function I(e,o,a){let{enabled:n=!0}=a??{},[r,t]=d.useState(()=>({data:void 0,error:null,isFetching:n,hasFetched:!1})),c=d.useRef(e);c.current=e,d.useEffect(()=>{if(!n){t({data:void 0,error:null,isFetching:!1,hasFetched:!1});return}let i=new AbortController;return t({data:void 0,error:null,isFetching:!0,hasFetched:!1}),c.current(o,{signal:i.signal}).then(u=>{i.signal.aborted||t({data:u,error:null,isFetching:!1,hasFetched:!0})}).catch(u=>{i.signal.aborted||t({data:void 0,error:m(u),isFetching:!1,hasFetched:!0})}),()=>{i.abort()}},[n,o]);let s=d.useCallback(()=>{t(i=>({...i,isFetching:!0,error:null})),c.current(o).then(i=>{t({data:i,error:null,isFetching:!1,hasFetched:!0})}).catch(i=>{t(u=>({...u,error:m(i),isFetching:!1,hasFetched:!0}))})},[o]);return d.useMemo(()=>C(r,s),[r,s])}function V(e){let{fetcher:o,loadStrategy:a}=e;return{type:"static",Loader:({children:r})=>{let t=w(o);return b(P,{children:r(t)})},loadStrategy:a}}function x(e){let{fetcher:o,minQueryLength:a=1,initialQueryBehavior:n,initialQuery:r,loadStrategy:t,belowMinBehavior:c="empty",placeholderNodes:s}=e,i=n!==void 0?n:r!==void 0?{value:r,loadWhen:"needed"}:{value:"",loadWhen:"needed"};return{type:"query",Loader:({query:l,enabled:f,children:h})=>{let y=f??(l.length>=a||i!==!1),g=I(o,l,{enabled:y});return b(P,{children:h(g)})},minQueryLength:a,initialQueryBehavior:i,initialQuery:r,loadStrategy:t,belowMinBehavior:c,placeholderNodes:s}}export{N as createLoaderComponent,B as createQueryLoader,E as createSWRLoaderComponent,D as createSWRQueryLoader,T as createSWRStaticLoader,W as createStaticLoader,x as createVanillaQueryLoader,V as createVanillaStaticLoader,L as toAsyncLoaderResult,p as toAsyncLoaderResultFromSWR};
+import*as e from"react";import{Fragment as t,jsx as n}from"react/jsx-runtime";function r(e){return e==null?null:e instanceof Error?e:Error(String(e))}function i(e){let t=r(e.error),n=e.data!==void 0,i=e.isPaused?`paused`:e.isValidating?`fetching`:`idle`,a=i===`fetching`,o=e.isLoading??(a&&!n&&t==null),s=a&&!o,c=t?`error`:n?`success`:o||a?`pending`:`idle`,l=o?`initial`:s?`background`:`none`;return{data:e.data,raw:e,source:`swr`,error:t,status:c,fetchStatus:i,loadingPhase:l,isLoading:o,isFetching:a,isInitialLoading:o,isRefetching:s,isPending:c===`pending`,isSuccess:c===`success`,isError:c===`error`,isPaused:i===`paused`,hasData:n,hasFetched:n||t!=null||o||s,refetch:()=>e.mutate()}}function a(e){let{useSWR:r,loadStrategy:a}=e;return{type:`static`,Loader:({children:e})=>{let a=r();return/* @__PURE__ */ n(t,{children:e(i(a))})},loadStrategy:a}}function o(e){let{useSWR:r,minQueryLength:a=1,initialQueryBehavior:o,initialQuery:s,loadStrategy:c,belowMinBehavior:l=`empty`,placeholderNodes:u,debounce:d}=e,f=o===void 0?s===void 0?{value:``,loadWhen:`needed`}:{value:s,loadWhen:`needed`}:o;return{type:`query`,Loader:({query:e,enabled:o,children:s})=>{let c=o??(e.length>=a||f!==!1),l=r(e,{enabled:c});return/* @__PURE__ */ n(t,{children:s(i(l))})},minQueryLength:a,initialQueryBehavior:f,initialQuery:s,loadStrategy:c,belowMinBehavior:l,placeholderNodes:u,debounce:d}}function s(e){return function({query:r,children:a}){let o=e(r);return/* @__PURE__ */ n(t,{children:a(i(o))})}}function c(e){return e==null?null:e instanceof Error?e:Error(String(e))}function l(e){let t=e.data!==void 0,n=e.fetchStatus?e.fetchStatus:e.isPaused?`paused`:e.isFetching||e.isLoading?`fetching`:`idle`,r=n===`fetching`,i=e.status?e.status:e.isError?`error`:e.isSuccess||t?`success`:e.isPending||e.isLoading||r?`pending`:`idle`,a=e.isPending??i===`pending`,o=e.isSuccess??i===`success`,s=e.isError??i===`error`,l=e.isLoading??(a&&r),u=e.isRefetching??(r&&!l),d=e.isPaused??n===`paused`,f=e.isFetched??(o||s||l||u),p=l?`initial`:u?`background`:`none`;return{data:e.data,raw:e,source:`tanstack-query`,error:c(e.error),status:i,fetchStatus:n,loadingPhase:p,isLoading:l,isFetching:r,isInitialLoading:l,isRefetching:u,isPending:a,isSuccess:o,isError:s,isPaused:d,hasData:t,hasFetched:f,refetch:e.refetch}}function u(e){let{useQuery:r,loadStrategy:i}=e;return{type:`static`,Loader:({children:e})=>{let i=r();return/* @__PURE__ */ n(t,{children:e(l(i))})},loadStrategy:i}}function d(e){let{useQuery:r,minQueryLength:i=1,initialQueryBehavior:a,initialQuery:o,loadStrategy:s,belowMinBehavior:c=`empty`,placeholderNodes:u,debounce:d}=e,f=a===void 0?o===void 0?{value:``,loadWhen:`needed`}:{value:o,loadWhen:`needed`}:a;return{type:`query`,Loader:({query:e,enabled:a,children:o})=>{let s=a??(e.length>=i||f!==!1),c=r(e,{enabled:s});return/* @__PURE__ */ n(t,{children:o(l(c))})},minQueryLength:i,initialQueryBehavior:f,initialQuery:o,loadStrategy:s,belowMinBehavior:c,placeholderNodes:u,debounce:d}}function f(e){return function({query:r,children:i}){let a=e(r);return/* @__PURE__ */ n(t,{children:i(l(a))})}}function p(e){return e==null?null:e instanceof Error?e:Error(String(e))}function m(e){return e.error?`error`:e.data===void 0?e.isFetching?`pending`:`idle`:`success`}function h(e,t){let n=m(e),r=e.isFetching?`fetching`:`idle`,i=e.isFetching&&!e.hasFetched,a=e.isFetching&&e.hasFetched,o=i?`initial`:a?`background`:`none`;return{data:e.data,source:`vanilla`,error:e.error,status:n,fetchStatus:r,loadingPhase:o,isLoading:i,isFetching:e.isFetching,isInitialLoading:i,isRefetching:a,isPending:n===`pending`,isSuccess:n===`success`,isError:n===`error`,isPaused:!1,hasData:e.data!==void 0,hasFetched:e.hasFetched,refetch:t}}function g(t,n){let{enabled:r=!0}=n??{},[i,a]=e.useState(()=>({data:void 0,error:null,isFetching:r,hasFetched:!1})),o=e.useRef(t);o.current=t;let s=e.useCallback(()=>{a(e=>({...e,isFetching:!0,error:null})),o.current().then(e=>{a({data:e,error:null,isFetching:!1,hasFetched:!0})}).catch(e=>{a(t=>({...t,error:p(e),isFetching:!1,hasFetched:!0}))})},[]);return e.useEffect(()=>{if(r){s();return}a(e=>({...e,isFetching:!1}))},[r,s]),e.useMemo(()=>h(i,s),[i,s])}function _(t,n,r){let{enabled:i=!0,keepPreviousData:a=!1}=r??{},[o,s]=e.useState(()=>({data:void 0,error:null,isFetching:i,hasFetched:!1,query:n})),c=e.useRef(t);c.current=t;let l=e.useRef(n);l.current=n,e.useEffect(()=>{if(!i){s({data:void 0,error:null,isFetching:!1,hasFetched:!1,query:n});return}let e=new AbortController;return s(e=>a&&e.data!==void 0?{...e,error:null,isFetching:!0,query:n}:{data:void 0,error:null,isFetching:!0,hasFetched:!1,query:n}),c.current(n,{signal:e.signal}).then(t=>{e.signal.aborted||s({data:t,error:null,isFetching:!1,hasFetched:!0,query:n})}).catch(t=>{e.signal.aborted||s({data:void 0,error:p(t),isFetching:!1,hasFetched:!0,query:n})}),()=>{e.abort()}},[i,n,a]);let u=e.useCallback(()=>{s(e=>({...e,isFetching:!0,error:null})),c.current(n).then(e=>{l.current===n&&s({data:e,error:null,isFetching:!1,hasFetched:!0,query:n})}).catch(e=>{l.current===n&&s(t=>({...t,error:p(e),isFetching:!1,hasFetched:!0,query:n}))})},[n]),d=e.useMemo(()=>!i||o.query===n?o:a&&o.data!==void 0?{...o,error:null,isFetching:!0}:{data:void 0,error:null,isFetching:!0,hasFetched:!1},[o,i,n,a]);return e.useMemo(()=>h(d,u),[d,u])}function v(e){let{fetcher:r,loadStrategy:i}=e;return{type:`static`,Loader:({children:e})=>{let i=g(r);return/* @__PURE__ */ n(t,{children:e(i)})},loadStrategy:i}}function y(e){let{fetcher:r,minQueryLength:i=1,initialQueryBehavior:a,initialQuery:o,loadStrategy:s,belowMinBehavior:c=`empty`,placeholderNodes:l,debounce:u,keepPreviousData:d=!1}=e,f=a===void 0?o===void 0?{value:``,loadWhen:`needed`}:{value:o,loadWhen:`needed`}:a;return{type:`query`,Loader:({query:e,enabled:a,children:o})=>{let s=a??(e.length>=i||f!==!1),c=_(r,e,{enabled:s,keepPreviousData:d});return/* @__PURE__ */ n(t,{children:o(c)})},minQueryLength:i,initialQueryBehavior:f,initialQuery:o,loadStrategy:s,belowMinBehavior:c,placeholderNodes:l,debounce:u}}export{f as createLoaderComponent,d as createQueryLoader,s as createSWRLoaderComponent,o as createSWRQueryLoader,a as createSWRStaticLoader,u as createStaticLoader,y as createVanillaQueryLoader,v as createVanillaStaticLoader,l as toAsyncLoaderResult,i as toAsyncLoaderResultFromSWR};
 //# sourceMappingURL=index.js.map