@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/cjs/core/system/theme-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.cjs","names":["css","ThemeProvider: FC<ThemeProviderProps>","THEME_SCHEME_STORAGE_KEY","createStorageManager","useEnvironment","changeThemeScheme: ChangeThemeScheme","themeScheme","EmotionThemeProvider","GlobalStyles: FC","useSystem","Global","ThemeContext"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  ThemeContext,\n} from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { THEME_SCHEME_STORAGE_KEY } from \"../constant\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { useSystem } from \"./system-provider\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        doc.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends\n    PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = THEME_SCHEME_STORAGE_KEY,\n  theme = {},\n}) => {\n  const { defaultThemeScheme = \"base\", disableTransitionOnChange } =\n    config ?? {}\n  const storageManager = useMemo(\n    () => createStorageManager(storage, storageKey, defaultThemeScheme, cookie),\n    [cookie, defaultThemeScheme, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    storageManager.get(),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      storageManager.set(themeScheme)\n    },\n    [disableTransitionOnChange, environment, storageManager],\n  )\n\n  useEffect(() => {\n    const themeScheme = storageManager.get()\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, storageManager])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-theme\n */\nexport const useTheme = <Y extends UsageTheme = Theme>() => {\n  const internalTheme = use(ThemeContext) as StyledTheme<Y>\n\n  const theme = useMemo(() => {\n    const { themeScheme } = internalTheme\n\n    if (isUndefined(themeScheme) || themeScheme === \"base\") return internalTheme\n\n    const nestedTheme =\n      \"themeSchemes\" in internalTheme && isObject(internalTheme.themeSchemes)\n        ? internalTheme.themeSchemes[themeScheme as string]\n        : undefined\n\n    if (!nestedTheme) return internalTheme\n\n    return merge<StyledTheme<Y>>(internalTheme, nestedTheme)\n  }, [internalTheme])\n\n  const value = useMemo(() => {\n    const { changeThemeScheme, themeScheme } = internalTheme\n\n    return {\n      changeThemeScheme,\n      internalTheme,\n      theme,\n      themeScheme,\n    }\n  }, [theme, internalTheme])\n\n  return value\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAa,wBAAwB,gBAA6B;CAChE,MAAM,EAAE,aAAa,cAAc;CACnC,MAAM,MAAM,WAAW;CACvB,MAAM,MAAM,aAAa;AAEzB,KAAI,CAAC,OAAO,CAAC,IAAK;CAElB,MAAMA,QAAM,IAAI,cAAc,QAAQ;CAEtC,MAAM,OAAO,IAAI,eACf,2JACD;AAED,OAAI,YAAY,KAAK;AAErB,KAAI,KAAK,YAAYA,MAAI;AAEzB,cAAa;EACX,MAAM,oBAAoB,IAAI,iBAAiB,IAAI,KAAK;AAExD,eAAa;AAEb,8BAA4B;AAC1B,+BAA4B;AAC1B,QAAI,KAAK,YAAYA,MAAI;KACzB;IACF;;;AAmCN,MAAaC,iBAAyC,EACpD,UACA,QACA,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAaC,2CACb,QAAQ,EAAE,OACN;CACJ,MAAM,EAAE,qBAAqB,QAAQ,8BACnC,UAAU,EAAE;CACd,MAAM,0CACEC,6CAAqB,SAAS,YAAY,oBAAoB,OAAO,EAC3E;EAAC;EAAQ;EAAoB;EAAS;EAAW,CAClD;CACD,MAAM,cAAcC,6CAAgB;CACpC,MAAM,CAAC,aAAa,sCAClB,eAAe,KAAK,CACrB;CAED,MAAMC,4CACH,kBAAgB;EACf,MAAM,EAAE,gBAAgB;EACxB,MAAM,MAAM,aAAa;EAEzB,MAAM,UAAU,4BACZ,qBAAqB,YAAY,GACjC;AAEJ,MAAI,IAAK,KAAI,gBAAgB,QAAQ,QAAQC;AAE7C,aAAW;AAEX,iBAAeA,cAAY;AAE3B,iBAAe,IAAIA,cAAY;IAEjC;EAAC;EAA2B;EAAa;EAAe,CACzD;AAED,4BAAgB;AAGd,oBAFoB,eAAe,KAAK,CAEV;IAC7B,CAAC,mBAAmB,eAAe,CAAC;AAEvC,QACE,4CAACC;EAAqB,OAAO;GAAE;GAAmB;GAAa,GAAG;GAAO;aACvE,2CAAC,iBAAe,EAEf;GACoB;;AAI3B,MAAaC,qBAAyB;CACpC,MAAM,SAASC,mCAAW;CAC1B,MAAM,EAAE,UAAU,UAAsB;CACxC,MAAM,EAAE,QAAQ,SAAS,OAAO;CAEhC,MAAM,sCAA2B;EAC/B,MAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,CAAC,8DAAuB,MAAM,CAAE,QAAO;AAE3C,SAAOT,gBAAI,QAAQ,MAAM,CAAC,MAAM;IAC/B,CAAC,QAAQ,MAAM,CAAC;CAEnB,MAAM,uCAA4B;EAChC,MAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,CAAC,8DAAuB,MAAM,CAAE,QAAO;AAE3C,SAAOA,gBAAI,QAAQ,MAAM,CAAC,MAAM;IAC/B,CAAC,QAAQ,MAAM,CAAC;AAMnB,QACE,2CAACU,yBACC,QAAQ;EACN;EACA,KAAK,mCARmB;AAC5B,UAAO,EAAE,6BAA6B,OAAO,SAAS;KACrD,CAAC,OAAO,CAAC,CAMiB;EACvB,KAAK,SAAS,WAAW;EACzB,KAAK,UAAU,YAAY;EAC5B,GACD;;;;;;;AASN,MAAa,iBAA+C;CAC1D,MAAM,+BAAoBC,4BAAa;CAEvC,MAAM,iCAAsB;EAC1B,MAAM,EAAE,gBAAgB;AAExB,yDAAgB,YAAY,IAAI,gBAAgB,OAAQ,QAAO;EAE/D,MAAM,cACJ,kBAAkB,iEAA0B,cAAc,aAAa,GACnE,cAAc,aAAa,eAC3B;AAEN,MAAI,CAAC,YAAa,QAAO;AAEzB,sDAA6B,eAAe,YAAY;IACvD,CAAC,cAAc,CAAC;AAanB,iCAX4B;EAC1B,MAAM,EAAE,mBAAmB,gBAAgB;AAE3C,SAAO;GACL;GACA;GACA;GACA;GACD;IACA,CAAC,OAAO,cAAc,CAAC"}
+{"version":3,"file":"theme-provider.cjs","names":["THEME_SCHEME_STORAGE_KEY","createStorageManager","useEnvironment","EmotionThemeProvider","useSystem","css","Global","ThemeContext"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  ThemeContext,\n} from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { THEME_SCHEME_STORAGE_KEY } from \"../constant\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { useSystem } from \"./system-provider\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        doc.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends\n    PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = THEME_SCHEME_STORAGE_KEY,\n  theme = {},\n}) => {\n  const { defaultThemeScheme = \"base\", disableTransitionOnChange } =\n    config ?? {}\n  const storageManager = useMemo(\n    () => createStorageManager(storage, storageKey, defaultThemeScheme, cookie),\n    [cookie, defaultThemeScheme, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    storageManager.get(),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      storageManager.set(themeScheme)\n    },\n    [disableTransitionOnChange, environment, storageManager],\n  )\n\n  useEffect(() => {\n    const themeScheme = storageManager.get()\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, storageManager])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-theme\n */\nexport const useTheme = <Y extends UsageTheme = Theme>() => {\n  const internalTheme = use(ThemeContext) as StyledTheme<Y>\n\n  const theme = useMemo(() => {\n    const { themeScheme } = internalTheme\n\n    if (isUndefined(themeScheme) || themeScheme === \"base\") return internalTheme\n\n    const nestedTheme =\n      \"themeSchemes\" in internalTheme && isObject(internalTheme.themeSchemes)\n        ? internalTheme.themeSchemes[themeScheme as string]\n        : undefined\n\n    if (!nestedTheme) return internalTheme\n\n    return merge<StyledTheme<Y>>(internalTheme, nestedTheme)\n  }, [internalTheme])\n\n  const value = useMemo(() => {\n    const { changeThemeScheme, themeScheme } = internalTheme\n\n    return {\n      changeThemeScheme,\n      internalTheme,\n      theme,\n      themeScheme,\n    }\n  }, [theme, internalTheme])\n\n  return value\n}\n"],"mappings":"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"}

package/dist/cjs/core/system/use-color-mode-value.cjs

@@ -1,5 +1,4 @@
-const require_color_mode_provider = require('./color-mode-provider.cjs');
-
+const require_color_mode_provider = require("./color-mode-provider.cjs");
 //#region src/core/system/use-color-mode-value.ts
 /**
 * `useColorModeValue` is a custom hook that returns the value of the current color mode from the provided values.
@@ -13,8 +12,8 @@ const useColorModeValue = (light, dark) => {
 const getColorModeValue = (light, dark) => (colorMode) => {
 	return colorMode === "light" ? light : dark;
 };
-
 //#endregion
 exports.getColorModeValue = getColorModeValue;
 exports.useColorModeValue = useColorModeValue;
+
 //# sourceMappingURL=use-color-mode-value.cjs.map

package/dist/cjs/core/system/use-color-mode-value.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-color-mode-value.cjs","names":["useColorMode"],"sources":["../../../../src/core/system/use-color-mode-value.ts"],"sourcesContent":["import type { ColorMode } from \"./index.types\"\nimport { useColorMode } from \"./color-mode-provider\"\n\n/**\n * `useColorModeValue` is a custom hook that returns the value of the current color mode from the provided values.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode-value\n */\nexport const useColorModeValue = <L, D>(light: L, dark: D): D | L => {\n  const { colorMode } = useColorMode()\n\n  return getColorModeValue<L, D>(light, dark)(colorMode)\n}\n\nexport const getColorModeValue =\n  <L, D>(light: L, dark: D) =>\n  (colorMode: ColorMode): D | L => {\n    return colorMode === \"light\" ? light : dark\n  }\n"],"mappings":";;;;;;;;AAQA,MAAa,qBAA2B,OAAU,SAAmB;CACnE,MAAM,EAAE,cAAcA,0CAAc;AAEpC,QAAO,kBAAwB,OAAO,KAAK,CAAC,UAAU;;AAGxD,MAAa,qBACJ,OAAU,UAChB,cAAgC;AAC/B,QAAO,cAAc,UAAU,QAAQ"}
+{"version":3,"file":"use-color-mode-value.cjs","names":["useColorMode"],"sources":["../../../../src/core/system/use-color-mode-value.ts"],"sourcesContent":["import type { ColorMode } from \"./index.types\"\nimport { useColorMode } from \"./color-mode-provider\"\n\n/**\n * `useColorModeValue` is a custom hook that returns the value of the current color mode from the provided values.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode-value\n */\nexport const useColorModeValue = <L, D>(light: L, dark: D): D | L => {\n  const { colorMode } = useColorMode()\n\n  return getColorModeValue<L, D>(light, dark)(colorMode)\n}\n\nexport const getColorModeValue =\n  <L, D>(light: L, dark: D) =>\n  (colorMode: ColorMode): D | L => {\n    return colorMode === \"light\" ? light : dark\n  }\n"],"mappings":";;;;;;;AAQA,MAAa,qBAA2B,OAAU,SAAmB;CACnE,MAAM,EAAE,cAAcA,4BAAAA,cAAc;CAEpC,OAAO,kBAAwB,OAAO,KAAK,CAAC,UAAU;;AAGxD,MAAa,qBACJ,OAAU,UAChB,cAAgC;CAC/B,OAAO,cAAc,UAAU,QAAQ"}

package/dist/cjs/core/system/use-system-color-mode.cjs

@@ -1,12 +1,10 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_effect = require('../../utils/effect.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_environment_provider = require('./environment-provider.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_effect = require("../../utils/effect.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_environment_provider = require("./environment-provider.cjs");
 let react = require("react");
-
 //#region src/core/system/use-system-color-mode.ts
 /**
 * `useSystemColorMode` is a custom hook that returns the current system color mode.
@@ -45,7 +43,7 @@ const useSystemColorMode = ({ callback, defaultColorMode }) => {
 		systemColorMode
 	};
 };
-
 //#endregion
 exports.useSystemColorMode = useSystemColorMode;
+
 //# sourceMappingURL=use-system-color-mode.cjs.map

package/dist/cjs/core/system/use-system-color-mode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-system-color-mode.cjs","names":["useEnvironment","useCallbackRef"],"sources":["../../../../src/core/system/use-system-color-mode.ts"],"sourcesContent":["\"use client\"\n\nimport type { ColorMode } from \"./index.types\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { fnAll, useCallbackRef, useSafeLayoutEffect } from \"../../utils\"\nimport { useEnvironment } from \"./environment-provider\"\n\nexport interface UseSystemColorModeProps {\n  defaultColorMode: ColorMode\n  callback?: (colorMode: ColorMode) => void\n}\n\n/**\n * `useSystemColorMode` is a custom hook that returns the current system color mode.\n */\nexport const useSystemColorMode = ({\n  callback,\n  defaultColorMode,\n}: UseSystemColorModeProps) => {\n  const { getWindow } = useEnvironment()\n  const callbackRef = useCallbackRef(callback)\n  const [systemColorMode, setSystemColorMode] =\n    useState<ColorMode>(defaultColorMode)\n\n  const getSystemColorMode = useCallback(\n    (fallback?: ColorMode) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n      const dark = mql?.matches ?? fallback === \"dark\"\n\n      return dark ? \"dark\" : \"light\"\n    },\n    [getWindow],\n  )\n\n  const systemColorModeObserver = useCallback(\n    (func: (cm: ColorMode) => void) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n\n      const listener = (e: MediaQueryListEvent) => {\n        func(e.matches ? \"dark\" : \"light\")\n      }\n\n      if (typeof mql?.addListener === \"function\") {\n        mql.addListener(listener)\n      } else {\n        mql?.addEventListener(\"change\", listener)\n      }\n\n      return () => {\n        if (typeof mql?.removeListener === \"function\") {\n          mql.removeListener(listener)\n        } else {\n          mql?.removeEventListener(\"change\", listener)\n        }\n      }\n    },\n    [getWindow],\n  )\n\n  useSafeLayoutEffect(() => {\n    setSystemColorMode(getSystemColorMode())\n  }, [getSystemColorMode])\n\n  useEffect(() => {\n    return systemColorModeObserver(fnAll(setSystemColorMode, callbackRef))\n  }, [systemColorModeObserver, getSystemColorMode, callbackRef])\n\n  return { getSystemColorMode, systemColorMode }\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,sBAAsB,EACjC,UACA,uBAC6B;CAC7B,MAAM,EAAE,cAAcA,6CAAgB;CACtC,MAAM,cAAcC,2BAAe,SAAS;CAC5C,MAAM,CAAC,iBAAiB,0CACF,iBAAiB;CAEvC,MAAM,6CACH,aAAyB;AAIxB,UAHY,WAAW,EAAE,WAAW,+BAA+B,GACjD,WAAW,aAAa,SAE5B,SAAS;IAEzB,CAAC,UAAU,CACZ;CAED,MAAM,kDACH,SAAkC;EACjC,MAAM,MAAM,WAAW,EAAE,WAAW,+BAA+B;EAEnE,MAAM,YAAY,MAA2B;AAC3C,QAAK,EAAE,UAAU,SAAS,QAAQ;;AAGpC,MAAI,OAAO,KAAK,gBAAgB,WAC9B,KAAI,YAAY,SAAS;MAEzB,MAAK,iBAAiB,UAAU,SAAS;AAG3C,eAAa;AACX,OAAI,OAAO,KAAK,mBAAmB,WACjC,KAAI,eAAe,SAAS;OAE5B,MAAK,oBAAoB,UAAU,SAAS;;IAIlD,CAAC,UAAU,CACZ;AAED,0CAA0B;AACxB,qBAAmB,oBAAoB,CAAC;IACvC,CAAC,mBAAmB,CAAC;AAExB,4BAAgB;AACd,SAAO,qEAA8B,oBAAoB,YAAY,CAAC;IACrE;EAAC;EAAyB;EAAoB;EAAY,CAAC;AAE9D,QAAO;EAAE;EAAoB;EAAiB"}
+{"version":3,"file":"use-system-color-mode.cjs","names":["useEnvironment","useCallbackRef"],"sources":["../../../../src/core/system/use-system-color-mode.ts"],"sourcesContent":["\"use client\"\n\nimport type { ColorMode } from \"./index.types\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { fnAll, useCallbackRef, useSafeLayoutEffect } from \"../../utils\"\nimport { useEnvironment } from \"./environment-provider\"\n\nexport interface UseSystemColorModeProps {\n  defaultColorMode: ColorMode\n  callback?: (colorMode: ColorMode) => void\n}\n\n/**\n * `useSystemColorMode` is a custom hook that returns the current system color mode.\n */\nexport const useSystemColorMode = ({\n  callback,\n  defaultColorMode,\n}: UseSystemColorModeProps) => {\n  const { getWindow } = useEnvironment()\n  const callbackRef = useCallbackRef(callback)\n  const [systemColorMode, setSystemColorMode] =\n    useState<ColorMode>(defaultColorMode)\n\n  const getSystemColorMode = useCallback(\n    (fallback?: ColorMode) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n      const dark = mql?.matches ?? fallback === \"dark\"\n\n      return dark ? \"dark\" : \"light\"\n    },\n    [getWindow],\n  )\n\n  const systemColorModeObserver = useCallback(\n    (func: (cm: ColorMode) => void) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n\n      const listener = (e: MediaQueryListEvent) => {\n        func(e.matches ? \"dark\" : \"light\")\n      }\n\n      if (typeof mql?.addListener === \"function\") {\n        mql.addListener(listener)\n      } else {\n        mql?.addEventListener(\"change\", listener)\n      }\n\n      return () => {\n        if (typeof mql?.removeListener === \"function\") {\n          mql.removeListener(listener)\n        } else {\n          mql?.removeEventListener(\"change\", listener)\n        }\n      }\n    },\n    [getWindow],\n  )\n\n  useSafeLayoutEffect(() => {\n    setSystemColorMode(getSystemColorMode())\n  }, [getSystemColorMode])\n\n  useEffect(() => {\n    return systemColorModeObserver(fnAll(setSystemColorMode, callbackRef))\n  }, [systemColorModeObserver, getSystemColorMode, callbackRef])\n\n  return { getSystemColorMode, systemColorMode }\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,sBAAsB,EACjC,UACA,uBAC6B;CAC7B,MAAM,EAAE,cAAcA,6BAAAA,gBAAgB;CACtC,MAAM,cAAcC,YAAAA,eAAe,SAAS;CAC5C,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,UACF,iBAAiB;CAEvC,MAAM,sBAAA,GAAA,MAAA,cACH,aAAyB;EAIxB,QAHY,WAAW,EAAE,WAAW,+BAA+B,GACjD,WAAW,aAAa,SAE5B,SAAS;IAEzB,CAAC,UAAU,CACZ;CAED,MAAM,2BAAA,GAAA,MAAA,cACH,SAAkC;EACjC,MAAM,MAAM,WAAW,EAAE,WAAW,+BAA+B;EAEnE,MAAM,YAAY,MAA2B;GAC3C,KAAK,EAAE,UAAU,SAAS,QAAQ;;EAGpC,IAAI,OAAO,KAAK,gBAAgB,YAC9B,IAAI,YAAY,SAAS;OAEzB,KAAK,iBAAiB,UAAU,SAAS;EAG3C,aAAa;GACX,IAAI,OAAO,KAAK,mBAAmB,YACjC,IAAI,eAAe,SAAS;QAE5B,KAAK,oBAAoB,UAAU,SAAS;;IAIlD,CAAC,UAAU,CACZ;CAED,eAAA,0BAA0B;EACxB,mBAAmB,oBAAoB,CAAC;IACvC,CAAC,mBAAmB,CAAC;CAExB,CAAA,GAAA,MAAA,iBAAgB;EACd,OAAO,yBAAA,GAAA,oBAAA,cAAA,OAA8B,oBAAoB,YAAY,CAAC;IACrE;EAAC;EAAyB;EAAoB;EAAY,CAAC;CAE9D,OAAO;EAAE;EAAoB;EAAiB"}

package/dist/cjs/core/system/var.cjs

@@ -1,19 +1,16 @@
-const require_utils_index = require('../../utils/index.cjs');
-const require_constant = require('../constant.cjs');
-const require_create_system = require('./create-system.cjs');
-require('./index.cjs');
-const require_utils = require('../css/utils.cjs');
-const require_animation = require('../css/animation.cjs');
-const require_color_mix = require('../css/color-mix.cjs');
-const require_conditions = require('../css/conditions.cjs');
-const require_gradient = require('../css/gradient.cjs');
-const require_css = require('../css/css.cjs');
-require('../css/index.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
+require("../constant.cjs");
+const require_create_system = require("./create-system.cjs");
+const require_utils = require("../css/utils.cjs");
+const require_animation = require("../css/animation.cjs");
+const require_color_mix = require("../css/color-mix.cjs");
+const require_conditions = require("../css/conditions.cjs");
+const require_gradient = require("../css/gradient.cjs");
+const require_css = require("../css/css.cjs");
 //#region src/core/system/var.ts
 function transformInterpolation(value, callback) {
-	if ((0, require_utils_index.utils_exports.isString)(value)) return value.replace(/\{(.*?)\}/g, (_, value$1) => {
-		const [token, fallbackValue] = value$1.split(/,(.+)/);
+	if ((0, require_utils_index.utils_exports.isString)(value)) return value.replace(/\{(.*?)\}/g, (_, value) => {
+		const [token, fallbackValue] = value.split(/,(.+)/);
 		return callback(token.trim(), fallbackValue?.trim());
 	});
 	else return value;
@@ -25,13 +22,13 @@ function getVar(token, fallback) {
 }
 function getVarName(system) {
 	return function(token) {
-		return `--${system.config.css?.varPrefix ?? require_constant.DEFAULT_VAR_PREFIX}-${token}`;
+		return `--${system.config.css?.varPrefix ?? "ui"}-${token}`;
 	};
 }
 function getColorSchemeVar(system) {
 	return function(value, fallback) {
 		if (!(0, require_utils_index.utils_exports.isString)(value)) return value;
-		const prefix = system.config.css?.varPrefix ?? require_constant.DEFAULT_VAR_PREFIX;
+		const prefix = system.config.css?.varPrefix ?? "ui";
 		const [, token] = value.split(".");
 		return getVar(`${prefix}-colorScheme-${token}`, fallback);
 	};
@@ -42,7 +39,7 @@ const isAnimation = (token) => token.startsWith("animations.");
 const isSpace = (token) => token.startsWith("spaces.");
 const isColor = (token) => token.startsWith("colors.");
 const isColorScheme = (token) => (0, require_utils_index.utils_exports.isString)(token) && token.startsWith("colorScheme.") && !token.includes("/");
-function createVars(prefix = require_constant.DEFAULT_VAR_PREFIX, theme, breakpoints) {
+function createVars(prefix = "ui", theme, breakpoints) {
 	return function(tokens) {
 		const { getQuery, isResponsive } = breakpoints;
 		function tokenToVar(token) {
@@ -72,19 +69,19 @@ function createVars(prefix = require_constant.DEFAULT_VAR_PREFIX, theme, breakpo
 				return [variable, reference];
 			}
 			function valueToVar(value) {
-				return transformInterpolation(value, (value$1, fallbackValue) => {
-					if (value$1.includes("colors.") || value$1.includes("colorScheme.")) {
-						if (isColorScheme(value$1)) return getColorSchemeVar(system)(value$1);
-						return require_color_mix.colorMix(value$1, {
+				return transformInterpolation(value, (value, fallbackValue) => {
+					if (value.includes("colors.") || value.includes("colorScheme.")) {
+						if (isColorScheme(value)) return getColorSchemeVar(system)(value);
+						return require_color_mix.colorMix(value, {
 							fallback: fallbackValue,
 							system
 						});
-					} else if (tokens[value$1] ?? prevTokens?.[value$1]) return tokenToVar(value$1).reference;
-					else if (value$1 in cssMap && cssMap[value$1]?.ref) return cssMap[value$1].ref;
+					} else if (tokens[value] ?? prevTokens?.[value]) return tokenToVar(value).reference;
+					else if (value in cssMap && cssMap[value]?.ref) return cssMap[value].ref;
 					else if (fallbackValue) {
 						fallbackValue = fallbackValue in cssMap && cssMap[fallbackValue]?.ref ? cssMap[fallbackValue]?.ref : fallbackValue;
-						return `var(--${prefix}-${value$1}, ${fallbackValue})`;
-					} else return `var(--${prefix}-${value$1})`;
+						return `var(--${prefix}-${value}, ${fallbackValue})`;
+					} else return `var(--${prefix}-${value})`;
 				});
 			}
 			function createNegativeVar(token, reference) {
@@ -96,7 +93,7 @@ function createVars(prefix = require_constant.DEFAULT_VAR_PREFIX, theme, breakpo
 				};
 			}
 			function createAnimationVar(value) {
-				if ((0, require_utils_index.utils_exports.isArray)(value)) return value.map((value$1) => require_animation.animation(value$1, options)).join(",");
+				if ((0, require_utils_index.utils_exports.isArray)(value)) return value.map((value) => require_animation.animation(value, options)).join(",");
 				else return require_animation.animation(value, options);
 			}
 			function createGradientVar(token, value) {
@@ -139,12 +136,12 @@ function createVars(prefix = require_constant.DEFAULT_VAR_PREFIX, theme, breakpo
 						const [lightValue, darkValue] = value;
 						createVar(token, lightValue, variable)(semantic, queries);
 						createVar(token, darkValue, variable)(semantic, [...queries, require_conditions.conditions._dark]);
-					} else if (isResponsive(value, true)) Object.entries(value).forEach(([key, value$1]) => {
-						if (key === "base") createVar(token, value$1, variable)(semantic, queries);
+					} else if (isResponsive(value, true)) Object.entries(value).forEach(([key, value]) => {
+						if (key === "base") createVar(token, value, variable)(semantic, queries);
 						else {
 							const query = getQuery(key);
 							if (!query) return;
-							createVar(token, value$1, variable)(semantic, [...queries, query]);
+							createVar(token, value, variable)(semantic, [...queries, query]);
 						}
 					});
 					else {
@@ -208,13 +205,13 @@ function mergeVars(...fns) {
 }
 function varAttr(value, token, fallbackValue) {
 	if ((0, require_utils_index.utils_exports.isUndefined)(value) || (0, require_utils_index.utils_exports.isNull)(value) || require_utils.isCSSFunction(value)) return value;
-	if ((0, require_utils_index.utils_exports.isObject)(value) || (0, require_utils_index.utils_exports.isArray)(value)) return (0, require_utils_index.utils_exports.replaceObject)(value, (value$1) => varAttr(value$1, token, fallbackValue));
+	if ((0, require_utils_index.utils_exports.isObject)(value) || (0, require_utils_index.utils_exports.isArray)(value)) return (0, require_utils_index.utils_exports.replaceObject)(value, (value) => varAttr(value, token, fallbackValue));
 	else return token ? `{${token}.${value}, ${fallbackValue ?? value}}` : value;
 }
 function injectVars(objOrArray, targets, isInvalidProp) {
 	if (!objOrArray) return objOrArray;
-	function callback(objOrArray$1) {
-		return Object.fromEntries(Object.entries(objOrArray$1).flatMap(function([prop, value]) {
+	function callback(objOrArray) {
+		return Object.fromEntries(Object.entries(objOrArray).flatMap(function([prop, value]) {
 			if (isInvalidProp?.(prop)) return [[prop, value]];
 			const target = targets[prop];
 			const result = [];
@@ -230,7 +227,6 @@ function injectVars(objOrArray, targets, isInvalidProp) {
 	if ((0, require_utils_index.utils_exports.isArray)(objOrArray)) return objOrArray.map(callback);
 	else return callback(objOrArray);
 }
-
 //#endregion
 exports.createVars = createVars;
 exports.getColorSchemeVar = getColorSchemeVar;
@@ -241,4 +237,5 @@ exports.isColorScheme = isColorScheme;
 exports.mergeVars = mergeVars;
 exports.transformInterpolation = transformInterpolation;
 exports.varAttr = varAttr;
+
 //# sourceMappingURL=var.cjs.map

package/dist/cjs/core/system/var.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"var.cjs","names":["value","DEFAULT_VAR_PREFIX","system: System","defaultSystem","colorMix","animation","gradient","injectKeyframes","css","conditions","computedValue: DefineThemeValue","resolvedValue: DefineThemeValue | Dict","cssMap: CSSMap","cssVars: Dict","isCSSFunction","objOrArray","result: [string, any][]","getStyle","isCSSVar","isInterpolation"],"sources":["../../../../src/core/system/var.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSProperties, StyleValueWithCondition } from \"../css\"\nimport type {\n  CSSMap,\n  DefineThemeValue,\n  System,\n  ThemeToken,\n  UsageTheme,\n  VariableTokens,\n  VariableValue,\n} from \"../system\"\nimport type { Breakpoints } from \"./breakpoint\"\nimport {\n  calc,\n  escape,\n  isArray,\n  isNull,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  replaceObject,\n} from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport {\n  animation,\n  colorMix,\n  conditions,\n  css,\n  getStyle,\n  gradient,\n  injectKeyframes,\n  isCSSFunction,\n  isCSSVar,\n} from \"../css\"\nimport { isInterpolation } from \"../css/utils\"\nimport { defaultSystem } from \"../system\"\n\ntype ParsedValue = number | string | undefined\n\ninterface Variable {\n  reference: string\n  variable: string\n}\n\nexport function transformInterpolation(\n  value: any,\n  callback: (value: string, fallbackValue?: string) => string,\n) {\n  if (isString(value)) {\n    return value.replace(/\\{(.*?)\\}/g, (_, value) => {\n      const [token, fallbackValue] = value.split(/,(.+)/)\n\n      return callback(token.trim(), fallbackValue?.trim())\n    })\n  } else {\n    return value\n  }\n}\n\nexport function getVar(token: string, fallback?: string) {\n  if (!token.startsWith(\"--\")) token = `--${token}`\n\n  token = token.replace(/[^-_a-zA-Z0-9]/g, \"\")\n\n  return fallback ? `var(${token}, ${fallback})` : `var(${token})`\n}\n\nexport function getVarName(system: System) {\n  return function (token: string) {\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    return `--${prefix}-${token}`\n  }\n}\n\nexport function getColorSchemeVar(system: System) {\n  return function (value: any, fallback?: string) {\n    if (!isString(value)) return value\n\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    const [, token] = value.split(\".\")\n\n    return getVar(`${prefix}-colorScheme-${token}`, fallback)\n  }\n}\n\nconst isGradient = (token: string) => token.startsWith(\"gradients.\")\nconst isKeyframes = (token: string) => token.startsWith(\"keyframes.\")\nconst isAnimation = (token: string) => token.startsWith(\"animations.\")\nconst isSpace = (token: string) => token.startsWith(\"spaces.\")\nconst isColor = (token: string) => token.startsWith(\"colors.\")\nexport const isColorScheme = (token: any) =>\n  isString(token) && token.startsWith(\"colorScheme.\") && !token.includes(\"/\")\n\nexport function createVars(\n  prefix: string = DEFAULT_VAR_PREFIX,\n  theme: UsageTheme,\n  breakpoints: Breakpoints,\n) {\n  return function (tokens: VariableTokens) {\n    const { getQuery, isResponsive } = breakpoints\n\n    function tokenToVar(token: string): Variable {\n      token = token.replace(/\\./g, \"-\")\n      token = token.replace(/\\//g, \"\\\\/\")\n\n      const variable = `--${[prefix, escape(token, \"-\")].filter(Boolean).join(\"-\")}`\n      const reference = `var(${variable})`\n\n      return { reference, variable }\n    }\n\n    return function (\n      cssMap: CSSMap = {},\n      cssVars: Dict = {},\n      prevTokens?: VariableTokens,\n    ): { cssMap: CSSMap; cssVars: Dict } {\n      const system: System = { ...defaultSystem, cssMap }\n      const options = { css, system, theme }\n\n      function getRelatedReference(\n        token: string,\n        value: ParsedValue = \"\",\n      ): [ParsedValue, Exclude<ParsedValue, undefined>] {\n        const relatedToken = [token.split(\".\")[0], value].join(\".\")\n\n        if (token === relatedToken) return [undefined, value]\n\n        const targetToken = tokens[relatedToken] ?? prevTokens?.[relatedToken]\n\n        if (!targetToken) return [undefined, value]\n\n        const { reference, variable } = tokenToVar(relatedToken)\n\n        return [variable, reference]\n      }\n\n      function valueToVar(value: any) {\n        return transformInterpolation(value, (value, fallbackValue) => {\n          if (value.includes(\"colors.\") || value.includes(\"colorScheme.\")) {\n            if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n            return colorMix(value, { fallback: fallbackValue, system })\n          } else {\n            const token = tokens[value] ?? prevTokens?.[value]\n\n            if (token) {\n              return tokenToVar(value).reference\n            } else if (value in cssMap && cssMap[value]?.ref) {\n              return cssMap[value].ref\n            } else if (fallbackValue) {\n              fallbackValue =\n                fallbackValue in cssMap && cssMap[fallbackValue]?.ref\n                  ? cssMap[fallbackValue]?.ref\n                  : fallbackValue\n\n              return `var(--${prefix}-${value}, ${fallbackValue})`\n            } else {\n              return `var(--${prefix}-${value})`\n            }\n          }\n        })\n      }\n\n      function createNegativeVar(token: string, reference: string) {\n        const paths = token.split(\".\")\n        const [start, ...rest] = paths\n\n        const negativeToken = `${start}.-${rest.join(\".\")}`\n\n        const negativeReference = calc.negate(reference)\n\n        return { negativeReference, negativeToken }\n      }\n\n      function createAnimationVar(value: VariableValue) {\n        if (isArray(value)) {\n          return value.map((value) => animation(value, options)).join(\",\")\n        } else {\n          return animation(value, options)\n        }\n      }\n\n      function createGradientVar(token: string, value: DefineThemeValue) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return gradient(value, options)\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable ? reference : gradient(value, options)\n          }\n        }\n      }\n\n      function createKeyframesVar(token: string, value: any) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return injectKeyframes(css(system, theme)(value))\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : injectKeyframes(css(system, theme)(value))\n          }\n        }\n      }\n\n      function createColorVar(\n        token: string,\n        properties: string[],\n        value: DefineThemeValue,\n      ) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return colorMix(value, { ...options, properties })\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : colorMix(value, { ...options, properties })\n          }\n        }\n      }\n\n      function createVar(\n        token: string,\n        value: VariableValue,\n        variable: string,\n      ) {\n        return function (semantic: boolean, queries: string[] = []) {\n          if (isAnimation(token)) value = createAnimationVar(value)\n\n          if (isArray(value)) {\n            const [lightValue, darkValue] = value\n\n            createVar(token, lightValue, variable)(semantic, queries)\n            createVar(\n              token,\n              darkValue,\n              variable,\n            )(semantic, [...queries, conditions._dark])\n          } else if (isResponsive(value, true)) {\n            Object.entries(value).forEach(([key, value]) => {\n              if (key === \"base\") {\n                createVar(token, value, variable)(semantic, queries)\n              } else {\n                const query = getQuery(key)\n\n                if (!query) return\n\n                createVar(token, value, variable)(semantic, [...queries, query])\n              }\n            })\n          } else {\n            const computedValue: DefineThemeValue = valueToVar(value)\n\n            let resolvedValue: DefineThemeValue | Dict = computedValue\n\n            if (isKeyframes(token)) {\n              resolvedValue = createKeyframesVar(token, computedValue)(semantic)\n            } else if (isGradient(token)) {\n              resolvedValue = createGradientVar(token, computedValue)(semantic)\n            } else if (isColor(token)) {\n              resolvedValue = createColorVar(\n                token,\n                [variable],\n                computedValue,\n              )(semantic)\n            } else if (semantic) {\n              const [, reference] = getRelatedReference(token, computedValue)\n\n              resolvedValue = reference\n            }\n\n            if (!isObject(resolvedValue))\n              resolvedValue = { [variable]: resolvedValue }\n\n            const resolvedCssVars = queries.reduceRight<Dict>(\n              (prev, key) => ({ [key]: prev }),\n              resolvedValue,\n            )\n\n            cssVars = merge(cssVars, resolvedCssVars)\n          }\n        }\n      }\n\n      for (let [token, { semantic, value }] of Object.entries(tokens)) {\n        const { reference, variable } = tokenToVar(token)\n\n        createVar(token, value, variable)(semantic)\n\n        if (isSpace(token)) {\n          const { negativeReference, negativeToken } = createNegativeVar(\n            token,\n            reference,\n          )\n\n          cssMap[negativeToken] = { ref: negativeReference, var: variable }\n        }\n\n        cssMap[token] = { ref: reference, var: variable }\n      }\n\n      return { cssMap, cssVars }\n    }\n  }\n}\n\nexport type CreateVars = ReturnType<ReturnType<typeof createVars>>\n\nexport function mergeVars(...fns: CreateVars[]) {\n  return function (prevTokens?: VariableTokens) {\n    let cssMap: CSSMap = {}\n    let cssVars: Dict = {}\n\n    for (const fn of fns) {\n      const result = fn(cssMap, cssVars, prevTokens)\n\n      cssMap = { ...cssMap, ...result.cssMap }\n      cssVars = { ...cssVars, ...result.cssVars }\n    }\n\n    return { cssMap, cssVars }\n  }\n}\n\nexport function varAttr<Y = StyleValueWithCondition<number | string>>(\n  value: undefined | Y,\n  token?: ThemeToken,\n  fallbackValue?: string,\n): undefined | Y {\n  if (isUndefined(value) || isNull(value) || isCSSFunction(value)) return value\n\n  if (isObject(value) || isArray(value)) {\n    return replaceObject(value, (value) => varAttr(value, token, fallbackValue))\n  } else {\n    return token\n      ? (`{${token}.${value as number | string}, ${fallbackValue ?? (value as number | string)}}` as Y)\n      : value\n  }\n}\n\nexport function injectVars<Y extends Dict | Dict[] | undefined>(\n  objOrArray: Y,\n  targets: { [key in CSSProperties]?: string },\n  isInvalidProp?: (prop: string) => boolean,\n): Y {\n  if (!objOrArray) return objOrArray\n\n  function callback(objOrArray: Dict) {\n    return Object.fromEntries(\n      Object.entries(objOrArray).flatMap(function ([prop, value]) {\n        if (isInvalidProp?.(prop)) return [[prop, value]]\n\n        const target = targets[prop]\n        const result: [string, any][] = []\n\n        if (target) {\n          const { token } = getStyle(prop) ?? {}\n\n          if (isCSSVar(value) || isInterpolation(value)) {\n            result.push([`--${target}`, value])\n          } else {\n            result.push([\n              `--${target}`,\n              token ? `{${token}.${value}, ${value}}` : value,\n            ])\n          }\n        } else if (isObject(value)) {\n          result.push([prop, injectVars(value, targets)])\n        } else {\n          result.push([prop, value])\n        }\n\n        return result\n      }),\n    )\n  }\n\n  if (isArray(objOrArray)) {\n    return objOrArray.map(callback) as Y\n  } else {\n    return callback(objOrArray) as Y\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"var.cjs","names":["defaultSystem","colorMix","animation","gradient","injectKeyframes","css","conditions","isCSSFunction","getStyle","isCSSVar","isInterpolation"],"sources":["../../../../src/core/system/var.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSProperties, StyleValueWithCondition } from \"../css\"\nimport type {\n  CSSMap,\n  DefineThemeValue,\n  System,\n  ThemeToken,\n  UsageTheme,\n  VariableTokens,\n  VariableValue,\n} from \"../system\"\nimport type { Breakpoints } from \"./breakpoint\"\nimport {\n  calc,\n  escape,\n  isArray,\n  isNull,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  replaceObject,\n} from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport {\n  animation,\n  colorMix,\n  conditions,\n  css,\n  getStyle,\n  gradient,\n  injectKeyframes,\n  isCSSFunction,\n  isCSSVar,\n} from \"../css\"\nimport { isInterpolation } from \"../css/utils\"\nimport { defaultSystem } from \"../system\"\n\ntype ParsedValue = number | string | undefined\n\ninterface Variable {\n  reference: string\n  variable: string\n}\n\nexport function transformInterpolation(\n  value: any,\n  callback: (value: string, fallbackValue?: string) => string,\n) {\n  if (isString(value)) {\n    return value.replace(/\\{(.*?)\\}/g, (_, value) => {\n      const [token, fallbackValue] = value.split(/,(.+)/)\n\n      return callback(token.trim(), fallbackValue?.trim())\n    })\n  } else {\n    return value\n  }\n}\n\nexport function getVar(token: string, fallback?: string) {\n  if (!token.startsWith(\"--\")) token = `--${token}`\n\n  token = token.replace(/[^-_a-zA-Z0-9]/g, \"\")\n\n  return fallback ? `var(${token}, ${fallback})` : `var(${token})`\n}\n\nexport function getVarName(system: System) {\n  return function (token: string) {\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    return `--${prefix}-${token}`\n  }\n}\n\nexport function getColorSchemeVar(system: System) {\n  return function (value: any, fallback?: string) {\n    if (!isString(value)) return value\n\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    const [, token] = value.split(\".\")\n\n    return getVar(`${prefix}-colorScheme-${token}`, fallback)\n  }\n}\n\nconst isGradient = (token: string) => token.startsWith(\"gradients.\")\nconst isKeyframes = (token: string) => token.startsWith(\"keyframes.\")\nconst isAnimation = (token: string) => token.startsWith(\"animations.\")\nconst isSpace = (token: string) => token.startsWith(\"spaces.\")\nconst isColor = (token: string) => token.startsWith(\"colors.\")\nexport const isColorScheme = (token: any) =>\n  isString(token) && token.startsWith(\"colorScheme.\") && !token.includes(\"/\")\n\nexport function createVars(\n  prefix: string = DEFAULT_VAR_PREFIX,\n  theme: UsageTheme,\n  breakpoints: Breakpoints,\n) {\n  return function (tokens: VariableTokens) {\n    const { getQuery, isResponsive } = breakpoints\n\n    function tokenToVar(token: string): Variable {\n      token = token.replace(/\\./g, \"-\")\n      token = token.replace(/\\//g, \"\\\\/\")\n\n      const variable = `--${[prefix, escape(token, \"-\")].filter(Boolean).join(\"-\")}`\n      const reference = `var(${variable})`\n\n      return { reference, variable }\n    }\n\n    return function (\n      cssMap: CSSMap = {},\n      cssVars: Dict = {},\n      prevTokens?: VariableTokens,\n    ): { cssMap: CSSMap; cssVars: Dict } {\n      const system: System = { ...defaultSystem, cssMap }\n      const options = { css, system, theme }\n\n      function getRelatedReference(\n        token: string,\n        value: ParsedValue = \"\",\n      ): [ParsedValue, Exclude<ParsedValue, undefined>] {\n        const relatedToken = [token.split(\".\")[0], value].join(\".\")\n\n        if (token === relatedToken) return [undefined, value]\n\n        const targetToken = tokens[relatedToken] ?? prevTokens?.[relatedToken]\n\n        if (!targetToken) return [undefined, value]\n\n        const { reference, variable } = tokenToVar(relatedToken)\n\n        return [variable, reference]\n      }\n\n      function valueToVar(value: any) {\n        return transformInterpolation(value, (value, fallbackValue) => {\n          if (value.includes(\"colors.\") || value.includes(\"colorScheme.\")) {\n            if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n            return colorMix(value, { fallback: fallbackValue, system })\n          } else {\n            const token = tokens[value] ?? prevTokens?.[value]\n\n            if (token) {\n              return tokenToVar(value).reference\n            } else if (value in cssMap && cssMap[value]?.ref) {\n              return cssMap[value].ref\n            } else if (fallbackValue) {\n              fallbackValue =\n                fallbackValue in cssMap && cssMap[fallbackValue]?.ref\n                  ? cssMap[fallbackValue]?.ref\n                  : fallbackValue\n\n              return `var(--${prefix}-${value}, ${fallbackValue})`\n            } else {\n              return `var(--${prefix}-${value})`\n            }\n          }\n        })\n      }\n\n      function createNegativeVar(token: string, reference: string) {\n        const paths = token.split(\".\")\n        const [start, ...rest] = paths\n\n        const negativeToken = `${start}.-${rest.join(\".\")}`\n\n        const negativeReference = calc.negate(reference)\n\n        return { negativeReference, negativeToken }\n      }\n\n      function createAnimationVar(value: VariableValue) {\n        if (isArray(value)) {\n          return value.map((value) => animation(value, options)).join(\",\")\n        } else {\n          return animation(value, options)\n        }\n      }\n\n      function createGradientVar(token: string, value: DefineThemeValue) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return gradient(value, options)\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable ? reference : gradient(value, options)\n          }\n        }\n      }\n\n      function createKeyframesVar(token: string, value: any) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return injectKeyframes(css(system, theme)(value))\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : injectKeyframes(css(system, theme)(value))\n          }\n        }\n      }\n\n      function createColorVar(\n        token: string,\n        properties: string[],\n        value: DefineThemeValue,\n      ) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return colorMix(value, { ...options, properties })\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : colorMix(value, { ...options, properties })\n          }\n        }\n      }\n\n      function createVar(\n        token: string,\n        value: VariableValue,\n        variable: string,\n      ) {\n        return function (semantic: boolean, queries: string[] = []) {\n          if (isAnimation(token)) value = createAnimationVar(value)\n\n          if (isArray(value)) {\n            const [lightValue, darkValue] = value\n\n            createVar(token, lightValue, variable)(semantic, queries)\n            createVar(\n              token,\n              darkValue,\n              variable,\n            )(semantic, [...queries, conditions._dark])\n          } else if (isResponsive(value, true)) {\n            Object.entries(value).forEach(([key, value]) => {\n              if (key === \"base\") {\n                createVar(token, value, variable)(semantic, queries)\n              } else {\n                const query = getQuery(key)\n\n                if (!query) return\n\n                createVar(token, value, variable)(semantic, [...queries, query])\n              }\n            })\n          } else {\n            const computedValue: DefineThemeValue = valueToVar(value)\n\n            let resolvedValue: DefineThemeValue | Dict = computedValue\n\n            if (isKeyframes(token)) {\n              resolvedValue = createKeyframesVar(token, computedValue)(semantic)\n            } else if (isGradient(token)) {\n              resolvedValue = createGradientVar(token, computedValue)(semantic)\n            } else if (isColor(token)) {\n              resolvedValue = createColorVar(\n                token,\n                [variable],\n                computedValue,\n              )(semantic)\n            } else if (semantic) {\n              const [, reference] = getRelatedReference(token, computedValue)\n\n              resolvedValue = reference\n            }\n\n            if (!isObject(resolvedValue))\n              resolvedValue = { [variable]: resolvedValue }\n\n            const resolvedCssVars = queries.reduceRight<Dict>(\n              (prev, key) => ({ [key]: prev }),\n              resolvedValue,\n            )\n\n            cssVars = merge(cssVars, resolvedCssVars)\n          }\n        }\n      }\n\n      for (let [token, { semantic, value }] of Object.entries(tokens)) {\n        const { reference, variable } = tokenToVar(token)\n\n        createVar(token, value, variable)(semantic)\n\n        if (isSpace(token)) {\n          const { negativeReference, negativeToken } = createNegativeVar(\n            token,\n            reference,\n          )\n\n          cssMap[negativeToken] = { ref: negativeReference, var: variable }\n        }\n\n        cssMap[token] = { ref: reference, var: variable }\n      }\n\n      return { cssMap, cssVars }\n    }\n  }\n}\n\nexport type CreateVars = ReturnType<ReturnType<typeof createVars>>\n\nexport function mergeVars(...fns: CreateVars[]) {\n  return function (prevTokens?: VariableTokens) {\n    let cssMap: CSSMap = {}\n    let cssVars: Dict = {}\n\n    for (const fn of fns) {\n      const result = fn(cssMap, cssVars, prevTokens)\n\n      cssMap = { ...cssMap, ...result.cssMap }\n      cssVars = { ...cssVars, ...result.cssVars }\n    }\n\n    return { cssMap, cssVars }\n  }\n}\n\nexport function varAttr<Y = StyleValueWithCondition<number | string>>(\n  value: undefined | Y,\n  token?: ThemeToken,\n  fallbackValue?: string,\n): undefined | Y {\n  if (isUndefined(value) || isNull(value) || isCSSFunction(value)) return value\n\n  if (isObject(value) || isArray(value)) {\n    return replaceObject(value, (value) => varAttr(value, token, fallbackValue))\n  } else {\n    return token\n      ? (`{${token}.${value as number | string}, ${fallbackValue ?? (value as number | string)}}` as Y)\n      : value\n  }\n}\n\nexport function injectVars<Y extends Dict | Dict[] | undefined>(\n  objOrArray: Y,\n  targets: { [key in CSSProperties]?: string },\n  isInvalidProp?: (prop: string) => boolean,\n): Y {\n  if (!objOrArray) return objOrArray\n\n  function callback(objOrArray: Dict) {\n    return Object.fromEntries(\n      Object.entries(objOrArray).flatMap(function ([prop, value]) {\n        if (isInvalidProp?.(prop)) return [[prop, value]]\n\n        const target = targets[prop]\n        const result: [string, any][] = []\n\n        if (target) {\n          const { token } = getStyle(prop) ?? {}\n\n          if (isCSSVar(value) || isInterpolation(value)) {\n            result.push([`--${target}`, value])\n          } else {\n            result.push([\n              `--${target}`,\n              token ? `{${token}.${value}, ${value}}` : value,\n            ])\n          }\n        } else if (isObject(value)) {\n          result.push([prop, injectVars(value, targets)])\n        } else {\n          result.push([prop, value])\n        }\n\n        return result\n      }),\n    )\n  }\n\n  if (isArray(objOrArray)) {\n    return objOrArray.map(callback) as Y\n  } else {\n    return callback(objOrArray) as Y\n  }\n}\n"],"mappings":";;;;;;;;;;AA6CA,SAAgB,uBACd,OACA,UACA;CACA,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,EACjB,OAAO,MAAM,QAAQ,eAAe,GAAG,UAAU;EAC/C,MAAM,CAAC,OAAO,iBAAiB,MAAM,MAAM,QAAQ;EAEnD,OAAO,SAAS,MAAM,MAAM,EAAE,eAAe,MAAM,CAAC;GACpD;MAEF,OAAO;;AAIX,SAAgB,OAAO,OAAe,UAAmB;CACvD,IAAI,CAAC,MAAM,WAAW,KAAK,EAAE,QAAQ,KAAK;CAE1C,QAAQ,MAAM,QAAQ,mBAAmB,GAAG;CAE5C,OAAO,WAAW,OAAO,MAAM,IAAI,SAAS,KAAK,OAAO,MAAM;;AAGhE,SAAgB,WAAW,QAAgB;CACzC,OAAO,SAAU,OAAe;EAG9B,OAAO,KAFQ,OAAO,OAAO,KAAK,aAAA,KAEf,GAAG;;;AAI1B,SAAgB,kBAAkB,QAAgB;CAChD,OAAO,SAAU,OAAY,UAAmB;EAC9C,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,MAAM,EAAE,OAAO;EAE7B,MAAM,SAAS,OAAO,OAAO,KAAK,aAAA;EAElC,MAAM,GAAG,SAAS,MAAM,MAAM,IAAI;EAElC,OAAO,OAAO,GAAG,OAAO,eAAe,SAAS,SAAS;;;AAI7D,MAAM,cAAc,UAAkB,MAAM,WAAW,aAAa;AACpE,MAAM,eAAe,UAAkB,MAAM,WAAW,aAAa;AACrE,MAAM,eAAe,UAAkB,MAAM,WAAW,cAAc;AACtE,MAAM,WAAW,UAAkB,MAAM,WAAW,UAAU;AAC9D,MAAM,WAAW,UAAkB,MAAM,WAAW,UAAU;AAC9D,MAAa,iBAAiB,WAAA,GAAA,oBAAA,cAAA,UACnB,MAAM,IAAI,MAAM,WAAW,eAAe,IAAI,CAAC,MAAM,SAAS,IAAI;AAE7E,SAAgB,WACd,SAAA,MACA,OACA,aACA;CACA,OAAO,SAAU,QAAwB;EACvC,MAAM,EAAE,UAAU,iBAAiB;EAEnC,SAAS,WAAW,OAAyB;GAC3C,QAAQ,MAAM,QAAQ,OAAO,IAAI;GACjC,QAAQ,MAAM,QAAQ,OAAO,MAAM;GAEnC,MAAM,WAAW,KAAK,CAAC,SAAA,GAAA,oBAAA,cAAA,QAAe,OAAO,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;GAG5E,OAAO;IAAE,WAAA,OAFgB,SAAS;IAEd;IAAU;;EAGhC,OAAO,SACL,SAAiB,EAAE,EACnB,UAAgB,EAAE,EAClB,YACmC;GACnC,MAAM,SAAiB;IAAE,GAAGA,sBAAAA;IAAe;IAAQ;GACnD,MAAM,UAAU;IAAE,KAAA,YAAA;IAAK;IAAQ;IAAO;GAEtC,SAAS,oBACP,OACA,QAAqB,IAC2B;IAChD,MAAM,eAAe,CAAC,MAAM,MAAM,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,IAAI;IAE3D,IAAI,UAAU,cAAc,OAAO,CAAC,KAAA,GAAW,MAAM;IAIrD,IAAI,EAFgB,OAAO,iBAAiB,aAAa,gBAEvC,OAAO,CAAC,KAAA,GAAW,MAAM;IAE3C,MAAM,EAAE,WAAW,aAAa,WAAW,aAAa;IAExD,OAAO,CAAC,UAAU,UAAU;;GAG9B,SAAS,WAAW,OAAY;IAC9B,OAAO,uBAAuB,QAAQ,OAAO,kBAAkB;KAC7D,IAAI,MAAM,SAAS,UAAU,IAAI,MAAM,SAAS,eAAe,EAAE;MAC/D,IAAI,cAAc,MAAM,EAAE,OAAO,kBAAkB,OAAO,CAAC,MAAM;MAEjE,OAAOC,kBAAAA,SAAS,OAAO;OAAE,UAAU;OAAe;OAAQ,CAAC;YAI3D,IAFc,OAAO,UAAU,aAAa,QAG1C,OAAO,WAAW,MAAM,CAAC;UACpB,IAAI,SAAS,UAAU,OAAO,QAAQ,KAC3C,OAAO,OAAO,OAAO;UAChB,IAAI,eAAe;MACxB,gBACE,iBAAiB,UAAU,OAAO,gBAAgB,MAC9C,OAAO,gBAAgB,MACvB;MAEN,OAAO,SAAS,OAAO,GAAG,MAAM,IAAI,cAAc;YAElD,OAAO,SAAS,OAAO,GAAG,MAAM;MAGpC;;GAGJ,SAAS,kBAAkB,OAAe,WAAmB;IAE3D,MAAM,CAAC,OAAO,GAAG,QADH,MAAM,MAAM,IACI;IAE9B,MAAM,gBAAgB,GAAG,MAAM,IAAI,KAAK,KAAK,IAAI;IAIjD,OAAO;KAAE,mBAAA,oBAAA,cAFiB,KAAK,OAAO,UAEZ;KAAE;KAAe;;GAG7C,SAAS,mBAAmB,OAAsB;IAChD,KAAA,GAAA,oBAAA,cAAA,SAAY,MAAM,EAChB,OAAO,MAAM,KAAK,UAAUC,kBAAAA,UAAU,OAAO,QAAQ,CAAC,CAAC,KAAK,IAAI;SAEhE,OAAOA,kBAAAA,UAAU,OAAO,QAAQ;;GAIpC,SAAS,kBAAkB,OAAe,OAAyB;IACjE,OAAO,SAAU,UAAmB;KAClC,IAAI,CAAC,UACH,OAAOC,iBAAAA,SAAS,OAAO,QAAQ;UAC1B;MACL,MAAM,CAAC,UAAU,aAAa,oBAAoB,OAAO,MAAM;MAE/D,OAAO,WAAW,YAAYA,iBAAAA,SAAS,OAAO,QAAQ;;;;GAK5D,SAAS,mBAAmB,OAAe,OAAY;IACrD,OAAO,SAAU,UAAmB;KAClC,IAAI,CAAC,UACH,OAAOC,kBAAAA,gBAAgBC,YAAAA,IAAI,QAAQ,MAAM,CAAC,MAAM,CAAC;UAC5C;MACL,MAAM,CAAC,UAAU,aAAa,oBAAoB,OAAO,MAAM;MAE/D,OAAO,WACH,YACAD,kBAAAA,gBAAgBC,YAAAA,IAAI,QAAQ,MAAM,CAAC,MAAM,CAAC;;;;GAKpD,SAAS,eACP,OACA,YACA,OACA;IACA,OAAO,SAAU,UAAmB;KAClC,IAAI,CAAC,UACH,OAAOJ,kBAAAA,SAAS,OAAO;MAAE,GAAG;MAAS;MAAY,CAAC;UAC7C;MACL,MAAM,CAAC,UAAU,aAAa,oBAAoB,OAAO,MAAM;MAE/D,OAAO,WACH,YACAA,kBAAAA,SAAS,OAAO;OAAE,GAAG;OAAS;OAAY,CAAC;;;;GAKrD,SAAS,UACP,OACA,OACA,UACA;IACA,OAAO,SAAU,UAAmB,UAAoB,EAAE,EAAE;KAC1D,IAAI,YAAY,MAAM,EAAE,QAAQ,mBAAmB,MAAM;KAEzD,KAAA,GAAA,oBAAA,cAAA,SAAY,MAAM,EAAE;MAClB,MAAM,CAAC,YAAY,aAAa;MAEhC,UAAU,OAAO,YAAY,SAAS,CAAC,UAAU,QAAQ;MACzD,UACE,OACA,WACA,SACD,CAAC,UAAU,CAAC,GAAG,SAASK,mBAAAA,WAAW,MAAM,CAAC;YACtC,IAAI,aAAa,OAAO,KAAK,EAClC,OAAO,QAAQ,MAAM,CAAC,SAAS,CAAC,KAAK,WAAW;MAC9C,IAAI,QAAQ,QACV,UAAU,OAAO,OAAO,SAAS,CAAC,UAAU,QAAQ;WAC/C;OACL,MAAM,QAAQ,SAAS,IAAI;OAE3B,IAAI,CAAC,OAAO;OAEZ,UAAU,OAAO,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,MAAM,CAAC;;OAElE;UACG;MACL,MAAM,gBAAkC,WAAW,MAAM;MAEzD,IAAI,gBAAyC;MAE7C,IAAI,YAAY,MAAM,EACpB,gBAAgB,mBAAmB,OAAO,cAAc,CAAC,SAAS;WAC7D,IAAI,WAAW,MAAM,EAC1B,gBAAgB,kBAAkB,OAAO,cAAc,CAAC,SAAS;WAC5D,IAAI,QAAQ,MAAM,EACvB,gBAAgB,eACd,OACA,CAAC,SAAS,EACV,cACD,CAAC,SAAS;WACN,IAAI,UAAU;OACnB,MAAM,GAAG,aAAa,oBAAoB,OAAO,cAAc;OAE/D,gBAAgB;;MAGlB,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,cAAc,EAC1B,gBAAgB,GAAG,WAAW,eAAe;MAE/C,MAAM,kBAAkB,QAAQ,aAC7B,MAAM,SAAS,GAAG,MAAM,MAAM,GAC/B,cACD;MAED,WAAA,GAAA,oBAAA,cAAA,OAAgB,SAAS,gBAAgB;;;;GAK/C,KAAK,IAAI,CAAC,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,OAAO,EAAE;IAC/D,MAAM,EAAE,WAAW,aAAa,WAAW,MAAM;IAEjD,UAAU,OAAO,OAAO,SAAS,CAAC,SAAS;IAE3C,IAAI,QAAQ,MAAM,EAAE;KAClB,MAAM,EAAE,mBAAmB,kBAAkB,kBAC3C,OACA,UACD;KAED,OAAO,iBAAiB;MAAE,KAAK;MAAmB,KAAK;MAAU;;IAGnE,OAAO,SAAS;KAAE,KAAK;KAAW,KAAK;KAAU;;GAGnD,OAAO;IAAE;IAAQ;IAAS;;;;AAOhC,SAAgB,UAAU,GAAG,KAAmB;CAC9C,OAAO,SAAU,YAA6B;EAC5C,IAAI,SAAiB,EAAE;EACvB,IAAI,UAAgB,EAAE;EAEtB,KAAK,MAAM,MAAM,KAAK;GACpB,MAAM,SAAS,GAAG,QAAQ,SAAS,WAAW;GAE9C,SAAS;IAAE,GAAG;IAAQ,GAAG,OAAO;IAAQ;GACxC,UAAU;IAAE,GAAG;IAAS,GAAG,OAAO;IAAS;;EAG7C,OAAO;GAAE;GAAQ;GAAS;;;AAI9B,SAAgB,QACd,OACA,OACA,eACe;CACf,KAAA,GAAA,oBAAA,cAAA,aAAgB,MAAM,KAAA,GAAA,oBAAA,cAAA,QAAW,MAAM,IAAIC,cAAAA,cAAc,MAAM,EAAE,OAAO;CAExE,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,KAAA,GAAA,oBAAA,cAAA,SAAY,MAAM,EACnC,QAAA,GAAA,oBAAA,cAAA,eAAqB,QAAQ,UAAU,QAAQ,OAAO,OAAO,cAAc,CAAC;MAE5E,OAAO,QACF,IAAI,MAAM,GAAG,MAAyB,IAAI,iBAAkB,MAA0B,KACvF;;AAIR,SAAgB,WACd,YACA,SACA,eACG;CACH,IAAI,CAAC,YAAY,OAAO;CAExB,SAAS,SAAS,YAAkB;EAClC,OAAO,OAAO,YACZ,OAAO,QAAQ,WAAW,CAAC,QAAQ,SAAU,CAAC,MAAM,QAAQ;GAC1D,IAAI,gBAAgB,KAAK,EAAE,OAAO,CAAC,CAAC,MAAM,MAAM,CAAC;GAEjD,MAAM,SAAS,QAAQ;GACvB,MAAM,SAA0B,EAAE;GAElC,IAAI,QAAQ;IACV,MAAM,EAAE,UAAUC,YAAAA,SAAS,KAAK,IAAI,EAAE;IAEtC,IAAIC,cAAAA,SAAS,MAAM,IAAIC,cAAAA,gBAAgB,MAAM,EAC3C,OAAO,KAAK,CAAC,KAAK,UAAU,MAAM,CAAC;SAEnC,OAAO,KAAK,CACV,KAAK,UACL,QAAQ,IAAI,MAAM,GAAG,MAAM,IAAI,MAAM,KAAK,MAC3C,CAAC;UAEC,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,EACxB,OAAO,KAAK,CAAC,MAAM,WAAW,OAAO,QAAQ,CAAC,CAAC;QAE/C,OAAO,KAAK,CAAC,MAAM,MAAM,CAAC;GAG5B,OAAO;IACP,CACH;;CAGH,KAAA,GAAA,oBAAA,cAAA,SAAY,WAAW,EACrB,OAAO,WAAW,IAAI,SAAS;MAE/B,OAAO,SAAS,WAAW"}

package/dist/cjs/hooks/use-animation/index.cjs

@@ -1,13 +1,11 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_system_provider = require('../../core/system/system-provider.cjs');
-const require_animation = require('../../core/css/animation.cjs');
-const require_css = require('../../core/css/css.cjs');
-require('../../core/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_system_provider = require("../../core/system/system-provider.cjs");
+const require_animation = require("../../core/css/animation.cjs");
+const require_css = require("../../core/css/css.cjs");
 let react = require("react");
-
 //#region src/hooks/use-animation/index.ts
 /**
 * `useAnimation` is a custom hook that implements animations similar to CSS `keyframes`.
@@ -16,7 +14,7 @@ let react = require("react");
 */
 const useAnimation = (cssObj) => {
 	const system = require_system_provider.useSystem();
-	if ((0, require_utils_index.utils_exports.isArray)(cssObj)) return cssObj.map((cssObj$1) => require_animation.animation(cssObj$1, {
+	if ((0, require_utils_index.utils_exports.isArray)(cssObj)) return cssObj.map((cssObj) => require_animation.animation(cssObj, {
 		css: require_css.css,
 		system
 	})).join(", ");
@@ -56,8 +54,8 @@ const useDynamicAnimation = (arrayOrObj, init) => {
 		else setAnimations(cache.current.get(keys.current));
 	}, [arrayOrObj])];
 };
-
 //#endregion
 exports.useAnimation = useAnimation;
 exports.useDynamicAnimation = useDynamicAnimation;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-animation/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useSystem","animation","cssObj"],"sources":["../../../../src/hooks/use-animation/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { CSSAnimationObject, Token } from \"../../core\"\nimport { useCallback, useRef, useState } from \"react\"\nimport { animation, css, useSystem } from \"../../core\"\nimport { isArray, isUndefined, runIfFn } from \"../../utils\"\n\ntype CSSObject =\n  | Token<CSSAnimationObject, \"animations\">\n  | Token<CSSAnimationObject, \"animations\">[]\n\n/**\n * `useAnimation` is a custom hook that implements animations similar to CSS `keyframes`.\n *\n * @see https://yamada-ui.com/docs/hooks/use-animation\n */\nexport const useAnimation = (cssObj: CSSObject): string => {\n  const system = useSystem()\n\n  if (isArray(cssObj)) {\n    return cssObj.map((cssObj) => animation(cssObj, { css, system })).join(\", \")\n  } else {\n    return animation(cssObj, { css, system })\n  }\n}\n\n/**\n * `useDynamicAnimation` is a custom hook used to switch animations.\n *\n * @see https://yamada-ui.com/docs/hooks/use-dynamic-animation\n */\nexport const useDynamicAnimation = <\n  Y extends\n    | Token<CSSAnimationObject, \"animations\">[]\n    | { [key: string]: CSSObject },\n>(\n  arrayOrObj: Y,\n  init?: (keyof Y)[] | keyof Y,\n): [\n  string | undefined,\n  (\n    key:\n      | ((key: (keyof Y)[] | keyof Y | undefined) => (keyof Y)[] | keyof Y)\n      | (keyof Y)[]\n      | keyof Y,\n  ) => void,\n] => {\n  const system = useSystem()\n\n  const keys = useRef<string | string[] | undefined>(\n    !isUndefined(init)\n      ? isArray(init)\n        ? init.map(String)\n        : String(init)\n      : undefined,\n  )\n  const cache = useRef<Map<string, string>>(new Map<string, string>())\n\n  const [animations, setAnimations] = useState<string | undefined>(() => {\n    for (const [key, styles] of Object.entries(arrayOrObj)) {\n      if (isArray(styles)) {\n        cache.current.set(\n          key,\n          styles.map((style) => animation(style, { css, system })).join(\", \"),\n        )\n      } else {\n        cache.current.set(key, animation(styles, { css, system }))\n      }\n    }\n\n    if (isArray(keys.current)) {\n      return keys.current.map((key) => cache.current.get(key)).join(\", \")\n    } else {\n      return cache.current.get(keys.current ?? \"\")\n    }\n  })\n\n  const setAnimation = useCallback(\n    (\n      keysOrFunc:\n        | ((key: (keyof Y)[] | keyof Y | undefined) => (keyof Y)[] | keyof Y)\n        | (keyof Y)[]\n        | keyof Y,\n    ) => {\n      const args = (() => {\n        if (!isUndefined(keys.current) && isArray(arrayOrObj)) {\n          return isArray(keys.current)\n            ? keys.current.map(Number)\n            : Number(keys.current)\n        } else {\n          return keys.current\n        }\n      })() as (keyof Y)[] | keyof Y | undefined\n\n      const keyOrArray = runIfFn(keysOrFunc, args)\n\n      keys.current = isArray(keyOrArray)\n        ? keyOrArray.map(String)\n        : String(keyOrArray)\n\n      if (isArray(keys.current)) {\n        setAnimations(\n          keys.current.map((key) => cache.current.get(key)).join(\", \"),\n        )\n      } else {\n        setAnimations(cache.current.get(keys.current))\n      }\n    },\n    [arrayOrObj],\n  )\n\n  return [animations, setAnimation]\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,WAA8B;CACzD,MAAM,SAASA,mCAAW;AAE1B,oDAAY,OAAO,CACjB,QAAO,OAAO,KAAK,aAAWC,4BAAUC,UAAQ;EAAE;EAAK;EAAQ,CAAC,CAAC,CAAC,KAAK,KAAK;KAE5E,QAAOD,4BAAU,QAAQ;EAAE;EAAK;EAAQ,CAAC;;;;;;;AAS7C,MAAa,uBAKX,YACA,SASG;CACH,MAAM,SAASD,mCAAW;CAE1B,MAAM,yBACJ,oDAAa,KAAK,kDACN,KAAK,GACX,KAAK,IAAI,OAAO,GAChB,OAAO,KAAK,GACd,OACL;CACD,MAAM,0CAAoC,IAAI,KAAqB,CAAC;CAEpE,MAAM,CAAC,YAAY,2CAAoD;AACrE,OAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,WAAW,CACpD,oDAAY,OAAO,CACjB,OAAM,QAAQ,IACZ,KACA,OAAO,KAAK,UAAUC,4BAAU,OAAO;GAAE;GAAK;GAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CACpE;MAED,OAAM,QAAQ,IAAI,KAAKA,4BAAU,QAAQ;GAAE;GAAK;GAAQ,CAAC,CAAC;AAI9D,qDAAY,KAAK,QAAQ,CACvB,QAAO,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK;MAEnE,QAAO,MAAM,QAAQ,IAAI,KAAK,WAAW,GAAG;GAE9C;AAoCF,QAAO,CAAC,oCAhCJ,eAIG;EAWH,MAAM,4DAAqB,mBAVP;AAClB,OAAI,oDAAa,KAAK,QAAQ,mDAAY,WAAW,CACnD,uDAAe,KAAK,QAAQ,GACxB,KAAK,QAAQ,IAAI,OAAO,GACxB,OAAO,KAAK,QAAQ;OAExB,QAAO,KAAK;MAEZ,CAEwC;AAE5C,OAAK,yDAAkB,WAAW,GAC9B,WAAW,IAAI,OAAO,GACtB,OAAO,WAAW;AAEtB,qDAAY,KAAK,QAAQ,CACvB,eACE,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK,CAC7D;MAED,eAAc,MAAM,QAAQ,IAAI,KAAK,QAAQ,CAAC;IAGlD,CAAC,WAAW,CACb,CAEgC"}
+{"version":3,"file":"index.cjs","names":["useSystem","animation"],"sources":["../../../../src/hooks/use-animation/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { CSSAnimationObject, Token } from \"../../core\"\nimport { useCallback, useRef, useState } from \"react\"\nimport { animation, css, useSystem } from \"../../core\"\nimport { isArray, isUndefined, runIfFn } from \"../../utils\"\n\ntype CSSObject =\n  | Token<CSSAnimationObject, \"animations\">\n  | Token<CSSAnimationObject, \"animations\">[]\n\n/**\n * `useAnimation` is a custom hook that implements animations similar to CSS `keyframes`.\n *\n * @see https://yamada-ui.com/docs/hooks/use-animation\n */\nexport const useAnimation = (cssObj: CSSObject): string => {\n  const system = useSystem()\n\n  if (isArray(cssObj)) {\n    return cssObj.map((cssObj) => animation(cssObj, { css, system })).join(\", \")\n  } else {\n    return animation(cssObj, { css, system })\n  }\n}\n\n/**\n * `useDynamicAnimation` is a custom hook used to switch animations.\n *\n * @see https://yamada-ui.com/docs/hooks/use-dynamic-animation\n */\nexport const useDynamicAnimation = <\n  Y extends\n    | Token<CSSAnimationObject, \"animations\">[]\n    | { [key: string]: CSSObject },\n>(\n  arrayOrObj: Y,\n  init?: (keyof Y)[] | keyof Y,\n): [\n  string | undefined,\n  (\n    key:\n      | ((key: (keyof Y)[] | keyof Y | undefined) => (keyof Y)[] | keyof Y)\n      | (keyof Y)[]\n      | keyof Y,\n  ) => void,\n] => {\n  const system = useSystem()\n\n  const keys = useRef<string | string[] | undefined>(\n    !isUndefined(init)\n      ? isArray(init)\n        ? init.map(String)\n        : String(init)\n      : undefined,\n  )\n  const cache = useRef<Map<string, string>>(new Map<string, string>())\n\n  const [animations, setAnimations] = useState<string | undefined>(() => {\n    for (const [key, styles] of Object.entries(arrayOrObj)) {\n      if (isArray(styles)) {\n        cache.current.set(\n          key,\n          styles.map((style) => animation(style, { css, system })).join(\", \"),\n        )\n      } else {\n        cache.current.set(key, animation(styles, { css, system }))\n      }\n    }\n\n    if (isArray(keys.current)) {\n      return keys.current.map((key) => cache.current.get(key)).join(\", \")\n    } else {\n      return cache.current.get(keys.current ?? \"\")\n    }\n  })\n\n  const setAnimation = useCallback(\n    (\n      keysOrFunc:\n        | ((key: (keyof Y)[] | keyof Y | undefined) => (keyof Y)[] | keyof Y)\n        | (keyof Y)[]\n        | keyof Y,\n    ) => {\n      const args = (() => {\n        if (!isUndefined(keys.current) && isArray(arrayOrObj)) {\n          return isArray(keys.current)\n            ? keys.current.map(Number)\n            : Number(keys.current)\n        } else {\n          return keys.current\n        }\n      })() as (keyof Y)[] | keyof Y | undefined\n\n      const keyOrArray = runIfFn(keysOrFunc, args)\n\n      keys.current = isArray(keyOrArray)\n        ? keyOrArray.map(String)\n        : String(keyOrArray)\n\n      if (isArray(keys.current)) {\n        setAnimations(\n          keys.current.map((key) => cache.current.get(key)).join(\", \"),\n        )\n      } else {\n        setAnimations(cache.current.get(keys.current))\n      }\n    },\n    [arrayOrObj],\n  )\n\n  return [animations, setAnimation]\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,WAA8B;CACzD,MAAM,SAASA,wBAAAA,WAAW;CAE1B,KAAA,GAAA,oBAAA,cAAA,SAAY,OAAO,EACjB,OAAO,OAAO,KAAK,WAAWC,kBAAAA,UAAU,QAAQ;EAAE,KAAA,YAAA;EAAK;EAAQ,CAAC,CAAC,CAAC,KAAK,KAAK;MAE5E,OAAOA,kBAAAA,UAAU,QAAQ;EAAE,KAAA,YAAA;EAAK;EAAQ,CAAC;;;;;;;AAS7C,MAAa,uBAKX,YACA,SASG;CACH,MAAM,SAASD,wBAAAA,WAAW;CAE1B,MAAM,QAAA,GAAA,MAAA,QACJ,EAAA,GAAA,oBAAA,cAAA,aAAa,KAAK,IAAA,GAAA,oBAAA,cAAA,SACN,KAAK,GACX,KAAK,IAAI,OAAO,GAChB,OAAO,KAAK,GACd,KAAA,EACL;CACD,MAAM,SAAA,GAAA,MAAA,wBAAoC,IAAI,KAAqB,CAAC;CAEpE,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,gBAAoD;EACrE,KAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,WAAW,EACpD,KAAA,GAAA,oBAAA,cAAA,SAAY,OAAO,EACjB,MAAM,QAAQ,IACZ,KACA,OAAO,KAAK,UAAUC,kBAAAA,UAAU,OAAO;GAAE,KAAA,YAAA;GAAK;GAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CACpE;OAED,MAAM,QAAQ,IAAI,KAAKA,kBAAAA,UAAU,QAAQ;GAAE,KAAA,YAAA;GAAK;GAAQ,CAAC,CAAC;EAI9D,KAAA,GAAA,oBAAA,cAAA,SAAY,KAAK,QAAQ,EACvB,OAAO,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK;OAEnE,OAAO,MAAM,QAAQ,IAAI,KAAK,WAAW,GAAG;GAE9C;CAoCF,OAAO,CAAC,aAAA,GAAA,MAAA,cAhCJ,eAIG;EAWH,MAAM,cAAA,GAAA,oBAAA,cAAA,SAAqB,mBAVP;GAClB,IAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,KAAK,QAAQ,KAAA,GAAA,oBAAA,cAAA,SAAY,WAAW,EACnD,QAAA,GAAA,oBAAA,cAAA,SAAe,KAAK,QAAQ,GACxB,KAAK,QAAQ,IAAI,OAAO,GACxB,OAAO,KAAK,QAAQ;QAExB,OAAO,KAAK;MAI2B,CAAC;EAE5C,KAAK,WAAA,GAAA,oBAAA,cAAA,SAAkB,WAAW,GAC9B,WAAW,IAAI,OAAO,GACtB,OAAO,WAAW;EAEtB,KAAA,GAAA,oBAAA,cAAA,SAAY,KAAK,QAAQ,EACvB,cACE,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK,CAC7D;OAED,cAAc,MAAM,QAAQ,IAAI,KAAK,QAAQ,CAAC;IAGlD,CAAC,WAAW,CAGkB,CAAC"}

package/dist/cjs/hooks/use-async/index.cjs

@@ -1,9 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_hooks_use_mounted_index = require('../use-mounted/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_hooks_use_mounted_index = require("../use-mounted/index.cjs");
 let react = require("react");
-
 //#region src/hooks/use-async/index.ts
 /**
 * `useAsync` is a custom hook that executes an asynchronous function and tracks its state.
@@ -55,9 +54,9 @@ function useAsyncRetry(func, deps = []) {
 		retry
 	};
 }
-
 //#endregion
 exports.useAsync = useAsync;
 exports.useAsyncFunc = useAsyncFunc;
 exports.useAsyncRetry = useAsyncRetry;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-async/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useMounted"],"sources":["../../../../src/hooks/use-async/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useMounted } from \"../use-mounted\"\n\nexport type FunctionReturningPromise = (...args: any[]) => Promise<any>\n\n/**\n * `useAsync` is a custom hook that executes an asynchronous function and tracks its state.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async\n */\nexport function useAsync<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n) {\n  const [state, callback] = useAsyncFunc(func, deps, { loading: true })\n\n  useEffect(() => {\n    callback()\n  }, [callback])\n\n  return state\n}\n\nexport type AsyncState<Y> =\n  | {\n      error: Error\n      loading: false\n      value?: undefined\n    }\n  | {\n      loading: boolean\n      error?: undefined\n      value?: undefined\n    }\n  | {\n      loading: false\n      value: Y\n      error?: undefined\n    }\n  | {\n      loading: true\n      error?: Error | undefined\n      value?: Y\n    }\n\nexport type PromiseType<P extends Promise<any>> =\n  P extends Promise<infer Y> ? Y : never\n\ntype StateFromFunctionReturningPromise<Y extends FunctionReturningPromise> =\n  AsyncState<PromiseType<ReturnType<Y>>>\n\nexport type AsyncFnReturn<\n  Y extends FunctionReturningPromise = FunctionReturningPromise,\n> = [StateFromFunctionReturningPromise<Y>, Y]\n\nexport function useAsyncFunc<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n  initialState: StateFromFunctionReturningPromise<Y> = { loading: false },\n): AsyncFnReturn<Y> {\n  const lastCallId = useRef(0)\n  const mounted = useMounted()\n  const [state, setState] =\n    useState<StateFromFunctionReturningPromise<Y>>(initialState)\n\n  const callback = useCallback(\n    (...args: Parameters<Y>): ReturnType<Y> => {\n      const callId = ++lastCallId.current\n\n      if (!state.loading)\n        setState((prevState) => ({ ...prevState, loading: true }))\n\n      return func(...args).then(\n        (value) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ loading: false, value })\n\n          return value\n        },\n        (error) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ error, loading: false })\n\n          return error\n        },\n      ) as ReturnType<Y>\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    deps,\n  )\n\n  return [state, callback as unknown as Y]\n}\n\nexport type AsyncStateRetry<Y> = AsyncState<Y> & {\n  retry(): void\n}\n\nexport function useAsyncRetry<Y>(\n  func: () => Promise<Y>,\n  deps: DependencyList = [],\n) {\n  const [attempt, setAttempt] = useState<number>(0)\n  const state = useAsync(func, [...deps, attempt])\n\n  const stateLoading = state.loading\n\n  const retry = useCallback(() => {\n    if (stateLoading) return\n\n    setAttempt((currentAttempt) => currentAttempt + 1)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [...deps, stateLoading])\n\n  return { ...state, retry }\n}\n"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,SACd,MACA,OAAuB,EAAE,EACzB;CACA,MAAM,CAAC,OAAO,YAAY,aAAa,MAAM,MAAM,EAAE,SAAS,MAAM,CAAC;AAErE,4BAAgB;AACd,YAAU;IACT,CAAC,SAAS,CAAC;AAEd,QAAO;;AAmCT,SAAgB,aACd,MACA,OAAuB,EAAE,EACzB,eAAqD,EAAE,SAAS,OAAO,EACrD;CAClB,MAAM,+BAAoB,EAAE;CAC5B,MAAM,UAAUA,4CAAY;CAC5B,MAAM,CAAC,OAAO,gCACmC,aAAa;AA4B9D,QAAO,CAAC,+BAzBL,GAAG,SAAuC;EACzC,MAAM,SAAS,EAAE,WAAW;AAE5B,MAAI,CAAC,MAAM,QACT,WAAU,eAAe;GAAE,GAAG;GAAW,SAAS;GAAM,EAAE;AAE5D,SAAO,KAAK,GAAG,KAAK,CAAC,MAClB,UAAU;AACT,OAAI,SAAS,IAAI,WAAW,WAAW,QACrC,UAAS;IAAE,SAAS;IAAO;IAAO,CAAC;AAErC,UAAO;MAER,UAAU;AACT,OAAI,SAAS,IAAI,WAAW,WAAW,QACrC,UAAS;IAAE;IAAO,SAAS;IAAO,CAAC;AAErC,UAAO;IAEV;IAGH,KACD,CAEuC;;AAO1C,SAAgB,cACd,MACA,OAAuB,EAAE,EACzB;CACA,MAAM,CAAC,SAAS,kCAA+B,EAAE;CACjD,MAAM,QAAQ,SAAS,MAAM,CAAC,GAAG,MAAM,QAAQ,CAAC;CAEhD,MAAM,eAAe,MAAM;CAE3B,MAAM,qCAA0B;AAC9B,MAAI,aAAc;AAElB,cAAY,mBAAmB,iBAAiB,EAAE;IAEjD,CAAC,GAAG,MAAM,aAAa,CAAC;AAE3B,QAAO;EAAE,GAAG;EAAO;EAAO"}
+{"version":3,"file":"index.cjs","names":["useMounted"],"sources":["../../../../src/hooks/use-async/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useMounted } from \"../use-mounted\"\n\nexport type FunctionReturningPromise = (...args: any[]) => Promise<any>\n\n/**\n * `useAsync` is a custom hook that executes an asynchronous function and tracks its state.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async\n */\nexport function useAsync<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n) {\n  const [state, callback] = useAsyncFunc(func, deps, { loading: true })\n\n  useEffect(() => {\n    callback()\n  }, [callback])\n\n  return state\n}\n\nexport type AsyncState<Y> =\n  | {\n      error: Error\n      loading: false\n      value?: undefined\n    }\n  | {\n      loading: boolean\n      error?: undefined\n      value?: undefined\n    }\n  | {\n      loading: false\n      value: Y\n      error?: undefined\n    }\n  | {\n      loading: true\n      error?: Error | undefined\n      value?: Y\n    }\n\nexport type PromiseType<P extends Promise<any>> =\n  P extends Promise<infer Y> ? Y : never\n\ntype StateFromFunctionReturningPromise<Y extends FunctionReturningPromise> =\n  AsyncState<PromiseType<ReturnType<Y>>>\n\nexport type AsyncFnReturn<\n  Y extends FunctionReturningPromise = FunctionReturningPromise,\n> = [StateFromFunctionReturningPromise<Y>, Y]\n\nexport function useAsyncFunc<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n  initialState: StateFromFunctionReturningPromise<Y> = { loading: false },\n): AsyncFnReturn<Y> {\n  const lastCallId = useRef(0)\n  const mounted = useMounted()\n  const [state, setState] =\n    useState<StateFromFunctionReturningPromise<Y>>(initialState)\n\n  const callback = useCallback(\n    (...args: Parameters<Y>): ReturnType<Y> => {\n      const callId = ++lastCallId.current\n\n      if (!state.loading)\n        setState((prevState) => ({ ...prevState, loading: true }))\n\n      return func(...args).then(\n        (value) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ loading: false, value })\n\n          return value\n        },\n        (error) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ error, loading: false })\n\n          return error\n        },\n      ) as ReturnType<Y>\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    deps,\n  )\n\n  return [state, callback as unknown as Y]\n}\n\nexport type AsyncStateRetry<Y> = AsyncState<Y> & {\n  retry(): void\n}\n\nexport function useAsyncRetry<Y>(\n  func: () => Promise<Y>,\n  deps: DependencyList = [],\n) {\n  const [attempt, setAttempt] = useState<number>(0)\n  const state = useAsync(func, [...deps, attempt])\n\n  const stateLoading = state.loading\n\n  const retry = useCallback(() => {\n    if (stateLoading) return\n\n    setAttempt((currentAttempt) => currentAttempt + 1)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [...deps, stateLoading])\n\n  return { ...state, retry }\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,SACd,MACA,OAAuB,EAAE,EACzB;CACA,MAAM,CAAC,OAAO,YAAY,aAAa,MAAM,MAAM,EAAE,SAAS,MAAM,CAAC;CAErE,CAAA,GAAA,MAAA,iBAAgB;EACd,UAAU;IACT,CAAC,SAAS,CAAC;CAEd,OAAO;;AAmCT,SAAgB,aACd,MACA,OAAuB,EAAE,EACzB,eAAqD,EAAE,SAAS,OAAO,EACrD;CAClB,MAAM,cAAA,GAAA,MAAA,QAAoB,EAAE;CAC5B,MAAM,UAAUA,gCAAAA,YAAY;CAC5B,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACmC,aAAa;CA4B9D,OAAO,CAAC,QAAA,GAAA,MAAA,cAzBL,GAAG,SAAuC;EACzC,MAAM,SAAS,EAAE,WAAW;EAE5B,IAAI,CAAC,MAAM,SACT,UAAU,eAAe;GAAE,GAAG;GAAW,SAAS;GAAM,EAAE;EAE5D,OAAO,KAAK,GAAG,KAAK,CAAC,MAClB,UAAU;GACT,IAAI,SAAS,IAAI,WAAW,WAAW,SACrC,SAAS;IAAE,SAAS;IAAO;IAAO,CAAC;GAErC,OAAO;MAER,UAAU;GACT,IAAI,SAAS,IAAI,WAAW,WAAW,SACrC,SAAS;IAAE;IAAO,SAAS;IAAO,CAAC;GAErC,OAAO;IAEV;IAGH,KAGqB,CAAiB;;AAO1C,SAAgB,cACd,MACA,OAAuB,EAAE,EACzB;CACA,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAA+B,EAAE;CACjD,MAAM,QAAQ,SAAS,MAAM,CAAC,GAAG,MAAM,QAAQ,CAAC;CAEhD,MAAM,eAAe,MAAM;CAE3B,MAAM,SAAA,GAAA,MAAA,mBAA0B;EAC9B,IAAI,cAAc;EAElB,YAAY,mBAAmB,iBAAiB,EAAE;IAEjD,CAAC,GAAG,MAAM,aAAa,CAAC;CAE3B,OAAO;EAAE,GAAG;EAAO;EAAO"}

package/dist/cjs/hooks/use-async-callback/index.cjs

@@ -1,10 +1,9 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_loading_provider = require('../../components/loading/loading-provider.cjs');
-require('../../components/loading/index.cjs');
-const require_hooks_use_processing_index = require('../use-processing/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_loading_provider = require("../../components/loading/loading-provider.cjs");
+const require_hooks_use_processing_index = require("../use-processing/index.cjs");
 let react = require("react");
-
 //#region src/hooks/use-async-callback/index.ts
 /**
 * `useAsyncCallback` is a custom hook used to manage async callbacks.
@@ -43,7 +42,7 @@ const useAsyncCallback = (callback, deps, { loading: method = false, loadingOpti
 		}), [finish, start])
 	];
 };
-
 //#endregion
 exports.useAsyncCallback = useAsyncCallback;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-async-callback/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useLoading","useProcessing","useCallbackRef"],"sources":["../../../../src/hooks/use-async-callback/index.ts"],"sourcesContent":["import type { DependencyList } from \"react\"\nimport type { Loading } from \"../../components/loading\"\nimport { useCallback, useMemo } from \"react\"\nimport { useLoading } from \"../../components/loading\"\nimport { useCallbackRef } from \"../../utils/ref\"\nimport { useProcessing } from \"../use-processing\"\n\ntype Callback = (...args: any[]) => any\n\nexport interface UseAsyncCallbackOptions {\n  /**\n   * The method to use for loading.\n   * If `false`, the loading will not be shown.\n   */\n  loading?: false | Loading.Method\n  /**\n   * The options to pass to the loading component.\n   */\n  loadingOptions?: Loading.Options\n  /**\n   * If `false`, the processing will not change.\n   *\n   * @default true\n   */\n  processing?: boolean\n}\n\n/**\n * `useAsyncCallback` is a custom hook used to manage async callbacks.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async-callback\n */\nexport const useAsyncCallback = <Y extends Callback>(\n  callback: Y,\n  deps: DependencyList,\n  {\n    loading: method = false,\n    loadingOptions,\n    processing: shouldProcessing = true,\n  }: UseAsyncCallbackOptions = {},\n): UseAsyncCallbackReturn<Y> => {\n  const context = useLoading()\n  const { finish, loading, start } = useProcessing()\n  const shouldLoading = !!method\n  const callbackRef = useCallbackRef(callback, deps)\n\n  const asyncCallback = useCallback(\n    async (...args: Parameters<Y>) => {\n      try {\n        if (shouldProcessing) start()\n        if (shouldLoading) context[method].start(loadingOptions)\n\n        return await callbackRef(...args)\n      } finally {\n        if (shouldProcessing) finish()\n        if (shouldLoading) context[method].finish()\n      }\n    },\n    [\n      callbackRef,\n      shouldProcessing,\n      shouldLoading,\n      context,\n      method,\n      loadingOptions,\n      start,\n      finish,\n    ],\n  )\n\n  const control = useMemo(() => ({ finish, start }), [finish, start])\n\n  return [loading, asyncCallback, control]\n}\n\nexport type UseAsyncCallbackReturn<Y extends Callback> = [\n  loading: boolean,\n  callback: (...args: Parameters<Y>) => Promise<Awaited<ReturnType<Y>>>,\n  control: { finish: () => void; start: () => void },\n]\n"],"mappings":";;;;;;;;;;;;;AAgCA,MAAa,oBACX,UACA,MACA,EACE,SAAS,SAAS,OAClB,gBACA,YAAY,mBAAmB,SACJ,EAAE,KACD;CAC9B,MAAM,UAAUA,qCAAY;CAC5B,MAAM,EAAE,QAAQ,SAAS,UAAUC,kDAAe;CAClD,MAAM,gBAAgB,CAAC,CAAC;CACxB,MAAM,cAAcC,2BAAe,UAAU,KAAK;AA4BlD,QAAO;EAAC;yBAzBN,OAAO,GAAG,SAAwB;AAChC,OAAI;AACF,QAAI,iBAAkB,QAAO;AAC7B,QAAI,cAAe,SAAQ,QAAQ,MAAM,eAAe;AAExD,WAAO,MAAM,YAAY,GAAG,KAAK;aACzB;AACR,QAAI,iBAAkB,SAAQ;AAC9B,QAAI,cAAe,SAAQ,QAAQ,QAAQ;;KAG/C;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;4BAE8B;GAAE;GAAQ;GAAO,GAAG,CAAC,QAAQ,MAAM,CAAC;EAE3B"}
+{"version":3,"file":"index.cjs","names":["useLoading","useProcessing","useCallbackRef"],"sources":["../../../../src/hooks/use-async-callback/index.ts"],"sourcesContent":["import type { DependencyList } from \"react\"\nimport type { Loading } from \"../../components/loading\"\nimport { useCallback, useMemo } from \"react\"\nimport { useLoading } from \"../../components/loading\"\nimport { useCallbackRef } from \"../../utils/ref\"\nimport { useProcessing } from \"../use-processing\"\n\ntype Callback = (...args: any[]) => any\n\nexport interface UseAsyncCallbackOptions {\n  /**\n   * The method to use for loading.\n   * If `false`, the loading will not be shown.\n   */\n  loading?: false | Loading.Method\n  /**\n   * The options to pass to the loading component.\n   */\n  loadingOptions?: Loading.Options\n  /**\n   * If `false`, the processing will not change.\n   *\n   * @default true\n   */\n  processing?: boolean\n}\n\n/**\n * `useAsyncCallback` is a custom hook used to manage async callbacks.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async-callback\n */\nexport const useAsyncCallback = <Y extends Callback>(\n  callback: Y,\n  deps: DependencyList,\n  {\n    loading: method = false,\n    loadingOptions,\n    processing: shouldProcessing = true,\n  }: UseAsyncCallbackOptions = {},\n): UseAsyncCallbackReturn<Y> => {\n  const context = useLoading()\n  const { finish, loading, start } = useProcessing()\n  const shouldLoading = !!method\n  const callbackRef = useCallbackRef(callback, deps)\n\n  const asyncCallback = useCallback(\n    async (...args: Parameters<Y>) => {\n      try {\n        if (shouldProcessing) start()\n        if (shouldLoading) context[method].start(loadingOptions)\n\n        return await callbackRef(...args)\n      } finally {\n        if (shouldProcessing) finish()\n        if (shouldLoading) context[method].finish()\n      }\n    },\n    [\n      callbackRef,\n      shouldProcessing,\n      shouldLoading,\n      context,\n      method,\n      loadingOptions,\n      start,\n      finish,\n    ],\n  )\n\n  const control = useMemo(() => ({ finish, start }), [finish, start])\n\n  return [loading, asyncCallback, control]\n}\n\nexport type UseAsyncCallbackReturn<Y extends Callback> = [\n  loading: boolean,\n  callback: (...args: Parameters<Y>) => Promise<Awaited<ReturnType<Y>>>,\n  control: { finish: () => void; start: () => void },\n]\n"],"mappings":";;;;;;;;;;;;AAgCA,MAAa,oBACX,UACA,MACA,EACE,SAAS,SAAS,OAClB,gBACA,YAAY,mBAAmB,SACJ,EAAE,KACD;CAC9B,MAAM,UAAUA,yBAAAA,YAAY;CAC5B,MAAM,EAAE,QAAQ,SAAS,UAAUC,mCAAAA,eAAe;CAClD,MAAM,gBAAgB,CAAC,CAAC;CACxB,MAAM,cAAcC,YAAAA,eAAe,UAAU,KAAK;CA4BlD,OAAO;EAAC;yBAzBN,OAAO,GAAG,SAAwB;GAChC,IAAI;IACF,IAAI,kBAAkB,OAAO;IAC7B,IAAI,eAAe,QAAQ,QAAQ,MAAM,eAAe;IAExD,OAAO,MAAM,YAAY,GAAG,KAAK;aACzB;IACR,IAAI,kBAAkB,QAAQ;IAC9B,IAAI,eAAe,QAAQ,QAAQ,QAAQ;;KAG/C;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAK2B;4BAFC;GAAE;GAAQ;GAAO,GAAG,CAAC,QAAQ,MAAM,CAE3B;EAAC"}

package/dist/cjs/hooks/use-boolean/index.cjs

@@ -1,8 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
-
 //#region src/hooks/use-boolean/index.ts
 /**
 * `useBoolean` is a custom hook used to manage boolean values using `on`, `off`, and `toggle` functions.
@@ -18,7 +17,7 @@ const useBoolean = (init = false) => {
 		on
 	}];
 };
-
 //#endregion
 exports.useBoolean = useBoolean;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-boolean/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-boolean/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\n\n/**\n * `useBoolean` is a custom hook used to manage boolean values using `on`, `off`, and `toggle` functions.\n *\n * @see https://yamada-ui.com/docs/hooks/use-boolean\n */\nexport const useBoolean = (init = false): UseBooleanReturn => {\n  const [flg, setFlg] = useState<boolean>(init)\n\n  const on = useCallback(() => setFlg(true), [])\n\n  const off = useCallback(() => setFlg(false), [])\n\n  const toggle = useCallback(() => setFlg((prev) => !prev), [])\n\n  return [flg, { off, toggle, on }]\n}\n\nexport type UseBooleanReturn = [\n  flg: boolean,\n  setFlg: { off: () => void; on: () => void; toggle: () => void },\n]\n"],"mappings":";;;;;;;;;;;AASA,MAAa,cAAc,OAAO,UAA4B;CAC5D,MAAM,CAAC,KAAK,8BAA4B,KAAK;CAE7C,MAAM,kCAAuB,OAAO,KAAK,EAAE,EAAE,CAAC;AAM9C,QAAO,CAAC,KAAK;EAAE,kCAJe,OAAO,MAAM,EAAE,EAAE,CAAC;EAI5B,qCAFa,QAAQ,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC;EAEjC;EAAI,CAAC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-boolean/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\n\n/**\n * `useBoolean` is a custom hook used to manage boolean values using `on`, `off`, and `toggle` functions.\n *\n * @see https://yamada-ui.com/docs/hooks/use-boolean\n */\nexport const useBoolean = (init = false): UseBooleanReturn => {\n  const [flg, setFlg] = useState<boolean>(init)\n\n  const on = useCallback(() => setFlg(true), [])\n\n  const off = useCallback(() => setFlg(false), [])\n\n  const toggle = useCallback(() => setFlg((prev) => !prev), [])\n\n  return [flg, { off, toggle, on }]\n}\n\nexport type UseBooleanReturn = [\n  flg: boolean,\n  setFlg: { off: () => void; on: () => void; toggle: () => void },\n]\n"],"mappings":";;;;;;;;;;AASA,MAAa,cAAc,OAAO,UAA4B;CAC5D,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,UAA4B,KAAK;CAE7C,MAAM,MAAA,GAAA,MAAA,mBAAuB,OAAO,KAAK,EAAE,EAAE,CAAC;CAM9C,OAAO,CAAC,KAAK;EAAE,MAAA,GAAA,MAAA,mBAJe,OAAO,MAAM,EAAE,EAAE,CAI7B;EAAE,SAAA,GAAA,MAAA,mBAFa,QAAQ,SAAS,CAAC,KAAK,EAAE,EAAE,CAElC;EAAE;EAAI,CAAC"}

package/dist/cjs/hooks/use-breakpoint/index.cjs

@@ -1,12 +1,12 @@
-const require_use_breakpoint = require('./use-breakpoint.cjs');
-const require_use_breakpoint_effect = require('./use-breakpoint-effect.cjs');
-const require_use_breakpoint_value = require('./use-breakpoint-value.cjs');
-const require_use_breakpoint_state = require('./use-breakpoint-state.cjs');
-const require_use_update_breakpoint_effect = require('./use-update-breakpoint-effect.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_breakpoint = require("./use-breakpoint.cjs");
+const require_use_breakpoint_effect = require("./use-breakpoint-effect.cjs");
+const require_use_breakpoint_value = require("./use-breakpoint-value.cjs");
+const require_use_breakpoint_state = require("./use-breakpoint-state.cjs");
+const require_use_update_breakpoint_effect = require("./use-update-breakpoint-effect.cjs");
 exports.getBreakpointValue = require_use_breakpoint_value.getBreakpointValue;
 exports.useBreakpoint = require_use_breakpoint.useBreakpoint;
 exports.useBreakpointEffect = require_use_breakpoint_effect.useBreakpointEffect;
 exports.useBreakpointState = require_use_breakpoint_state.useBreakpointState;
 exports.useBreakpointValue = require_use_breakpoint_value.useBreakpointValue;
-exports.useUpdateBreakpointEffect = require_use_update_breakpoint_effect.useUpdateBreakpointEffect;
+exports.useUpdateBreakpointEffect = require_use_update_breakpoint_effect.useUpdateBreakpointEffect;

package/dist/cjs/hooks/use-breakpoint/use-breakpoint-effect.cjs

@@ -1,9 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_use_breakpoint = require('./use-breakpoint.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_use_breakpoint = require("./use-breakpoint.cjs");
 let react = require("react");
-
 //#region src/hooks/use-breakpoint/use-breakpoint-effect.ts
 /**
 * `useBreakpointEffect` is a custom hook that executes a specific callback function when the breakpoint changes.
@@ -16,7 +14,7 @@ const useBreakpointEffect = (callback, deps) => {
 		callback(breakpoint);
 	}, [breakpoint, ...deps]);
 };
-
 //#endregion
 exports.useBreakpointEffect = useBreakpointEffect;
+
 //# sourceMappingURL=use-breakpoint-effect.cjs.map

package/dist/cjs/hooks/use-breakpoint/use-breakpoint-effect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint-effect.cjs","names":["useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-effect.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport type { Breakpoint } from \"../../core\"\nimport { useEffect } from \"react\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useBreakpointEffect` is a custom hook that executes a specific callback function when the breakpoint changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-effect\n */\nexport const useBreakpointEffect = (\n  callback: (breakpoint: Breakpoint) => void,\n  deps: DependencyList,\n) => {\n  const breakpoint = useBreakpoint()\n\n  useEffect(() => {\n    callback(breakpoint)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [breakpoint, ...deps])\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,uBACX,UACA,SACG;CACH,MAAM,aAAaA,sCAAe;AAElC,4BAAgB;AACd,WAAS,WAAW;IAEnB,CAAC,YAAY,GAAG,KAAK,CAAC"}
+{"version":3,"file":"use-breakpoint-effect.cjs","names":["useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-effect.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport type { Breakpoint } from \"../../core\"\nimport { useEffect } from \"react\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useBreakpointEffect` is a custom hook that executes a specific callback function when the breakpoint changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-effect\n */\nexport const useBreakpointEffect = (\n  callback: (breakpoint: Breakpoint) => void,\n  deps: DependencyList,\n) => {\n  const breakpoint = useBreakpoint()\n\n  useEffect(() => {\n    callback(breakpoint)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [breakpoint, ...deps])\n}\n"],"mappings":";;;;;;;;;;AAYA,MAAa,uBACX,UACA,SACG;CACH,MAAM,aAAaA,uBAAAA,eAAe;CAElC,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,WAAW;IAEnB,CAAC,YAAY,GAAG,KAAK,CAAC"}