@intlayer/design-system 5.0.6 → 5.1.1

package/dist/hooks/useAsync/useAsyncStateStore.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useReducer, useContext } from "react";
 const createDefaultStates = () => ({
   isFetched: false,
@@ -127,7 +127,7 @@ const AsyncStateProvider = ({ children }) => {
   const resetState = (excludedKeys) => {
     dispatch({ type: "RESET_STATE", excludeKeys: excludedKeys });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     AsyncStateContext.Provider,
     {
       value: {

package/dist/hooks/useAsync/useAsyncStateStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.mjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  useReducer,\n  PropsWithChildren,\n} from 'react';\n\n/**\n * Represents the states for a given key in the asynchronous state management.\n * This includes flags for loading, fetched, invalidation, and success/error status.\n * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.\n */\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  errorCount: number;\n  isEnabled: boolean;\n};\n\n/**\n * Holds a mapping from a key (string) to its associated state.\n */\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\n/**\n * Describes all the possible actions that can be dispatched to the reducer.\n * These actions allow setting or updating states for specific keys or multiple keys at once,\n * handling errors, and resetting states.\n */\ntype Actions<T> =\n  | { type: 'SET_QUERY_STATE'; key: string; value: Partial<States<T>> }\n  | { type: 'MAKE_QUERY_IN_ERROR'; key: string; error: string }\n  | { type: 'SET_QUERIES_STATE'; keys: string[]; value: Partial<States<T>> }\n  | { type: 'RESET_KEY_STATE'; keys: string[] }\n  | { type: 'RESET_STATE'; excludeKeys: string[] };\n\n/**\n * The shape of the entire asynchronous state, holding all states in a single object.\n */\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n};\n\n/**\n * Creates a default state object with initial values. This is useful when a key\n * has not been initialized yet or when resetting a state back to defaults.\n */\nconst createDefaultStates = <T,>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  errorCount: 0,\n  isEnabled: true,\n});\n\n/**\n * Ensures that a given value is returned as an array.\n * If the value is undefined or null, returns an empty array.\n * If the value is not already an array, wraps it in one.\n */\nconst ensureArray = <T,>(value?: T | T[]): T[] => {\n  if (!value) {\n    // If no value is provided, return an empty array\n    return [];\n  } else if (Array.isArray(value)) {\n    // If it's already an array, just return it\n    return value;\n  }\n  // If it's a single value, wrap it in an array\n  return [value];\n};\n\n/**\n * Given a list of selector keys and a list of keys that may contain arguments,\n * this function returns all keys that match the selectors. Matching is determined\n * by comparing the initial part (split by \"/\") of the key.\n *\n * For example:\n * selectorsKeys = [\"user\", \"posts\"]\n * keysWithArgs = [\"user/123\", \"posts/active\", \"comments/42\"]\n * Result = [\"user/123\", \"posts/active\"]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] =>\n  keysWithArgs.filter((key) => selectorsKeys.includes(key.split('/')[0]));\n\n/**\n * The reducer function handling all state transitions. It takes the current state and an action,\n * and returns a new state based on the type of the action.\n *\n * Actions include:\n * - SET_QUERY_STATE: Update a single key with partial new state.\n * - MAKE_QUERY_IN_ERROR: Mark a single key as errored and update related flags.\n * - SET_QUERIES_STATE: Update multiple keys at once with partial new state.\n * - RESET_KEY_STATE: Reset certain keys to their default states.\n * - RESET_STATE: Reset all keys to their default states except those excluded.\n */\nconst reducer = <T,>(\n  state: AsyncState<T>,\n  action: Actions<T>\n): AsyncState<T> => {\n  switch (action.type) {\n    case 'SET_QUERY_STATE': {\n      const { key, value } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state for the key or default state if not present\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            ...value,\n          },\n        },\n      };\n    }\n    case 'MAKE_QUERY_IN_ERROR': {\n      const { key, error } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state or default if not found\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            // Explicitly set error and related flags\n            error,\n            isFetched: true,\n            isSuccess: false,\n            errorCount: (state.states[key]?.errorCount ?? 0) + 1,\n            isLoading: false,\n            isInvalidated: false,\n          },\n        },\n      };\n    }\n    case 'SET_QUERIES_STATE': {\n      const { keys, value } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Update multiple keys in a single action\n      const updatedStates = { ...state.states };\n      keyArray.forEach((key) => {\n        updatedStates[key] = {\n          ...(state.states[key] ?? createDefaultStates<T>()),\n          ...value,\n        };\n      });\n\n      return {\n        ...state,\n        states: updatedStates,\n      };\n    }\n    case 'RESET_KEY_STATE': {\n      const { keys } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Reset the matched keys back to default states\n      const resetStates = { ...state.states };\n      matchedKeys.forEach((key) => {\n        resetStates[key] = createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: resetStates,\n      };\n    }\n    case 'RESET_STATE': {\n      const excludeArray = ensureArray(action.excludeKeys);\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n      // Reset all states except those that match the exclude keys\n      const newStates: StateSlice<T> = {};\n      allKeys.forEach((key) => {\n        newStates[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: newStates,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\n/**\n * The context type that will be provided to consumers.\n * It exposes a set of functions for interacting with the asynchronous state:\n * - getStates: Retrieve the current state for a given key.\n * - setQueryState: Partially update a single key's state.\n * - setQueriesState: Partially update multiple keys' states.\n * - makeQueryInError: Set a particular key into an error state.\n * - resetKeyState: Reset certain keys to their default states.\n * - resetState: Reset all keys to their default states except a set of excluded ones.\n */\ntype AsyncStateContextType<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (keys: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (keys: string[]) => void;\n  resetState: (excludedKeys: string[]) => void;\n};\n\n/**\n * Creates a React context for asynchronous state management.\n * This context will be provided by the AsyncStateProvider and consumed by hooks like useAsyncState.\n */\nconst AsyncStateContext = createContext<AsyncStateContextType<unknown> | null>(\n  null\n);\n\n/**\n * A provider component that wraps its children and provides the asynchronous\n * state context. It uses the reducer to manage states and dispatch actions\n * based on consumer interactions.\n *\n * @param children The React children elements that should have access to this context.\n */\nexport const AsyncStateProvider = ({ children }: PropsWithChildren<{}>) => {\n  // Initialize the reducer with an empty state object\n  const [asyncState, dispatch] = useReducer(reducer, { states: {} });\n\n  /**\n   * Retrieve the state associated with a given key. If no state exists for that key,\n   * return a default state.\n   *\n   * @param key The key for which to retrieve the state.\n   */\n  const getStates = (key: string) =>\n    asyncState.states[key] ?? createDefaultStates<unknown>();\n\n  /**\n   * Partially update the state for a given key.\n   *\n   * @param key The key to update.\n   * @param value A partial state object to merge with the existing state.\n   */\n  const setQueryState = (key: string, value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERY_STATE', key, value });\n  };\n\n  /**\n   * Partially update the state for multiple keys at once.\n   *\n   * @param keys An array of keys to update.\n   * @param value A partial state object to merge with each key's existing state.\n   */\n  const setQueriesState = (keys: string[], value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERIES_STATE', keys, value });\n  };\n\n  /**\n   * Mark a given query as having encountered an error.\n   *\n   * @param key The key associated with the query.\n   * @param error The error message to set.\n   */\n  const makeQueryInError = (key: string, error: string) => {\n    dispatch({ type: 'MAKE_QUERY_IN_ERROR', key, error });\n  };\n\n  /**\n   * Reset certain keys back to their default states.\n   *\n   * @param keys The keys to reset.\n   */\n  const resetKeyState = (keys: string[]) => {\n    dispatch({ type: 'RESET_KEY_STATE', keys });\n  };\n\n  /**\n   * Reset the entire state back to defaults, except for keys that match the excluded ones.\n   *\n   * @param excludedKeys Keys that should not be reset.\n   */\n  const resetState = (excludedKeys: string[]) => {\n    dispatch({ type: 'RESET_STATE', excludeKeys: excludedKeys });\n  };\n\n  return (\n    <AsyncStateContext.Provider\n      value={{\n        getStates,\n        setQueryState,\n        setQueriesState,\n        makeQueryInError,\n        resetKeyState,\n        resetState,\n      }}\n    >\n      {children}\n    </AsyncStateContext.Provider>\n  );\n};\n\n/**\n * A custom hook for accessing the asynchronous state context. It throws an error if used\n * outside of a provider.\n *\n * @returns The asynchronous state context value.\n */\nexport const useAsyncState = () => {\n  const context = useContext(AsyncStateContext);\n  if (!context) {\n    throw new Error('useAsyncState must be used within an AsyncStateProvider');\n  }\n  return context;\n};\n"],"names":["jsx"],"mappings":"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"}
+{"version":3,"file":"useAsyncStateStore.mjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useReducer,\n} from 'react';\n\n/**\n * Represents the states for a given key in the asynchronous state management.\n * This includes flags for loading, fetched, invalidation, and success/error status.\n * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.\n */\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  errorCount: number;\n  isEnabled: boolean;\n};\n\n/**\n * Holds a mapping from a key (string) to its associated state.\n */\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\n/**\n * Describes all the possible actions that can be dispatched to the reducer.\n * These actions allow setting or updating states for specific keys or multiple keys at once,\n * handling errors, and resetting states.\n */\ntype Actions<T> =\n  | { type: 'SET_QUERY_STATE'; key: string; value: Partial<States<T>> }\n  | { type: 'MAKE_QUERY_IN_ERROR'; key: string; error: string }\n  | { type: 'SET_QUERIES_STATE'; keys: string[]; value: Partial<States<T>> }\n  | { type: 'RESET_KEY_STATE'; keys: string[] }\n  | { type: 'RESET_STATE'; excludeKeys: string[] };\n\n/**\n * The shape of the entire asynchronous state, holding all states in a single object.\n */\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n};\n\n/**\n * Creates a default state object with initial values. This is useful when a key\n * has not been initialized yet or when resetting a state back to defaults.\n */\nconst createDefaultStates = <T,>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  errorCount: 0,\n  isEnabled: true,\n});\n\n/**\n * Ensures that a given value is returned as an array.\n * If the value is undefined or null, returns an empty array.\n * If the value is not already an array, wraps it in one.\n */\nconst ensureArray = <T,>(value?: T | T[]): T[] => {\n  if (!value) {\n    // If no value is provided, return an empty array\n    return [];\n  } else if (Array.isArray(value)) {\n    // If it's already an array, just return it\n    return value;\n  }\n  // If it's a single value, wrap it in an array\n  return [value];\n};\n\n/**\n * Given a list of selector keys and a list of keys that may contain arguments,\n * this function returns all keys that match the selectors. Matching is determined\n * by comparing the initial part (split by \"/\") of the key.\n *\n * For example:\n * selectorsKeys = [\"user\", \"posts\"]\n * keysWithArgs = [\"user/123\", \"posts/active\", \"comments/42\"]\n * Result = [\"user/123\", \"posts/active\"]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] =>\n  keysWithArgs.filter((key) => selectorsKeys.includes(key.split('/')[0]));\n\n/**\n * The reducer function handling all state transitions. It takes the current state and an action,\n * and returns a new state based on the type of the action.\n *\n * Actions include:\n * - SET_QUERY_STATE: Update a single key with partial new state.\n * - MAKE_QUERY_IN_ERROR: Mark a single key as errored and update related flags.\n * - SET_QUERIES_STATE: Update multiple keys at once with partial new state.\n * - RESET_KEY_STATE: Reset certain keys to their default states.\n * - RESET_STATE: Reset all keys to their default states except those excluded.\n */\nconst reducer = <T,>(\n  state: AsyncState<T>,\n  action: Actions<T>\n): AsyncState<T> => {\n  switch (action.type) {\n    case 'SET_QUERY_STATE': {\n      const { key, value } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state for the key or default state if not present\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            ...value,\n          },\n        },\n      };\n    }\n    case 'MAKE_QUERY_IN_ERROR': {\n      const { key, error } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state or default if not found\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            // Explicitly set error and related flags\n            error,\n            isFetched: true,\n            isSuccess: false,\n            errorCount: (state.states[key]?.errorCount ?? 0) + 1,\n            isLoading: false,\n            isInvalidated: false,\n          },\n        },\n      };\n    }\n    case 'SET_QUERIES_STATE': {\n      const { keys, value } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Update multiple keys in a single action\n      const updatedStates = { ...state.states };\n      keyArray.forEach((key) => {\n        updatedStates[key] = {\n          ...(state.states[key] ?? createDefaultStates<T>()),\n          ...value,\n        };\n      });\n\n      return {\n        ...state,\n        states: updatedStates,\n      };\n    }\n    case 'RESET_KEY_STATE': {\n      const { keys } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Reset the matched keys back to default states\n      const resetStates = { ...state.states };\n      matchedKeys.forEach((key) => {\n        resetStates[key] = createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: resetStates,\n      };\n    }\n    case 'RESET_STATE': {\n      const excludeArray = ensureArray(action.excludeKeys);\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n      // Reset all states except those that match the exclude keys\n      const newStates: StateSlice<T> = {};\n      allKeys.forEach((key) => {\n        newStates[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: newStates,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\n/**\n * The context type that will be provided to consumers.\n * It exposes a set of functions for interacting with the asynchronous state:\n * - getStates: Retrieve the current state for a given key.\n * - setQueryState: Partially update a single key's state.\n * - setQueriesState: Partially update multiple keys' states.\n * - makeQueryInError: Set a particular key into an error state.\n * - resetKeyState: Reset certain keys to their default states.\n * - resetState: Reset all keys to their default states except a set of excluded ones.\n */\ntype AsyncStateContextType<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (keys: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (keys: string[]) => void;\n  resetState: (excludedKeys: string[]) => void;\n};\n\n/**\n * Creates a React context for asynchronous state management.\n * This context will be provided by the AsyncStateProvider and consumed by hooks like useAsyncState.\n */\nconst AsyncStateContext = createContext<AsyncStateContextType<unknown> | null>(\n  null\n);\n\n/**\n * A provider component that wraps its children and provides the asynchronous\n * state context. It uses the reducer to manage states and dispatch actions\n * based on consumer interactions.\n *\n * @param children The React children elements that should have access to this context.\n */\nexport const AsyncStateProvider = ({ children }: PropsWithChildren<{}>) => {\n  // Initialize the reducer with an empty state object\n  const [asyncState, dispatch] = useReducer(reducer, { states: {} });\n\n  /**\n   * Retrieve the state associated with a given key. If no state exists for that key,\n   * return a default state.\n   *\n   * @param key The key for which to retrieve the state.\n   */\n  const getStates = (key: string) =>\n    asyncState.states[key] ?? createDefaultStates<unknown>();\n\n  /**\n   * Partially update the state for a given key.\n   *\n   * @param key The key to update.\n   * @param value A partial state object to merge with the existing state.\n   */\n  const setQueryState = (key: string, value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERY_STATE', key, value });\n  };\n\n  /**\n   * Partially update the state for multiple keys at once.\n   *\n   * @param keys An array of keys to update.\n   * @param value A partial state object to merge with each key's existing state.\n   */\n  const setQueriesState = (keys: string[], value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERIES_STATE', keys, value });\n  };\n\n  /**\n   * Mark a given query as having encountered an error.\n   *\n   * @param key The key associated with the query.\n   * @param error The error message to set.\n   */\n  const makeQueryInError = (key: string, error: string) => {\n    dispatch({ type: 'MAKE_QUERY_IN_ERROR', key, error });\n  };\n\n  /**\n   * Reset certain keys back to their default states.\n   *\n   * @param keys The keys to reset.\n   */\n  const resetKeyState = (keys: string[]) => {\n    dispatch({ type: 'RESET_KEY_STATE', keys });\n  };\n\n  /**\n   * Reset the entire state back to defaults, except for keys that match the excluded ones.\n   *\n   * @param excludedKeys Keys that should not be reset.\n   */\n  const resetState = (excludedKeys: string[]) => {\n    dispatch({ type: 'RESET_STATE', excludeKeys: excludedKeys });\n  };\n\n  return (\n    <AsyncStateContext.Provider\n      value={{\n        getStates,\n        setQueryState,\n        setQueriesState,\n        makeQueryInError,\n        resetKeyState,\n        resetState,\n      }}\n    >\n      {children}\n    </AsyncStateContext.Provider>\n  );\n};\n\n/**\n * A custom hook for accessing the asynchronous state context. It throws an error if used\n * outside of a provider.\n *\n * @returns The asynchronous state context value.\n */\nexport const useAsyncState = () => {\n  const context = useContext(AsyncStateContext);\n  if (!context) {\n    throw new Error('useAsyncState must be used within an AsyncStateProvider');\n  }\n  return context;\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useAsync/useAsyncWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncWrapper.cjs","sources":["../../../src/hooks/useAsync/useAsyncWrapper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client';\n\nimport { UseAsyncOptions, UseAsyncResult, useAsync } from './useAsync';\n\n/**\n * This hook allow the declaration of a custom hook that wraps an async function.\n * It provides a simpler way to make your useAsync hook more readable and maintainable.\n *\n * @example\n * // Example of using useAsync to manage fetching user data from an API.\n * const fetchUserData = async (userId) => {\n *   const response = await fetch(`/api/users/${userId}`);\n *   if (!response.ok) throw new Error('Failed to fetch');\n *   return await response.json();\n * };\n *\n * // Define a custom hook that wraps the fetchUserData function\n * const useUserDetails = useAsyncWrapper('userDetails', fetchUserData);\n *\n * // Use the custom hook to fetch user data\n * const UserDetails = ({ userId }) => {\n *   const {\n *     isLoading,\n *     data,\n *     error,\n *     revalidate,\n *   } = useUserDetails(userId);\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   return (\n *     <div>\n *       <h1>{data.name}</h1>\n *       <button onClick={() => revalidate()}>Refresh</button>\n *     </div>\n *   );\n * };\n */\nexport const useAsyncWrapper =\n  <U extends string, T extends (...args: any[]) => Promise<any>>(\n    key: U,\n    asyncFunction: T,\n    options?: UseAsyncOptions<T>\n  ): ((...args: Parameters<T>) => UseAsyncResult<U, T>) =>\n  (...args: Parameters<T>) =>\n    useAsync(key, asyncFunction, {\n      ...options,\n      args,\n    });\n"],"names":["useAsync"],"mappings":";;;;AAuCa,MAAA,kBACX,CACE,KACA,eACA,YAEF,IAAI,SACFA,wBAAAA,SAAS,KAAK,eAAe;AAAA,EAC3B,GAAG;AAAA,EACH;AACF,CAAC;;"}
+{"version":3,"file":"useAsyncWrapper.cjs","sources":["../../../src/hooks/useAsync/useAsyncWrapper.ts"],"sourcesContent":["'use client';\n\nimport {\n  type UseAsyncOptions,\n  type UseAsyncResult,\n  useAsync,\n} from './useAsync';\n\n/**\n * This hook allow the declaration of a custom hook that wraps an async function.\n * It provides a simpler way to make your useAsync hook more readable and maintainable.\n *\n * @example\n * // Example of using useAsync to manage fetching user data from an API.\n * const fetchUserData = async (userId) => {\n *   const response = await fetch(`/api/users/${userId}`);\n *   if (!response.ok) throw new Error('Failed to fetch');\n *   return await response.json();\n * };\n *\n * // Define a custom hook that wraps the fetchUserData function\n * const useUserDetails = useAsyncWrapper('userDetails', fetchUserData);\n *\n * // Use the custom hook to fetch user data\n * const UserDetails = ({ userId }) => {\n *   const {\n *     isLoading,\n *     data,\n *     error,\n *     revalidate,\n *   } = useUserDetails(userId);\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   return (\n *     <div>\n *       <h1>{data.name}</h1>\n *       <button onClick={() => revalidate()}>Refresh</button>\n *     </div>\n *   );\n * };\n */\nexport const useAsyncWrapper =\n  <U extends string, T extends (...args: any[]) => Promise<any>>(\n    key: U,\n    asyncFunction: T,\n    options?: UseAsyncOptions<T>\n  ): ((...args: Parameters<T>) => UseAsyncResult<U, T>) =>\n  (...args: Parameters<T>) =>\n    useAsync(key, asyncFunction, {\n      ...options,\n      args,\n    });\n"],"names":["useAsync"],"mappings":";;;;AA0Ca,MAAA,kBACX,CACE,KACA,eACA,YAEF,IAAI,SACFA,wBAAAA,SAAS,KAAK,eAAe;AAAA,EAC3B,GAAG;AAAA,EACH;AACF,CAAC;;"}

package/dist/hooks/useAsync/useAsyncWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncWrapper.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsyncWrapper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAY,MAAM,YAAY,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,GACzB,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,OACtD,CAAC,iBACS,CAAC,YACN,eAAe,CAAC,CAAC,CAAC,KAC3B,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAKhD,CAAC"}
+{"version":3,"file":"useAsyncWrapper.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsyncWrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,cAAc,EAEpB,MAAM,YAAY,CAAC;AAEpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,GACzB,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,OACtD,CAAC,iBACS,CAAC,YACN,eAAe,CAAC,CAAC,CAAC,KAC3B,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAKhD,CAAC"}

package/dist/hooks/useAsync/useAsyncWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncWrapper.mjs","sources":["../../../src/hooks/useAsync/useAsyncWrapper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client';\n\nimport { UseAsyncOptions, UseAsyncResult, useAsync } from './useAsync';\n\n/**\n * This hook allow the declaration of a custom hook that wraps an async function.\n * It provides a simpler way to make your useAsync hook more readable and maintainable.\n *\n * @example\n * // Example of using useAsync to manage fetching user data from an API.\n * const fetchUserData = async (userId) => {\n *   const response = await fetch(`/api/users/${userId}`);\n *   if (!response.ok) throw new Error('Failed to fetch');\n *   return await response.json();\n * };\n *\n * // Define a custom hook that wraps the fetchUserData function\n * const useUserDetails = useAsyncWrapper('userDetails', fetchUserData);\n *\n * // Use the custom hook to fetch user data\n * const UserDetails = ({ userId }) => {\n *   const {\n *     isLoading,\n *     data,\n *     error,\n *     revalidate,\n *   } = useUserDetails(userId);\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   return (\n *     <div>\n *       <h1>{data.name}</h1>\n *       <button onClick={() => revalidate()}>Refresh</button>\n *     </div>\n *   );\n * };\n */\nexport const useAsyncWrapper =\n  <U extends string, T extends (...args: any[]) => Promise<any>>(\n    key: U,\n    asyncFunction: T,\n    options?: UseAsyncOptions<T>\n  ): ((...args: Parameters<T>) => UseAsyncResult<U, T>) =>\n  (...args: Parameters<T>) =>\n    useAsync(key, asyncFunction, {\n      ...options,\n      args,\n    });\n"],"names":[],"mappings":";;AAuCa,MAAA,kBACX,CACE,KACA,eACA,YAEF,IAAI,SACF,SAAS,KAAK,eAAe;AAAA,EAC3B,GAAG;AAAA,EACH;AACF,CAAC;"}
+{"version":3,"file":"useAsyncWrapper.mjs","sources":["../../../src/hooks/useAsync/useAsyncWrapper.ts"],"sourcesContent":["'use client';\n\nimport {\n  type UseAsyncOptions,\n  type UseAsyncResult,\n  useAsync,\n} from './useAsync';\n\n/**\n * This hook allow the declaration of a custom hook that wraps an async function.\n * It provides a simpler way to make your useAsync hook more readable and maintainable.\n *\n * @example\n * // Example of using useAsync to manage fetching user data from an API.\n * const fetchUserData = async (userId) => {\n *   const response = await fetch(`/api/users/${userId}`);\n *   if (!response.ok) throw new Error('Failed to fetch');\n *   return await response.json();\n * };\n *\n * // Define a custom hook that wraps the fetchUserData function\n * const useUserDetails = useAsyncWrapper('userDetails', fetchUserData);\n *\n * // Use the custom hook to fetch user data\n * const UserDetails = ({ userId }) => {\n *   const {\n *     isLoading,\n *     data,\n *     error,\n *     revalidate,\n *   } = useUserDetails(userId);\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   return (\n *     <div>\n *       <h1>{data.name}</h1>\n *       <button onClick={() => revalidate()}>Refresh</button>\n *     </div>\n *   );\n * };\n */\nexport const useAsyncWrapper =\n  <U extends string, T extends (...args: any[]) => Promise<any>>(\n    key: U,\n    asyncFunction: T,\n    options?: UseAsyncOptions<T>\n  ): ((...args: Parameters<T>) => UseAsyncResult<U, T>) =>\n  (...args: Parameters<T>) =>\n    useAsync(key, asyncFunction, {\n      ...options,\n      args,\n    });\n"],"names":[],"mappings":";;AA0Ca,MAAA,kBACX,CACE,KACA,eACA,YAEF,IAAI,SACF,SAAS,KAAK,eAAe;AAAA,EAC3B,GAAG;AAAA,EACH;AACF,CAAC;"}

package/dist/hooks/useDevice.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const getBreakpointFromSize = (breakpoint) => {
   switch (breakpoint) {
     case "sm":
@@ -45,10 +45,10 @@ const calculateIsMobile = (breakpoint) => {
   };
 };
 const useDevice = (breakpoint = "md") => {
-  const [result, setResult] = require$$0.useState(
+  const [result, setResult] = ReactExports.useState(
     calculateIsMobile(breakpoint)
   );
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     const handleResize = () => {
       setResult(calculateIsMobile(breakpoint));
     };

package/dist/hooks/useDevice.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDevice.cjs","sources":["../../src/hooks/useDevice.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport type SizeType = 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nconst getBreakpointFromSize = (breakpoint: SizeType | number) => {\n  switch (breakpoint) {\n    case 'sm':\n      return 640;\n    case 'md':\n      return 768;\n    case 'lg':\n      return 1024;\n    case 'xl':\n      return 1280;\n    case '2xl':\n      return 1536;\n    default:\n      return breakpoint;\n  }\n};\n\nconst checkIsMobileUserAgent = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  // eslint-disable-next-line sonarjs/regex-complexity\n  return /android|bb\\d+|meego|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(\n    userAgent\n  );\n};\n\nconst checkIsMobileScreen = (breakpoint: number): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  return (window?.innerWidth ?? 0) <= breakpoint;\n};\n\ntype UseDeviceState = {\n  isMobileScreen: boolean | undefined;\n  isMobileUserAgent: boolean | undefined;\n  isMobile: boolean | undefined;\n};\n\nconst calculateIsMobile = (breakpoint: SizeType | number) => {\n  const breakpointValue = getBreakpointFromSize(breakpoint);\n\n  const isMobileUserAgent = checkIsMobileUserAgent();\n  const isMobileScreen = checkIsMobileScreen(breakpointValue);\n  const isMobile = isMobileScreen ?? isMobileUserAgent;\n\n  return {\n    isMobileScreen, // Is the screen width within a mobile breakpoint.\n    isMobileUserAgent, // Is the user agent indicative of a mobile device.\n    isMobile, // Combines both checks to determine if the device is mobile.\n  };\n};\n\nexport const useDevice = (breakpoint: SizeType | number = 'md') => {\n  const [result, setResult] = useState<UseDeviceState>(\n    calculateIsMobile(breakpoint)\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      setResult(calculateIsMobile(breakpoint));\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    // Cleanup listener on unmount\n    return () => window.removeEventListener('resize', handleResize);\n  }, [breakpoint]); // Empty dependency array ensures this effect runs only once on mount\n\n  return result;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAMA,MAAM,wBAAwB,CAAC,eAAkC;AAC/D,UAAQ,YAAY;AAAA,IAClB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EAAA;AAEb;AAEA,MAAM,yBAAyB,MAA2B;AACpD,MAAA,OAAO,WAAW,YAAa;AAE7B,QAAA,YAAY,OAAO,WAAW;AAEhC,MAAA,OAAO,cAAc,YAAa;AAGtC,SAAO,mVAAmV;AAAA,IACxV;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB,CAAC,eAA4C;AACnE,MAAA,OAAO,WAAW,YAAa;AAE3B,UAAA,QAAQ,cAAc,MAAM;AACtC;AAQA,MAAM,oBAAoB,CAAC,eAAkC;AACrD,QAAA,kBAAkB,sBAAsB,UAAU;AAExD,QAAM,oBAAoB,uBAAuB;AAC3C,QAAA,iBAAiB,oBAAoB,eAAe;AAC1D,QAAM,WAAW,kBAAkB;AAE5B,SAAA;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;AAEa,MAAA,YAAY,CAAC,aAAgC,SAAS;AAC3D,QAAA,CAAC,QAAQ,SAAS,IAAIA,WAAA;AAAA,IAC1B,kBAAkB,UAAU;AAAA,EAC9B;AAEAC,aAAAA,UAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACf,gBAAA,kBAAkB,UAAU,CAAC;AAAA,IACzC;AAEO,WAAA,iBAAiB,UAAU,YAAY;AAG9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAAA,GAC7D,CAAC,UAAU,CAAC;AAER,SAAA;AACT;;"}
+{"version":3,"file":"useDevice.cjs","sources":["../../src/hooks/useDevice.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport type SizeType = 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nconst getBreakpointFromSize = (breakpoint: SizeType | number) => {\n  switch (breakpoint) {\n    case 'sm':\n      return 640;\n    case 'md':\n      return 768;\n    case 'lg':\n      return 1024;\n    case 'xl':\n      return 1280;\n    case '2xl':\n      return 1536;\n    default:\n      return breakpoint;\n  }\n};\n\nconst checkIsMobileUserAgent = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  return /android|bb\\d+|meego|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(\n    userAgent\n  );\n};\n\nconst checkIsMobileScreen = (breakpoint: number): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  return (window?.innerWidth ?? 0) <= breakpoint;\n};\n\ntype UseDeviceState = {\n  isMobileScreen: boolean | undefined;\n  isMobileUserAgent: boolean | undefined;\n  isMobile: boolean | undefined;\n};\n\nconst calculateIsMobile = (breakpoint: SizeType | number) => {\n  const breakpointValue = getBreakpointFromSize(breakpoint);\n\n  const isMobileUserAgent = checkIsMobileUserAgent();\n  const isMobileScreen = checkIsMobileScreen(breakpointValue);\n  const isMobile = isMobileScreen ?? isMobileUserAgent;\n\n  return {\n    isMobileScreen, // Is the screen width within a mobile breakpoint.\n    isMobileUserAgent, // Is the user agent indicative of a mobile device.\n    isMobile, // Combines both checks to determine if the device is mobile.\n  };\n};\n\nexport const useDevice = (breakpoint: SizeType | number = 'md') => {\n  const [result, setResult] = useState<UseDeviceState>(\n    calculateIsMobile(breakpoint)\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      setResult(calculateIsMobile(breakpoint));\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    // Cleanup listener on unmount\n    return () => window.removeEventListener('resize', handleResize);\n  }, [breakpoint]); // Empty dependency array ensures this effect runs only once on mount\n\n  return result;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAMA,MAAM,wBAAwB,CAAC,eAAkC;AAC/D,UAAQ,YAAY;AAAA,IAClB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EAAA;AAEb;AAEA,MAAM,yBAAyB,MAA2B;AACpD,MAAA,OAAO,WAAW,YAAa;AAE7B,QAAA,YAAY,OAAO,WAAW;AAEhC,MAAA,OAAO,cAAc,YAAa;AAEtC,SAAO,mVAAmV;AAAA,IACxV;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB,CAAC,eAA4C;AACnE,MAAA,OAAO,WAAW,YAAa;AAE3B,UAAA,QAAQ,cAAc,MAAM;AACtC;AAQA,MAAM,oBAAoB,CAAC,eAAkC;AACrD,QAAA,kBAAkB,sBAAsB,UAAU;AAExD,QAAM,oBAAoB,uBAAuB;AAC3C,QAAA,iBAAiB,oBAAoB,eAAe;AAC1D,QAAM,WAAW,kBAAkB;AAE5B,SAAA;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;AAEa,MAAA,YAAY,CAAC,aAAgC,SAAS;AAC3D,QAAA,CAAC,QAAQ,SAAS,IAAIA,aAAA;AAAA,IAC1B,kBAAkB,UAAU;AAAA,EAC9B;AAEAC,eAAAA,UAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACf,gBAAA,kBAAkB,UAAU,CAAC;AAAA,IACzC;AAEO,WAAA,iBAAiB,UAAU,YAAY;AAG9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAAA,GAC7D,CAAC,UAAU,CAAC;AAER,SAAA;AACT;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDevice.d.ts","sourceRoot":"","sources":["../../src/hooks/useDevice.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAsCzD,KAAK,cAAc,GAAG;IACpB,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAgBF,eAAO,MAAM,SAAS,gBAAgB,QAAQ,GAAG,MAAM,mBAiBtD,CAAC"}
+{"version":3,"file":"useDevice.d.ts","sourceRoot":"","sources":["../../src/hooks/useDevice.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAqCzD,KAAK,cAAc,GAAG;IACpB,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAgBF,eAAO,MAAM,SAAS,gBAAgB,QAAQ,GAAG,MAAM,mBAiBtD,CAAC"}

package/dist/hooks/useDevice.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDevice.mjs","sources":["../../src/hooks/useDevice.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport type SizeType = 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nconst getBreakpointFromSize = (breakpoint: SizeType | number) => {\n  switch (breakpoint) {\n    case 'sm':\n      return 640;\n    case 'md':\n      return 768;\n    case 'lg':\n      return 1024;\n    case 'xl':\n      return 1280;\n    case '2xl':\n      return 1536;\n    default:\n      return breakpoint;\n  }\n};\n\nconst checkIsMobileUserAgent = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  // eslint-disable-next-line sonarjs/regex-complexity\n  return /android|bb\\d+|meego|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(\n    userAgent\n  );\n};\n\nconst checkIsMobileScreen = (breakpoint: number): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  return (window?.innerWidth ?? 0) <= breakpoint;\n};\n\ntype UseDeviceState = {\n  isMobileScreen: boolean | undefined;\n  isMobileUserAgent: boolean | undefined;\n  isMobile: boolean | undefined;\n};\n\nconst calculateIsMobile = (breakpoint: SizeType | number) => {\n  const breakpointValue = getBreakpointFromSize(breakpoint);\n\n  const isMobileUserAgent = checkIsMobileUserAgent();\n  const isMobileScreen = checkIsMobileScreen(breakpointValue);\n  const isMobile = isMobileScreen ?? isMobileUserAgent;\n\n  return {\n    isMobileScreen, // Is the screen width within a mobile breakpoint.\n    isMobileUserAgent, // Is the user agent indicative of a mobile device.\n    isMobile, // Combines both checks to determine if the device is mobile.\n  };\n};\n\nexport const useDevice = (breakpoint: SizeType | number = 'md') => {\n  const [result, setResult] = useState<UseDeviceState>(\n    calculateIsMobile(breakpoint)\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      setResult(calculateIsMobile(breakpoint));\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    // Cleanup listener on unmount\n    return () => window.removeEventListener('resize', handleResize);\n  }, [breakpoint]); // Empty dependency array ensures this effect runs only once on mount\n\n  return result;\n};\n"],"names":[],"mappings":";;AAMA,MAAM,wBAAwB,CAAC,eAAkC;AAC/D,UAAQ,YAAY;AAAA,IAClB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EAAA;AAEb;AAEA,MAAM,yBAAyB,MAA2B;AACpD,MAAA,OAAO,WAAW,YAAa;AAE7B,QAAA,YAAY,OAAO,WAAW;AAEhC,MAAA,OAAO,cAAc,YAAa;AAGtC,SAAO,mVAAmV;AAAA,IACxV;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB,CAAC,eAA4C;AACnE,MAAA,OAAO,WAAW,YAAa;AAE3B,UAAA,QAAQ,cAAc,MAAM;AACtC;AAQA,MAAM,oBAAoB,CAAC,eAAkC;AACrD,QAAA,kBAAkB,sBAAsB,UAAU;AAExD,QAAM,oBAAoB,uBAAuB;AAC3C,QAAA,iBAAiB,oBAAoB,eAAe;AAC1D,QAAM,WAAW,kBAAkB;AAE5B,SAAA;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;AAEa,MAAA,YAAY,CAAC,aAAgC,SAAS;AAC3D,QAAA,CAAC,QAAQ,SAAS,IAAI;AAAA,IAC1B,kBAAkB,UAAU;AAAA,EAC9B;AAEA,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACf,gBAAA,kBAAkB,UAAU,CAAC;AAAA,IACzC;AAEO,WAAA,iBAAiB,UAAU,YAAY;AAG9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAAA,GAC7D,CAAC,UAAU,CAAC;AAER,SAAA;AACT;"}
+{"version":3,"file":"useDevice.mjs","sources":["../../src/hooks/useDevice.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport type SizeType = 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nconst getBreakpointFromSize = (breakpoint: SizeType | number) => {\n  switch (breakpoint) {\n    case 'sm':\n      return 640;\n    case 'md':\n      return 768;\n    case 'lg':\n      return 1024;\n    case 'xl':\n      return 1280;\n    case '2xl':\n      return 1536;\n    default:\n      return breakpoint;\n  }\n};\n\nconst checkIsMobileUserAgent = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  return /android|bb\\d+|meego|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(\n    userAgent\n  );\n};\n\nconst checkIsMobileScreen = (breakpoint: number): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  return (window?.innerWidth ?? 0) <= breakpoint;\n};\n\ntype UseDeviceState = {\n  isMobileScreen: boolean | undefined;\n  isMobileUserAgent: boolean | undefined;\n  isMobile: boolean | undefined;\n};\n\nconst calculateIsMobile = (breakpoint: SizeType | number) => {\n  const breakpointValue = getBreakpointFromSize(breakpoint);\n\n  const isMobileUserAgent = checkIsMobileUserAgent();\n  const isMobileScreen = checkIsMobileScreen(breakpointValue);\n  const isMobile = isMobileScreen ?? isMobileUserAgent;\n\n  return {\n    isMobileScreen, // Is the screen width within a mobile breakpoint.\n    isMobileUserAgent, // Is the user agent indicative of a mobile device.\n    isMobile, // Combines both checks to determine if the device is mobile.\n  };\n};\n\nexport const useDevice = (breakpoint: SizeType | number = 'md') => {\n  const [result, setResult] = useState<UseDeviceState>(\n    calculateIsMobile(breakpoint)\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      setResult(calculateIsMobile(breakpoint));\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    // Cleanup listener on unmount\n    return () => window.removeEventListener('resize', handleResize);\n  }, [breakpoint]); // Empty dependency array ensures this effect runs only once on mount\n\n  return result;\n};\n"],"names":[],"mappings":";;AAMA,MAAM,wBAAwB,CAAC,eAAkC;AAC/D,UAAQ,YAAY;AAAA,IAClB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EAAA;AAEb;AAEA,MAAM,yBAAyB,MAA2B;AACpD,MAAA,OAAO,WAAW,YAAa;AAE7B,QAAA,YAAY,OAAO,WAAW;AAEhC,MAAA,OAAO,cAAc,YAAa;AAEtC,SAAO,mVAAmV;AAAA,IACxV;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB,CAAC,eAA4C;AACnE,MAAA,OAAO,WAAW,YAAa;AAE3B,UAAA,QAAQ,cAAc,MAAM;AACtC;AAQA,MAAM,oBAAoB,CAAC,eAAkC;AACrD,QAAA,kBAAkB,sBAAsB,UAAU;AAExD,QAAM,oBAAoB,uBAAuB;AAC3C,QAAA,iBAAiB,oBAAoB,eAAe;AAC1D,QAAM,WAAW,kBAAkB;AAE5B,SAAA;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;AAEa,MAAA,YAAY,CAAC,aAAgC,SAAS;AAC3D,QAAA,CAAC,QAAQ,SAAS,IAAI;AAAA,IAC1B,kBAAkB,UAAU;AAAA,EAC9B;AAEA,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACf,gBAAA,kBAAkB,UAAU,CAAC;AAAA,IACzC;AAEO,WAAA,iBAAiB,UAAU,YAAY;AAG9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAAA,GAC7D,CAAC,UAAU,CAAC;AAER,SAAA;AACT;"}

package/dist/hooks/useGetAllDictionaries.cjs

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const editorReact = require("@intlayer/editor-react");
 const merge = require("deepmerge");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const hooks_intlayerAPIHooks = require("./intlayerAPIHooks.cjs");
 const useGetAllDictionaries = (...props) => {
   const { localeDictionaries } = editorReact.useDictionariesRecord();
   const { data: onlineDictionariesAPI, isWaitingData } = hooks_intlayerAPIHooks.useGetDictionaries(
     ...props
   );
-  const onlineDictionaries = require$$0.useMemo(
+  const onlineDictionaries = ReactExports.useMemo(
     () => (onlineDictionariesAPI?.data ?? []).reduce(
       (acc, dictionary) => {
         acc[dictionary.key] = dictionary;
@@ -20,7 +20,7 @@ const useGetAllDictionaries = (...props) => {
     ),
     [onlineDictionariesAPI]
   );
-  const allDictionaries = require$$0.useMemo(
+  const allDictionaries = ReactExports.useMemo(
     () => merge(onlineDictionaries ?? {}, localeDictionaries),
     [onlineDictionaries, localeDictionaries]
   );

package/dist/hooks/useGetAllDictionaries.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGetAllDictionaries.cjs","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"sourcesContent":["'use client';\n\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport { Dictionary } from '@intlayer/core';\nimport { useDictionariesRecord } from '@intlayer/editor-react';\nimport merge from 'deepmerge';\nimport { useMemo } from 'react';\nimport { useGetDictionaries } from './intlayerAPIHooks';\n\ntype Args = Parameters<typeof useGetDictionaries>;\n\nexport const useGetAllDictionaries = (...props: Args) => {\n  const { localeDictionaries } = useDictionariesRecord();\n  const { data: onlineDictionariesAPI, isWaitingData } = useGetDictionaries(\n    ...props\n  );\n\n  const onlineDictionaries: Record<string, Dictionary> = useMemo(\n    () =>\n      (onlineDictionariesAPI?.data ?? []).reduce(\n        (acc, dictionary) => {\n          acc[dictionary.key] = dictionary;\n          return acc;\n        },\n        {} as Record<string, Dictionary>\n      ),\n    [onlineDictionariesAPI]\n  );\n\n  const allDictionaries: Record<string, Dictionary> = useMemo(\n    () => merge(onlineDictionaries ?? {}, localeDictionaries),\n    [onlineDictionaries, localeDictionaries]\n  );\n\n  return {\n    online: onlineDictionaries,\n    locale: localeDictionaries,\n    all: allDictionaries,\n    isLoading: isWaitingData,\n  };\n};\n"],"names":["useDictionariesRecord","useGetDictionaries","useMemo"],"mappings":";;;;;;;AAea,MAAA,wBAAwB,IAAI,UAAgB;AACjD,QAAA,EAAE,mBAAmB,IAAIA,kCAAsB;AACrD,QAAM,EAAE,MAAM,uBAAuB,cAAkB,IAAAC,uBAAA;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,QAAM,qBAAiDC,WAAA;AAAA,IACrD,OACG,uBAAuB,QAAQ,CAAA,GAAI;AAAA,MAClC,CAAC,KAAK,eAAe;AACf,YAAA,WAAW,GAAG,IAAI;AACf,eAAA;AAAA,MACT;AAAA,MACA,CAAA;AAAA,IACF;AAAA,IACF,CAAC,qBAAqB;AAAA,EACxB;AAEA,QAAM,kBAA8CA,WAAA;AAAA,IAClD,MAAM,MAAM,sBAAsB,IAAI,kBAAkB;AAAA,IACxD,CAAC,oBAAoB,kBAAkB;AAAA,EACzC;AAEO,SAAA;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AACF;;"}
+{"version":3,"file":"useGetAllDictionaries.cjs","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"sourcesContent":["'use client';\n\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport type { Dictionary } from '@intlayer/core';\nimport { useDictionariesRecord } from '@intlayer/editor-react';\nimport merge from 'deepmerge';\nimport { useMemo } from 'react';\nimport { useGetDictionaries } from './intlayerAPIHooks';\n\ntype Args = Parameters<typeof useGetDictionaries>;\n\nexport const useGetAllDictionaries = (...props: Args) => {\n  const { localeDictionaries } = useDictionariesRecord();\n  const { data: onlineDictionariesAPI, isWaitingData } = useGetDictionaries(\n    ...props\n  );\n\n  const onlineDictionaries: Record<string, Dictionary> = useMemo(\n    () =>\n      (onlineDictionariesAPI?.data ?? []).reduce(\n        (acc, dictionary) => {\n          acc[dictionary.key] = dictionary;\n          return acc;\n        },\n        {} as Record<string, Dictionary>\n      ),\n    [onlineDictionariesAPI]\n  );\n\n  const allDictionaries: Record<string, Dictionary> = useMemo(\n    () => merge(onlineDictionaries ?? {}, localeDictionaries),\n    [onlineDictionaries, localeDictionaries]\n  );\n\n  return {\n    online: onlineDictionaries,\n    locale: localeDictionaries,\n    all: allDictionaries,\n    isLoading: isWaitingData,\n  };\n};\n"],"names":["useDictionariesRecord","useGetDictionaries","useMemo"],"mappings":";;;;;;;AAea,MAAA,wBAAwB,IAAI,UAAgB;AACjD,QAAA,EAAE,mBAAmB,IAAIA,kCAAsB;AACrD,QAAM,EAAE,MAAM,uBAAuB,cAAkB,IAAAC,uBAAA;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,QAAM,qBAAiDC,aAAA;AAAA,IACrD,OACG,uBAAuB,QAAQ,CAAA,GAAI;AAAA,MAClC,CAAC,KAAK,eAAe;AACf,YAAA,WAAW,GAAG,IAAI;AACf,eAAA;AAAA,MACT;AAAA,MACA,CAAA;AAAA,IACF;AAAA,IACF,CAAC,qBAAqB;AAAA,EACxB;AAEA,QAAM,kBAA8CA,aAAA;AAAA,IAClD,MAAM,MAAM,sBAAsB,IAAI,kBAAkB;AAAA,IACxD,CAAC,oBAAoB,kBAAkB;AAAA,EACzC;AAEO,SAAA;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AACF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetAllDictionaries.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAElD,eAAO,MAAM,qBAAqB,iEA8BmzgB,mBAAmB,kGAA0E,mBAAmB;;;;;CADp8gB,CAAC"}
+{"version":3,"file":"useGetAllDictionaries.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAElD,eAAO,MAAM,qBAAqB,iEA8B8ygB,mBAAmB,kGAA0E,mBAAmB;;;;;CAD/7gB,CAAC"}

package/dist/hooks/useGetAllDictionaries.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGetAllDictionaries.mjs","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"sourcesContent":["'use client';\n\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport { Dictionary } from '@intlayer/core';\nimport { useDictionariesRecord } from '@intlayer/editor-react';\nimport merge from 'deepmerge';\nimport { useMemo } from 'react';\nimport { useGetDictionaries } from './intlayerAPIHooks';\n\ntype Args = Parameters<typeof useGetDictionaries>;\n\nexport const useGetAllDictionaries = (...props: Args) => {\n  const { localeDictionaries } = useDictionariesRecord();\n  const { data: onlineDictionariesAPI, isWaitingData } = useGetDictionaries(\n    ...props\n  );\n\n  const onlineDictionaries: Record<string, Dictionary> = useMemo(\n    () =>\n      (onlineDictionariesAPI?.data ?? []).reduce(\n        (acc, dictionary) => {\n          acc[dictionary.key] = dictionary;\n          return acc;\n        },\n        {} as Record<string, Dictionary>\n      ),\n    [onlineDictionariesAPI]\n  );\n\n  const allDictionaries: Record<string, Dictionary> = useMemo(\n    () => merge(onlineDictionaries ?? {}, localeDictionaries),\n    [onlineDictionaries, localeDictionaries]\n  );\n\n  return {\n    online: onlineDictionaries,\n    locale: localeDictionaries,\n    all: allDictionaries,\n    isLoading: isWaitingData,\n  };\n};\n"],"names":[],"mappings":";;;;;AAea,MAAA,wBAAwB,IAAI,UAAgB;AACjD,QAAA,EAAE,mBAAmB,IAAI,sBAAsB;AACrD,QAAM,EAAE,MAAM,uBAAuB,cAAkB,IAAA;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,QAAM,qBAAiD;AAAA,IACrD,OACG,uBAAuB,QAAQ,CAAA,GAAI;AAAA,MAClC,CAAC,KAAK,eAAe;AACf,YAAA,WAAW,GAAG,IAAI;AACf,eAAA;AAAA,MACT;AAAA,MACA,CAAA;AAAA,IACF;AAAA,IACF,CAAC,qBAAqB;AAAA,EACxB;AAEA,QAAM,kBAA8C;AAAA,IAClD,MAAM,MAAM,sBAAsB,IAAI,kBAAkB;AAAA,IACxD,CAAC,oBAAoB,kBAAkB;AAAA,EACzC;AAEO,SAAA;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AACF;"}
+{"version":3,"file":"useGetAllDictionaries.mjs","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"sourcesContent":["'use client';\n\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport type { Dictionary } from '@intlayer/core';\nimport { useDictionariesRecord } from '@intlayer/editor-react';\nimport merge from 'deepmerge';\nimport { useMemo } from 'react';\nimport { useGetDictionaries } from './intlayerAPIHooks';\n\ntype Args = Parameters<typeof useGetDictionaries>;\n\nexport const useGetAllDictionaries = (...props: Args) => {\n  const { localeDictionaries } = useDictionariesRecord();\n  const { data: onlineDictionariesAPI, isWaitingData } = useGetDictionaries(\n    ...props\n  );\n\n  const onlineDictionaries: Record<string, Dictionary> = useMemo(\n    () =>\n      (onlineDictionariesAPI?.data ?? []).reduce(\n        (acc, dictionary) => {\n          acc[dictionary.key] = dictionary;\n          return acc;\n        },\n        {} as Record<string, Dictionary>\n      ),\n    [onlineDictionariesAPI]\n  );\n\n  const allDictionaries: Record<string, Dictionary> = useMemo(\n    () => merge(onlineDictionaries ?? {}, localeDictionaries),\n    [onlineDictionaries, localeDictionaries]\n  );\n\n  return {\n    online: onlineDictionaries,\n    locale: localeDictionaries,\n    all: allDictionaries,\n    isLoading: isWaitingData,\n  };\n};\n"],"names":[],"mappings":";;;;;AAea,MAAA,wBAAwB,IAAI,UAAgB;AACjD,QAAA,EAAE,mBAAmB,IAAI,sBAAsB;AACrD,QAAM,EAAE,MAAM,uBAAuB,cAAkB,IAAA;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,QAAM,qBAAiD;AAAA,IACrD,OACG,uBAAuB,QAAQ,CAAA,GAAI;AAAA,MAClC,CAAC,KAAK,eAAe;AACf,YAAA,WAAW,GAAG,IAAI;AACf,eAAA;AAAA,MACT;AAAA,MACA,CAAA;AAAA,IACF;AAAA,IACF,CAAC,qBAAqB;AAAA,EACxB;AAEA,QAAM,kBAA8C;AAAA,IAClD,MAAM,MAAM,sBAAsB,IAAI,kBAAkB;AAAA,IACxD,CAAC,oBAAoB,kBAAkB;AAAA,EACzC;AAEO,SAAA;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AACF;"}

package/dist/hooks/useGetElementOrWindow.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const useGetElementOrWindow = (container) => {
-  const [containerElement, setContainerElement] = require$$0.useState(container);
-  require$$0.useEffect(() => {
+  const [containerElement, setContainerElement] = ReactExports.useState(container);
+  ReactExports.useEffect(() => {
     setContainerElement(container ?? window.document.body);
   }, [container]);
   return containerElement;

package/dist/hooks/useGetElementOrWindow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGetElementOrWindow.cjs","sources":["../../src/hooks/useGetElementOrWindow.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useGetElementOrWindow = (container?: HTMLElement) => {\n  const [containerElement, setContainerElement] = useState<\n    HTMLElement | undefined\n  >(container);\n\n  // This useEffect avoids the error of not finding the container\n  useEffect(() => {\n    setContainerElement(container ?? window.document.body);\n  }, [container]);\n\n  return containerElement;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIa,MAAA,wBAAwB,CAAC,cAA4B;AAChE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,WAAAA,SAE9C,SAAS;AAGXC,aAAAA,UAAU,MAAM;AACM,wBAAA,aAAa,OAAO,SAAS,IAAI;AAAA,EAAA,GACpD,CAAC,SAAS,CAAC;AAEP,SAAA;AACT;;"}
+{"version":3,"file":"useGetElementOrWindow.cjs","sources":["../../src/hooks/useGetElementOrWindow.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useGetElementOrWindow = (container?: HTMLElement) => {\n  const [containerElement, setContainerElement] = useState<\n    HTMLElement | undefined\n  >(container);\n\n  // This useEffect avoids the error of not finding the container\n  useEffect(() => {\n    setContainerElement(container ?? window.document.body);\n  }, [container]);\n\n  return containerElement;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIa,MAAA,wBAAwB,CAAC,cAA4B;AAChE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,aAAAA,SAE9C,SAAS;AAGXC,eAAAA,UAAU,MAAM;AACM,wBAAA,aAAa,OAAO,SAAS,IAAI;AAAA,EAAA,GACpD,CAAC,SAAS,CAAC;AAEP,SAAA;AACT;;"}

package/dist/hooks/useIntlayerAPI.cjs

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const api = require("@intlayer/api");
-const require$$0 = require("react");
+const editorReact = require("@intlayer/editor-react");
+const ReactExports = require("react");
 const components_Auth_useAuth_index = require("../components/Auth/useAuth/index.cjs");
 const useIntlayerAuth = (props) => {
+  const configuration = editorReact.useConfiguration();
   const { csrfToken, oAuth2AccessToken } = components_Auth_useAuth_index.useAuth();
-  const headers = require$$0.useMemo(
+  const headers = ReactExports.useMemo(
     () => oAuth2AccessToken?.accessToken ? {
       Authorization: `Bearer ${oAuth2AccessToken.accessToken}`
     } : void 0,
     [oAuth2AccessToken?.accessToken]
   );
-  const body = require$$0.useMemo(
+  const body = ReactExports.useMemo(
     () => csrfToken ? { csrf_token: csrfToken } : void 0,
     [csrfToken]
   );
-  return require$$0.useMemo(
+  return ReactExports.useMemo(
     () => api.getIntlayerAPI(
       {
         headers,
         body,
         ...props?.options ?? {}
       },
-      props?.intlayerConfiguration
+      props?.intlayerConfiguration ?? configuration
     ),
     [body, headers]
   );

package/dist/hooks/useIntlayerAPI.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.cjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { getIntlayerAPI, type FetcherOptions } from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps) => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI(\n        {\n          headers,\n          body,\n          ...(props?.options ?? {}),\n        },\n        props?.intlayerConfiguration\n      ),\n    [body, headers]\n  );\n};\n"],"names":["useAuth","useMemo","getIntlayerAPI"],"mappings":";;;;;AAUa,MAAA,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,EAAE,WAAW,kBAAkB,IAAIA,sCAAQ;AAEjD,QAAM,UAAUC,WAAA;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAAA,IAExD;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAOA,WAAA;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,UAAc,IAAA;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAAA,WAAA;AAAA,IACL,MACEC,IAAA;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,GAAI,OAAO,WAAW,CAAA;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IACF,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;;"}
+{"version":3,"file":"useIntlayerAPI.cjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { getIntlayerAPI, type FetcherOptions } from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps) => {\n  const configuration = useConfiguration();\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI(\n        {\n          headers,\n          body,\n          ...(props?.options ?? {}),\n        },\n        props?.intlayerConfiguration ?? configuration\n      ),\n    [body, headers]\n  );\n};\n"],"names":["useConfiguration","useAuth","useMemo","getIntlayerAPI"],"mappings":";;;;;;AAWa,MAAA,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,gBAAgBA,YAAAA,iBAAiB;AACvC,QAAM,EAAE,WAAW,kBAAkB,IAAIC,sCAAQ;AAEjD,QAAM,UAAUC,aAAA;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAAA,IAExD;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAOA,aAAA;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,UAAc,IAAA;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAAA,aAAA;AAAA,IACL,MACEC,IAAA;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,GAAI,OAAO,WAAW,CAAA;AAAA,MACxB;AAAA,MACA,OAAO,yBAAyB;AAAA,IAClC;AAAA,IACF,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK9D,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qBAAqB,CAAC,EAAE,cAAc,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,oBAAoB;;kCAPR,CAAC,SAE9C,mBAAmB,sCAEpB,CAAC,oCACN,mBAEe;iDACS,mBACzB,sDAEE,CAAF,oCAEM,mBAAY;+CAEwB,mBAAmB,mCAE/C,CAAC,oCACe,mBAGxB;6CAC+C,mBAC5C,yCAKH,CAAL,oCAES,mBACL;kDAGkB,mBAAmB,sCAEzB,CAAC,oCAGQ,mBAAmB;iDAA8E,mBAAmB,6CAA6C,CAAC,oCAAoC,mBAAmB;yCAA6E,CAAC,oCAAoC,mBAAmB;oDAAiF,mBAAmB,yDAAyD,CAAC,oCAAoC,mBAAmB;2CAAwE,CAAC,oCAAoC,mBAAmB;;;6BAAkF,CAAC,SAAS,mBAAmB,iCAAiC,CAAC,oCAAoC,mBAAmB;qCAA2D,mBAAmB,8BAA8B,CAAC,oCAAoC,mBAAmB;wCAA6D,mBAAmB,iCAAiC,CAAC,oCAAoC,mBAAmB;4CAAoE,mBAAmB,wCAAwC,CAAC,oCAAoC,mBAAmB;gEAA+F,mBAAmB,4CAA4C,CAAC,oCAAoC,mBAAmB;oCAAuE,CAAC,oCAAoC,mBAAmB;0CAAkE,mBAAmB,+CAA+C,CAAC,oCAAoC,mBAAmB;sCAA8D,CAAC,oCAAoC,mBAAmB;4CAAsE,mBAAmB,mCAAmC,CAAC,oCAAoC,mBAAmB;2CAAuE,mBAAmB,+CAA+C,CAAC,oCAAoC,mBAAmB;4CAAwE,mBAAmB,gDAAgD,CAAC,oCAAoC,mBAAmB;;;kCAAkF,mBAAmB,8BAA8B,CAAC,oCAAoC,mBAAmB;0BAA+C,CAAC,SAAS,mBAAmB,8BAA8B,CAAC,oCAAoC,mBAAmB;qCAAwD,mBAAmB,2CAA2C,CAAC,oCAAoC,mBAAmB;qDAA2E,mBAAmB,gEAAgE,mBAAmB,kDAAkD,CAAC,oCAAoC,mBAAmB;uCAAkE,mBAAmB,6CAA6C,CAAC,oCAAoC,mBAAmB;kCAA2D,mBAAmB,8BAA8B,CAAC,oCAAoC,mBAAmB;iDAAsE,CAAC,oCAAoC,mBAAmB;;;6BAAqE,mBAAmB,yBAAyB,CAAC,oCAAoC,mBAAmB;+CAA+D,mBAAmB;+CAAoF,mBAAmB;gCAAqE,mBAAmB,qBAAqB,CAAC,SAAS,mBAAmB,6BAA6B,CAAC,oCAAoC,mBAAmB;6BAAgD,CAAC;uCAA2E,mBAAmB,mCAAmC,CAAC,oCAAoC,mBAAmB;yCAAiE,mBAAmB,6CAA6C,CAAC,oCAAoC,mBAAmB;6CAAwE,CAAC,oCAAoC,mBAAmB;iDAAkF,mBAAmB,gCAAgC,CAAC,oCAAoC,mBAAmB;0DAA+E,mBAAmB;sCAAmE,mBAAmB,kCAAkC,CAAC,oCAAoC,mBAAmB;qCAA8D,mBAAmB,iCAAiC,CAAC,oCAAoC,mBAAmB;iCAAyD,CAAC,SAAS,mBAAmB,2DAA2D,CAAC,oCAAoC,mBAAmB;mCAAmE,CAAC,oCAAoC,mBAAmB;2CAAkE,CAAC,oCAAoC,mBAAmB;;;iCAAmF,CAAC,SAAS,mBAAmB,qCAAqC,CAAC,oCAAoC,mBAAmB;0CAAoE,CAAC,oCAAoC,mBAAmB;8CAA4E,mBAAmB,+CAA+C,CAAC,SAAS,mBAAmB,6CAA6C,CAAC,oCAAoC,mBAAmB;gDAAwE,mBAAmB,oDAAoD,CAAC,oCAAoC,mBAAmB;2CAAsE,mBAAmB,iCAAiC,CAAC,oCAAoC,mBAAmB;gDAAwE,mBAAmB,4DAA4D,mBAAmB,oCAAoC,CAAC,oCAAoC,mBAAmB;sCAAiE,mBAAmB,qDAAqD,CAAC,oCAAoC,mBAAmB;;;8BAA8E,CAAC,SAAS,mBAAmB,sCAAsC,CAAC,oCAAoC,mBAAmB;yCAAsE,CAAC,oCAAoC,mBAAmB;;;sCAAoF,CAAC,SAAS,mBAAmB,2CAA2C,CAAC,oCAAoC,mBAAmB;2CAA6E,CAAC,SAAS,mBAAmB,gDAAgD,CAAC,oCAAoC,mBAAmB;8CAAqF,CAAC,SAAS,mBAAmB,mDAAmD,CAAC,oCAAoC,mBAAmB;uBAAiE,CAAC,SAAS,mBAAmB,4BAA4B,CAAC,oCAAoC,mBAAmB;6BAAgD,CAAC,SAAS,mBAAmB,kCAAkC,CAAC,oCAAoC,mBAAmB;;;yBAAoE,CAAC,SAAS,mBAAmB,6BAA6B,CAAC,oCAAoC,mBAAmB;6BAA+C,mBAAmB,0BAA0B,CAAC,oCAAoC,mBAAmB;kCAAmD,mBAAmB,wCAAwC,mBAAmB,6BAA6B,CAAC,oCAAoC,mBAAmB;kCAAsD,mBAAmB,wCAAwC,CAAC,oCAAoC,mBAAmB;;;uCAAgF,CAAC,6BAA6B,sBAAsB;sCAAwC,2BAA4B,cAAc,CAAC;;CADhlT,CAAC"}

package/dist/hooks/useIntlayerAPI.mjs

@@ -1,7 +1,9 @@
 import { getIntlayerAPI } from "@intlayer/api";
+import { useConfiguration } from "@intlayer/editor-react";
 import { useMemo } from "react";
 import { useAuth } from "../components/Auth/useAuth/index.mjs";
 const useIntlayerAuth = (props) => {
+  const configuration = useConfiguration();
   const { csrfToken, oAuth2AccessToken } = useAuth();
   const headers = useMemo(
     () => oAuth2AccessToken?.accessToken ? {
@@ -20,7 +22,7 @@ const useIntlayerAuth = (props) => {
         body,
         ...props?.options ?? {}
       },
-      props?.intlayerConfiguration
+      props?.intlayerConfiguration ?? configuration
     ),
     [body, headers]
   );

package/dist/hooks/useIntlayerAPI.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { getIntlayerAPI, type FetcherOptions } from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps) => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI(\n        {\n          headers,\n          body,\n          ...(props?.options ?? {}),\n        },\n        props?.intlayerConfiguration\n      ),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;AAUa,MAAA,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAAA,IAExD;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,UAAc,IAAA;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,GAAI,OAAO,WAAW,CAAA;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IACF,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;"}
+{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { getIntlayerAPI, type FetcherOptions } from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps) => {\n  const configuration = useConfiguration();\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI(\n        {\n          headers,\n          body,\n          ...(props?.options ?? {}),\n        },\n        props?.intlayerConfiguration ?? configuration\n      ),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;;AAWa,MAAA,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAAA,IAExD;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,UAAc,IAAA;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,GAAI,OAAO,WAAW,CAAA;AAAA,MACxB;AAAA,MACA,OAAO,yBAAyB;AAAA,IAClC;AAAA,IACF,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;"}

package/dist/hooks/useIsDarkMode.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const useIsDarkMode = () => {
-  const [isDarkMode, setIsDarkMode] = require$$0.useState(false);
-  require$$0.useEffect(() => {
+  const [isDarkMode, setIsDarkMode] = ReactExports.useState(false);
+  ReactExports.useEffect(() => {
     const htmlElement = document.querySelector("html");
     const isDarkMode2 = htmlElement?.getAttribute("data-theme") === "dark";
     setIsDarkMode(isDarkMode2);

package/dist/hooks/useIsDarkMode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsDarkMode.cjs","sources":["../../src/hooks/useIsDarkMode.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useIsDarkMode = () => {\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  useEffect(() => {\n    const htmlElement = document.querySelector('html');\n    const isDarkMode = htmlElement?.getAttribute('data-theme') === 'dark';\n    setIsDarkMode(isDarkMode);\n  }, []);\n\n  return isDarkMode;\n};\n"],"names":["useState","useEffect","isDarkMode"],"mappings":";;;;AAIO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,aAAa,IAAIA,WAAAA,SAAS,KAAK;AAElDC,aAAAA,UAAU,MAAM;AACR,UAAA,cAAc,SAAS,cAAc,MAAM;AACjD,UAAMC,cAAa,aAAa,aAAa,YAAY,MAAM;AAC/D,kBAAcA,WAAU;AAAA,EAC1B,GAAG,EAAE;AAEE,SAAA;AACT;;"}
+{"version":3,"file":"useIsDarkMode.cjs","sources":["../../src/hooks/useIsDarkMode.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useIsDarkMode = () => {\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  useEffect(() => {\n    const htmlElement = document.querySelector('html');\n    const isDarkMode = htmlElement?.getAttribute('data-theme') === 'dark';\n    setIsDarkMode(isDarkMode);\n  }, []);\n\n  return isDarkMode;\n};\n"],"names":["useState","useEffect","isDarkMode"],"mappings":";;;;AAIO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,aAAa,IAAIA,aAAAA,SAAS,KAAK;AAElDC,eAAAA,UAAU,MAAM;AACR,UAAA,cAAc,SAAS,cAAc,MAAM;AACjD,UAAMC,cAAa,aAAa,aAAa,YAAY,MAAM;AAC/D,kBAAcA,WAAU;AAAA,EAC1B,GAAG,EAAE;AAEE,SAAA;AACT;;"}

package/dist/hooks/useIsMounted.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const useIsMounted = () => {
-  const [isMounted, setIsMounted] = require$$0.useState(false);
-  require$$0.useEffect(() => {
+  const [isMounted, setIsMounted] = ReactExports.useState(false);
+  ReactExports.useEffect(() => {
     setIsMounted(true);
   }, []);
   return isMounted;

package/dist/hooks/useIsMounted.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMounted.cjs","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAIA,WAAAA,SAAS,KAAK;AAEhDC,aAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AAEE,SAAA;AACT;;"}
+{"version":3,"file":"useIsMounted.cjs","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAIA,aAAAA,SAAS,KAAK;AAEhDC,eAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AAEE,SAAA;AACT;;"}

package/dist/hooks/useItemSelector.cjs

@@ -1,13 +1,13 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const selectorDefault = (option) => option?.getAttribute("aria-selected") === "true";
 const useItemSelector = (optionsRefs, selector = selectorDefault, isHoverable = false) => {
-  const [choiceIndicatorPosition, setChoiceIndicatorPosition] = require$$0.useState(null);
-  const [hoveredItem, setHoveredItem] = require$$0.useState(null);
+  const [choiceIndicatorPosition, setChoiceIndicatorPosition] = ReactExports.useState(null);
+  const [hoveredItem, setHoveredItem] = ReactExports.useState(null);
   const itemsLength = optionsRefs.current.length;
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     const calculatePosition = () => {
       let targetElement = null;
       if (hoveredItem) {

package/dist/hooks/useItemSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n        return;\n      }\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter);\n        option?.addEventListener('mouseleave', handleMouseLeave);\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxDA,WAAAA,SAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAIA,WAAAA,SAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExCC,aAAAA,UAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MAAA;AAGxD,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QAAA,EACT;AACF;AAAA,MAAA;AAGF,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAEkB,sBAAA;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAC;AAEnC,gBAAA,QAAQ,QAAQ,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,cAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,qBAAW,YAAY,WAAW;AAChC,gBACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACkB,gCAAA;AAClB;AAAA,YAAA;AAAA,UACF;AAAA,QACF,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MAAA;AAAA,IACjC,CACD;AAGD,UAAM,kBAAoC,CAAC;AAErC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B,0BAAA;AAAA,MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IACrC;AAGA,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAAA;AAI1B,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IAAA;AAInB,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IACnD;AAEA,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IACrB;AAEA,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IAAA;AAGH,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IACH;AAAA,KACC,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;;"}
+{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n        return;\n      }\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter);\n        option?.addEventListener('mouseleave', handleMouseLeave);\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxDA,aAAAA,SAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAIA,aAAAA,SAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExCC,eAAAA,UAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MAAA;AAGxD,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QAAA,EACT;AACF;AAAA,MAAA;AAGF,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAEkB,sBAAA;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAC;AAEnC,gBAAA,QAAQ,QAAQ,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,cAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,qBAAW,YAAY,WAAW;AAChC,gBACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACkB,gCAAA;AAClB;AAAA,YAAA;AAAA,UACF;AAAA,QACF,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MAAA;AAAA,IACjC,CACD;AAGD,UAAM,kBAAoC,CAAC;AAErC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B,0BAAA;AAAA,MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IACrC;AAGA,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAAA;AAI1B,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IAAA;AAInB,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IACnD;AAEA,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IACrB;AAEA,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IAAA;AAGH,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IACH;AAAA,KACC,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;;"}

package/dist/hooks/usePersistedStore.cjs

@@ -1,9 +1,9 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const usePersistedStore = (key, initialState) => {
-  const [state, setState] = require$$0.useState(() => {
+  const [state, setState] = ReactExports.useState(() => {
     if (initialState !== void 0) {
       const result = typeof initialState === "function" ? initialState() : initialState;
       if (typeof window === "undefined") return result;
@@ -19,7 +19,7 @@ const usePersistedStore = (key, initialState) => {
     }
     return void 0;
   });
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     const persistedState = localStorage?.getItem(key);
     if (persistedState && state === void 0) {
       try {
@@ -31,7 +31,7 @@ const usePersistedStore = (key, initialState) => {
       setState(initialState);
     }
   }, [key, state]);
-  const setStateWrapper = require$$0.useCallback(
+  const setStateWrapper = ReactExports.useCallback(
     (valueOrUpdater) => {
       setState((prev) => {
         const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
@@ -41,7 +41,7 @@ const usePersistedStore = (key, initialState) => {
     },
     [key, setState]
   );
-  return require$$0.useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);
+  return ReactExports.useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);
 };
 exports.usePersistedStore = usePersistedStore;
 //# sourceMappingURL=usePersistedStore.cjs.map

package/dist/hooks/usePersistedStore.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistedStore.cjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport {\n  useState,\n  useEffect,\n  useCallback,\n  type SetStateAction,\n  type Dispatch,\n  useMemo,\n} from 'react';\n\nexport const usePersistedStore = <S>(\n  key: string,\n  initialState?: S | (() => S)\n): [S, Dispatch<SetStateAction<S>>] => {\n  const [state, setState] = useState<S>(() => {\n    // If you have an initial value on the client, send a message out immediately\n    if (initialState !== undefined) {\n      const result: S =\n        typeof initialState === 'function'\n          ? (initialState as () => S)()\n          : initialState;\n\n      if (typeof window === 'undefined') return result;\n\n      const persistedState = localStorage?.getItem(key);\n\n      if (persistedState) {\n        try {\n          return JSON.parse(persistedState);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n\n      return result;\n    }\n\n    return undefined as S;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialState !== undefined && state === undefined) {\n      setState(initialState);\n    }\n  }, [key, state]);\n\n  /**\n   * Allows setting state either directly or via a functional update.\n   * If passed a function, we merge/update based on the previous state.\n   */\n  const setStateWrapper: typeof setState = useCallback(\n    (valueOrUpdater: SetStateAction<S>) => {\n      setState((prev) => {\n        const newValue: S =\n          typeof valueOrUpdater === 'function'\n            ? (valueOrUpdater as (prevVal: S) => S)(prev)\n            : valueOrUpdater;\n\n        localStorage?.setItem(key, JSON.stringify(newValue));\n\n        return newValue;\n      });\n    },\n    [key, setState]\n  );\n\n  return useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);\n};\n"],"names":["useState","useEffect","useCallback","useMemo"],"mappings":";;;;AAWa,MAAA,oBAAoB,CAC/B,KACA,iBACqC;AACrC,QAAM,CAAC,OAAO,QAAQ,IAAIA,oBAAY,MAAM;AAE1C,QAAI,iBAAiB,QAAW;AAC9B,YAAM,SACJ,OAAO,iBAAiB,aACnB,aACD,IAAA;AAEF,UAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,YAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,UAAI,gBAAgB;AACd,YAAA;AACK,iBAAA,KAAK,MAAM,cAAc;AAAA,iBACzB,GAAG;AACV,kBAAQ,MAAM,CAAC;AAAA,QAAA;AAAA,MACjB;AAGK,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA,CACR;AAEDC,aAAAA,UAAU,MAAM;AACR,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAE5C,QAAA,kBAAkB,UAAU,QAAW;AACrC,UAAA;AACO,iBAAA,KAAK,MAAM,cAAc,CAAC;AAAA,eAC5B,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IAER,WAAA,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,KAAK,KAAK,CAAC;AAMf,QAAM,kBAAmCC,WAAA;AAAA,IACvC,CAAC,mBAAsC;AACrC,eAAS,CAAC,SAAS;AACjB,cAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,sBAAc,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAE5C,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEO,SAAAC,WAAAA,QAAQ,MAAM,CAAC,OAAO,eAAe,GAAG,CAAC,OAAO,eAAe,CAAC;AACzE;;"}
+{"version":3,"file":"usePersistedStore.cjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport {\n  useState,\n  useEffect,\n  useCallback,\n  type SetStateAction,\n  type Dispatch,\n  useMemo,\n} from 'react';\n\nexport const usePersistedStore = <S>(\n  key: string,\n  initialState?: S | (() => S)\n): [S, Dispatch<SetStateAction<S>>] => {\n  const [state, setState] = useState<S>(() => {\n    // If you have an initial value on the client, send a message out immediately\n    if (initialState !== undefined) {\n      const result: S =\n        typeof initialState === 'function'\n          ? (initialState as () => S)()\n          : initialState;\n\n      if (typeof window === 'undefined') return result;\n\n      const persistedState = localStorage?.getItem(key);\n\n      if (persistedState) {\n        try {\n          return JSON.parse(persistedState);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n\n      return result;\n    }\n\n    return undefined as S;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialState !== undefined && state === undefined) {\n      setState(initialState);\n    }\n  }, [key, state]);\n\n  /**\n   * Allows setting state either directly or via a functional update.\n   * If passed a function, we merge/update based on the previous state.\n   */\n  const setStateWrapper: typeof setState = useCallback(\n    (valueOrUpdater: SetStateAction<S>) => {\n      setState((prev) => {\n        const newValue: S =\n          typeof valueOrUpdater === 'function'\n            ? (valueOrUpdater as (prevVal: S) => S)(prev)\n            : valueOrUpdater;\n\n        localStorage?.setItem(key, JSON.stringify(newValue));\n\n        return newValue;\n      });\n    },\n    [key, setState]\n  );\n\n  return useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);\n};\n"],"names":["useState","useEffect","useCallback","useMemo"],"mappings":";;;;AAWa,MAAA,oBAAoB,CAC/B,KACA,iBACqC;AACrC,QAAM,CAAC,OAAO,QAAQ,IAAIA,sBAAY,MAAM;AAE1C,QAAI,iBAAiB,QAAW;AAC9B,YAAM,SACJ,OAAO,iBAAiB,aACnB,aACD,IAAA;AAEF,UAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,YAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,UAAI,gBAAgB;AACd,YAAA;AACK,iBAAA,KAAK,MAAM,cAAc;AAAA,iBACzB,GAAG;AACV,kBAAQ,MAAM,CAAC;AAAA,QAAA;AAAA,MACjB;AAGK,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA,CACR;AAEDC,eAAAA,UAAU,MAAM;AACR,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAE5C,QAAA,kBAAkB,UAAU,QAAW;AACrC,UAAA;AACO,iBAAA,KAAK,MAAM,cAAc,CAAC;AAAA,eAC5B,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IAER,WAAA,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,KAAK,KAAK,CAAC;AAMf,QAAM,kBAAmCC,aAAA;AAAA,IACvC,CAAC,mBAAsC;AACrC,eAAS,CAAC,SAAS;AACjB,cAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,sBAAc,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAE5C,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEO,SAAAC,aAAAA,QAAQ,MAAM,CAAC,OAAO,eAAe,GAAG,CAAC,OAAO,eAAe,CAAC;AACzE;;"}

package/dist/hooks/useScrollBlockage/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react");
-const hooks_useScrollBlockage_index = require("../../index-Cg-S9ry9.cjs");
+const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
 require("../useGetElementOrWindow.cjs");
 require("./useScrollBlockageStore.cjs");
 exports.useScrollBlockage = hooks_useScrollBlockage_index.useScrollBlockage;

package/dist/hooks/useScrollBlockage/index.mjs

@@ -1,5 +1,5 @@
 import "react";
-import { u } from "../../index-O_7rYrbW.js";
+import { u } from "../../index-BCuMWKyy.js";
 import "../useGetElementOrWindow.mjs";
 import "./useScrollBlockageStore.mjs";
 export {

package/dist/hooks/useScrollDetection.cjs

@@ -1,9 +1,9 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const hooks_useGetElementOrWindow = require("./useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_index = require("../index-Cg-S9ry9.cjs");
+const hooks_useScrollBlockage_index = require("../index-BYzBot7l.cjs");
 const useScrollDetection = (props) => {
   const {
     isEnabled = true,
@@ -13,11 +13,11 @@ const useScrollDetection = (props) => {
     onScrollUp,
     element
   } = props ?? {};
-  const [isScrolled, setIsScrolled] = require$$0.useState(false);
-  const [isScrollable, setIsScrollable] = require$$0.useState(false);
+  const [isScrolled, setIsScrolled] = ReactExports.useState(false);
+  const [isScrollable, setIsScrollable] = ReactExports.useState(false);
   const { isScrollBlocked } = hooks_useScrollBlockage_index.useScrollBlockage();
   const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(element);
-  const onMobileMove = require$$0.useCallback(
+  const onMobileMove = ReactExports.useCallback(
     (event) => {
       const startY = event.touches?.[0]?.clientY ?? 0;
       const onMove = (event2) => {
@@ -32,7 +32,7 @@ const useScrollDetection = (props) => {
     },
     [isEnabled, containerElement]
   );
-  const onScroll = require$$0.useCallback(
+  const onScroll = ReactExports.useCallback(
     (e) => {
       const isScrolledDown = e.deltaY > 0;
       if (isEnabled && !isScrollBlocked && isScrollable) {
@@ -49,7 +49,7 @@ const useScrollDetection = (props) => {
     },
     [isEnabled, isScrollBlocked, isScrollable]
   );
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     if (isEnabled) {
       containerElement?.addEventListener("wheel", onScroll);
       containerElement?.addEventListener("touchstart", onMobileMove);
@@ -61,7 +61,7 @@ const useScrollDetection = (props) => {
       containerElement?.removeEventListener("touchstart", onMobileMove);
     };
   }, [isEnabled, onScroll, onMobileMove, containerElement]);
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     const isScrollable2 = window.innerHeight < window.document.body.scrollHeight;
     setIsScrollable(isScrollable2);
   }, []);