@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

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

@@ -1 +1 @@
-{"version":3,"file":"color-mode-provider.cjs","names":["COLOR_MODE_STORAGE_KEY","createStorageManager","useEnvironment","useSystemColorMode","getPreventTransition"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isDocument, isEmptyObject, noop } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY } from \"../constant\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { getPreventTransition } from \"./theme-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\ninterface ColorModeContext {\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nexport const ColorModeContext = createContext<ColorModeContext>({\n  changeColorMode: noop,\n  colorMode: \"light\",\n  forced: false,\n  internalColorMode: \"light\",\n  toggleColorMode: noop,\n})\n\nexport interface ColorModeProviderProps extends PropsWithChildren {\n  /**\n   * The forced color mode.\n   */\n  colorMode?: ColorMode\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   * The key of the value saved in storage.\n   *\n   * @default 'color-mode'\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = COLOR_MODE_STORAGE_KEY,\n}) => {\n  const storageManager = useMemo(\n    () =>\n      createStorageManager<ColorModeWithSystem, ColorMode>(\n        storage,\n        storageKey,\n        defaultColorMode,\n        cookie,\n      ),\n    [cookie, defaultColorMode, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [internalColorMode, setInternalColorMode] =\n    useState<ColorModeWithSystem>(storageManager.get())\n  const { getSystemColorMode, systemColorMode } = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (internalColorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n    defaultColorMode: storageManager.default(\n      defaultColorMode === \"dark\" ? \"dark\" : \"light\",\n    ),\n  })\n  const colorMode =\n    internalColorMode === \"system\" ? systemColorMode : internalColorMode\n\n  const setDataset = useCallback(\n    (colorMode: ColorMode) => {\n      const root = environment.getRootElement()\n\n      if (!root) return\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      root.dataset.mode = colorMode\n      root.style.colorScheme = colorMode\n\n      cleanup?.()\n    },\n    [disableTransitionOnChange, environment],\n  )\n\n  const setClassName = useCallback(\n    (isDark: boolean) => {\n      const doc = environment.getDocument()\n      const rootNode = environment.getRootNode()\n      const root = environment.getRootElement()\n\n      if (!doc || !root) return\n\n      const target = isDocument(rootNode) ? doc.body : root\n\n      target.classList.add(isDark ? \"dark\" : \"light\")\n      target.classList.remove(isDark ? \"light\" : \"dark\")\n    },\n    [environment],\n  )\n\n  const changeColorMode = useCallback(\n    (internalColorMode: ColorModeWithSystem) => {\n      const colorMode =\n        internalColorMode === \"system\"\n          ? getSystemColorMode()\n          : internalColorMode\n\n      setInternalColorMode(internalColorMode)\n      setClassName(colorMode === \"dark\")\n      setDataset(colorMode)\n\n      storageManager.set(internalColorMode)\n    },\n    [storageManager, getSystemColorMode, setClassName, setDataset],\n  )\n\n  const toggleColorMode = useCallback(() => {\n    changeColorMode(colorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, colorMode])\n\n  useEffect(() => {\n    const internalColorMode = storageManager.get()\n\n    changeColorMode(internalColorMode)\n  }, [changeColorMode, storageManager])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? colorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      colorMode,\n      internalColorMode,\n      changeColorMode,\n      toggleColorMode,\n    ],\n  )\n\n  return <ColorModeContext value={context}>{children}</ColorModeContext>\n}\n\n/**\n * `useColorMode` is a custom hook that returns the current color mode.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode\n */\nexport const useColorMode = (): ColorModeContext => {\n  const context = use(ColorModeContext)\n\n  if (isEmptyObject(context))\n    return {\n      changeColorMode: noop,\n      colorMode: \"light\",\n      forced: false,\n      internalColorMode: \"light\",\n      toggleColorMode: noop,\n    }\n  else return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-mode-provider.cjs","names":["createContext","COLOR_MODE_STORAGE_KEY","useMemo","createStorageManager","useEnvironment","useState","useSystemColorMode","useCallback","getPreventTransition","use"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isDocument, isEmptyObject, noop } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY } from \"../constant\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { getPreventTransition } from \"./theme-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\ninterface ColorModeContext {\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nexport const ColorModeContext = createContext<ColorModeContext>({\n  changeColorMode: noop,\n  colorMode: \"light\",\n  forced: false,\n  internalColorMode: \"light\",\n  toggleColorMode: noop,\n})\n\nexport interface ColorModeProviderProps extends PropsWithChildren {\n  /**\n   * The forced color mode.\n   */\n  colorMode?: ColorMode\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   * The key of the value saved in storage.\n   *\n   * @default 'color-mode'\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = COLOR_MODE_STORAGE_KEY,\n}) => {\n  const storageManager = useMemo(\n    () =>\n      createStorageManager<ColorModeWithSystem, ColorMode>(\n        storage,\n        storageKey,\n        defaultColorMode,\n        cookie,\n      ),\n    [cookie, defaultColorMode, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [internalColorMode, setInternalColorMode] =\n    useState<ColorModeWithSystem>(storageManager.get())\n  const { getSystemColorMode, systemColorMode } = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (internalColorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n    defaultColorMode: storageManager.default(\n      defaultColorMode === \"dark\" ? \"dark\" : \"light\",\n    ),\n  })\n  const colorMode =\n    internalColorMode === \"system\" ? systemColorMode : internalColorMode\n\n  const setDataset = useCallback(\n    (colorMode: ColorMode) => {\n      const root = environment.getRootElement()\n\n      if (!root) return\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      root.dataset.mode = colorMode\n      root.style.colorScheme = colorMode\n\n      cleanup?.()\n    },\n    [disableTransitionOnChange, environment],\n  )\n\n  const setClassName = useCallback(\n    (isDark: boolean) => {\n      const doc = environment.getDocument()\n      const rootNode = environment.getRootNode()\n      const root = environment.getRootElement()\n\n      if (!doc || !root) return\n\n      const target = isDocument(rootNode) ? doc.body : root\n\n      target.classList.add(isDark ? \"dark\" : \"light\")\n      target.classList.remove(isDark ? \"light\" : \"dark\")\n    },\n    [environment],\n  )\n\n  const changeColorMode = useCallback(\n    (internalColorMode: ColorModeWithSystem) => {\n      const colorMode =\n        internalColorMode === \"system\"\n          ? getSystemColorMode()\n          : internalColorMode\n\n      setInternalColorMode(internalColorMode)\n      setClassName(colorMode === \"dark\")\n      setDataset(colorMode)\n\n      storageManager.set(internalColorMode)\n    },\n    [storageManager, getSystemColorMode, setClassName, setDataset],\n  )\n\n  const toggleColorMode = useCallback(() => {\n    changeColorMode(colorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, colorMode])\n\n  useEffect(() => {\n    const internalColorMode = storageManager.get()\n\n    changeColorMode(internalColorMode)\n  }, [changeColorMode, storageManager])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? colorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      colorMode,\n      internalColorMode,\n      changeColorMode,\n      toggleColorMode,\n    ],\n  )\n\n  return <ColorModeContext value={context}>{children}</ColorModeContext>\n}\n\n/**\n * `useColorMode` is a custom hook that returns the current color mode.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode\n */\nexport const useColorMode = (): ColorModeContext => {\n  const context = use(ColorModeContext)\n\n  if (isEmptyObject(context))\n    return {\n      changeColorMode: noop,\n      colorMode: \"light\",\n      forced: false,\n      internalColorMode: \"light\",\n      toggleColorMode: noop,\n    }\n  else return context\n}\n"],"mappings":";;;;;;;;;;;AA4BA,MAAa,oBAAA,GAAmBA,MAAAA,cAAAA,CAAgC;CAC9D,iBAAA,oBAAA,cAAiB;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,iBAAA,oBAAA,cAAiB;AACnB,CAAC;AA+BD,MAAa,qBAAiD,EAC5D,UACA,WAAW,iBACX,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,SAC1B,CAAC,GACL,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAaC,iBAAAA,6BACT;CACJ,MAAM,kBAAA,GAAiBC,MAAAA,QAAAA,OAEnBC,wBAAAA,qBACE,SACA,YACA,kBACA,MACF,GACF;EAAC;EAAQ;EAAkB;EAAS;CAAU,CAChD;CACA,MAAM,cAAcC,6BAAAA,eAAe;CACnC,MAAM,CAAC,mBAAmB,yBAAA,GACxBC,MAAAA,SAAAA,CAA8B,eAAe,IAAI,CAAC;CACpD,MAAM,EAAE,oBAAoB,oBAAoBC,8BAAAA,mBAAmB;EACjE,WAAW,oBAAoB;GAC7B,IAAI,sBAAsB,UAAU;GAEpC,aAAa,oBAAoB,MAAM;GACvC,WAAW,eAAe;EAC5B;EACA,kBAAkB,eAAe,QAC/B,qBAAqB,SAAS,SAAS,OACzC;CACF,CAAC;CACD,MAAM,YACJ,sBAAsB,WAAW,kBAAkB;CAErD,MAAM,cAAA,GAAaC,MAAAA,YAAAA,EAChB,cAAyB;EACxB,MAAM,OAAO,YAAY,eAAe;EAExC,IAAI,CAAC,MAAM;EAEX,MAAM,UAAU,4BACZC,uBAAAA,qBAAqB,WAAW,IAChC,KAAA;EAEJ,KAAK,QAAQ,OAAO;EACpB,KAAK,MAAM,cAAc;EAEzB,UAAU;CACZ,GACA,CAAC,2BAA2B,WAAW,CACzC;CAEA,MAAM,gBAAA,GAAeD,MAAAA,YAAAA,EAClB,WAAoB;EACnB,MAAM,MAAM,YAAY,YAAY;EACpC,MAAM,WAAW,YAAY,YAAY;EACzC,MAAM,OAAO,YAAY,eAAe;EAExC,IAAI,CAAC,OAAO,CAAC,MAAM;EAEnB,MAAM,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,QAAQ,IAAI,IAAI,OAAO;EAEjD,OAAO,UAAU,IAAI,SAAS,SAAS,OAAO;EAC9C,OAAO,UAAU,OAAO,SAAS,UAAU,MAAM;CACnD,GACA,CAAC,WAAW,CACd;CAEA,MAAM,mBAAA,GAAkBA,MAAAA,YAAAA,EACrB,sBAA2C;EAC1C,MAAM,YACJ,sBAAsB,WAClB,mBAAmB,IACnB;EAEN,qBAAqB,iBAAiB;EACtC,aAAa,cAAc,MAAM;EACjC,WAAW,SAAS;EAEpB,eAAe,IAAI,iBAAiB;CACtC,GACA;EAAC;EAAgB;EAAoB;EAAc;CAAU,CAC/D;CAEA,MAAM,mBAAA,GAAkBA,MAAAA,YAAAA,OAAkB;EACxC,gBAAgB,cAAc,SAAS,UAAU,MAAM;CACzD,GAAG,CAAC,iBAAiB,SAAS,CAAC;CAE/B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,oBAAoB,eAAe,IAAI;EAE7C,gBAAgB,iBAAiB;CACnC,GAAG,CAAC,iBAAiB,cAAc,CAAC;CAEpC,MAAM,WAAA,GAAUL,MAAAA,QAAAA,QACP;EACL,iBAAiB,kBAAA,oBAAA,cAAkB,OAAO;EAC1C,WAAW,mBAAmB;EAC9B,QAAQ,oBAAoB,KAAA;EAC5B;EACA,iBAAiB,kBAAA,oBAAA,cAAkB,OAAO;CAC5C,IACA;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EAAU;CAA2B,CAAA;AACvE;;;;;;AAOA,MAAa,qBAAuC;CAClD,MAAM,WAAA,GAAUO,MAAAA,IAAAA,CAAI,gBAAgB;CAEpC,KAAA,GAAA,oBAAA,cAAI,cAAA,CAAc,OAAO,GACvB,OAAO;EACL,iBAAA,oBAAA,cAAiB;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,iBAAA,oBAAA,cAAiB;CACnB;MACG,OAAO;AACd"}

package/dist/cjs/core/system/create-system.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-system.cjs","names":["createBreakpoints","createLayers","mergeVars","createVars"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\nimport type { CSSAnimationObject, CSSModifierObject } from \"../css\"\nimport type {\n  DefineThemeValue,\n  System,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\nimport { bem, flattenObject, isArray, isObject, isUndefined } from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport { createBreakpoints } from \"./breakpoint\"\nimport { createLayers } from \"./layer\"\nimport { createVars, mergeVars } from \"./var\"\n\nexport type VariableResponsiveValue = Dict<\n  [DefineThemeValue, DefineThemeValue] | DefineThemeValue\n>\n\nexport type VariableColorModeValue = [\n  DefineThemeValue | Dict<DefineThemeValue>,\n  DefineThemeValue | Dict<DefineThemeValue>,\n]\n\nexport type VariableKeyframeValue =\n  | [\n      CSSModifierObject | Dict<CSSModifierObject>,\n      CSSModifierObject | Dict<CSSModifierObject>,\n    ]\n  | CSSModifierObject\n  | Dict<CSSModifierObject>\n\nexport type VariableAnimationValue =\n  | CSSAnimationObject\n  | CSSAnimationObject[]\n  | Dict<CSSAnimationObject>\n\nexport type VariableValue =\n  | DefineThemeValue\n  | VariableAnimationValue\n  | VariableColorModeValue\n  | VariableKeyframeValue\n  | VariableResponsiveValue\n\ninterface VariableToken {\n  semantic: boolean\n  value: VariableValue\n}\n\nexport interface VariableTokens {\n  [key: string]: VariableToken\n}\n\ninterface TokenOptions {\n  [key: string]: FlattenObjectOptions\n}\n\nconst primaryTokens = {\n  aspectRatios: {},\n  blurs: {},\n  borders: {},\n  colors: {},\n  durations: {},\n  easings: {},\n  fonts: {},\n  fontSizes: {},\n  fontWeights: {},\n  letterSpacings: {},\n  lineHeights: {},\n  radii: {},\n  sizes: {},\n  spaces: {},\n  zIndices: {},\n} satisfies TokenOptions\n\ntype PrimaryToken = keyof typeof primaryTokens\n\nconst secondaryTokens = {\n  gradients: {},\n  keyframes: { maxDepth: 1 },\n  shadows: {},\n} satisfies TokenOptions\n\ntype SecondaryToken = keyof typeof secondaryTokens\n\nconst tertiaryTokens = {\n  animations: { shouldProcess: (obj) => !obj.keyframes },\n} satisfies TokenOptions\n\ntype TertiaryToken = keyof typeof tertiaryTokens\n\nconst tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n} = {\n  primary: primaryTokens,\n  secondary: secondaryTokens,\n  tertiary: tertiaryTokens,\n}\n\nexport type ThemeToken =\n  | \"breakpoints\"\n  | PrimaryToken\n  | SecondaryToken\n  | TertiaryToken\n\nexport const defaultSystem: System = {\n  breakpoints: createBreakpoints(),\n  config: {},\n  cssMap: {},\n  cssVars: { light: {}, dark: {} },\n  layers: createLayers(),\n  utils: { getClassName: bem },\n}\n\nexport function createSystem(\n  theme: UsageTheme,\n  config: ThemeConfig = {},\n  rootNode?: Document | Node | ShadowRoot,\n): System {\n  const prefix = config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n  const breakpoints = createBreakpoints(theme.breakpoints, config.breakpoint)\n  const layers = createLayers(config.css?.layers)\n  const shouldProcess = config.theme?.responsive\n    ? (obj: any) => !breakpoints.isResponsive(obj, true)\n    : () => true\n\n  const primaryTokens = {\n    ...createTokens(theme, \"primary\", shouldProcess),\n    ...createColorSchemeTokens(theme, undefined, shouldProcess),\n  }\n  const secondaryTokens = createTokens(theme, \"secondary\", shouldProcess)\n  const tertiaryTokens = createTokens(theme, \"tertiary\", shouldProcess)\n\n  const { cssMap, cssVars } = mergeVars(\n    createVars(prefix, theme, breakpoints, rootNode)(primaryTokens),\n    createVars(prefix, theme, breakpoints, rootNode)(secondaryTokens),\n    createVars(prefix, theme, breakpoints, rootNode)(tertiaryTokens),\n  )()\n\n  const getClassName = (\n    block?: string,\n    element?: string,\n    modifier?: string,\n  ) => {\n    if (!block) return \"\"\n\n    const className = bem(block, element, modifier)\n\n    return `${prefix}-${className}`\n  }\n\n  if (theme.themeSchemes) {\n    const themeSchemeEntries = Object.entries<Dict>(theme.themeSchemes)\n\n    for (const [themeScheme, nestedTheme] of themeSchemeEntries) {\n      const nestedPrimaryTokens = {\n        ...createTokens(nestedTheme, \"primary\", shouldProcess),\n        ...createColorSchemeTokens(theme, nestedTheme, shouldProcess),\n      }\n      const nestedSecondaryTokens = createTokens(\n        nestedTheme,\n        \"secondary\",\n        shouldProcess,\n      )\n      const nestedTertiaryTokens = createTokens(\n        nestedTheme,\n        \"tertiary\",\n        shouldProcess,\n      )\n\n      const { cssVars: nestedCSSVars } = mergeVars(\n        createVars(prefix, theme, breakpoints, rootNode)(nestedPrimaryTokens),\n        createVars(prefix, theme, breakpoints, rootNode)(nestedSecondaryTokens),\n        createVars(prefix, theme, breakpoints, rootNode)(nestedTertiaryTokens),\n      )({ ...primaryTokens, ...secondaryTokens, ...tertiaryTokens })\n\n      cssVars.themes ??= {}\n      cssVars.themes[themeScheme] = nestedCSSVars\n    }\n  }\n\n  return {\n    breakpoints,\n    config,\n    cssMap,\n    cssVars,\n    layers,\n    rootNode,\n    utils: { getClassName },\n  }\n}\n\nfunction createColorSchemeTokens(\n  theme: Dict,\n  nestedTheme: Dict | undefined,\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"],\n) {\n  const colors = { base: theme.colors ?? {}, nested: nestedTheme?.colors ?? {} }\n  const semanticColors = {\n    base: theme.semanticTokens?.colors ?? {},\n    nested: nestedTheme?.semanticTokens?.colors ?? {},\n  }\n  const colorSchemeTokens = flattenObject(\n    (nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {},\n    { shouldProcess },\n  )\n\n  const results: VariableTokens = {}\n\n  function insertToken(\n    primaryKey: string,\n    secondaryKey: string | undefined,\n    value: any,\n  ) {\n    if (isUndefined(value)) return\n\n    if (!secondaryKey || secondaryKey === \"base\")\n      results[`colors.${primaryKey}`] = { semantic: true, value }\n    else\n      results[`colors.${primaryKey}.${secondaryKey}`] = {\n        semantic: true,\n        value,\n      }\n  }\n\n  function processValue(primaryKey: string, colors: any, keyOrValue: any) {\n    const value = colors.nested[keyOrValue] ?? colors.base[keyOrValue]\n\n    if (isObject(value)) {\n      const tokens = flattenObject(value, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value =\n          secondaryKey === \"base\" ? keyOrValue : `${keyOrValue}.${secondaryKey}`\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else {\n      insertToken(primaryKey, undefined, keyOrValue)\n    }\n  }\n\n  function processColorModeValue(\n    primaryKey: string,\n    colors: any,\n    keyOrValue: any[],\n  ) {\n    const [lightValue, darkValue] = keyOrValue\n    const lightColors = colors.nested[lightValue] ?? colors.base[lightValue]\n    const darkColors = colors.nested[darkValue] ?? colors.base[darkValue]\n\n    if (isObject(lightColors) && isObject(darkColors)) {\n      const tokens = flattenObject(lightColors, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value = [\n          secondaryKey === \"base\"\n            ? lightValue\n            : `${lightValue}.${secondaryKey}`,\n          secondaryKey === \"base\" ? darkValue : `${darkValue}.${secondaryKey}`,\n        ]\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else if (!isObject(lightValue) && !isObject(darkValue)) {\n      insertToken(primaryKey, undefined, [lightValue, darkValue])\n    }\n  }\n\n  Object.entries(colorSchemeTokens).forEach(([primaryKey, value]) => {\n    if (isArray(value)) {\n      processColorModeValue(primaryKey, colors, value)\n      processColorModeValue(primaryKey, semanticColors, value)\n    } else {\n      processValue(primaryKey, colors, value)\n      processValue(primaryKey, semanticColors, value)\n    }\n  })\n\n  return results\n}\n\nfunction createTokens(\n  theme: Dict,\n  target: \"primary\" | \"secondary\" | \"tertiary\",\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"] = () => true,\n) {\n  const results: VariableTokens = {}\n\n  Object.entries(tokenMap[target]).forEach(\n    ([primaryKey, { shouldProcess: shouldProcessProp, ...rest }]) => {\n      const options: FlattenObjectOptions = {\n        ...rest,\n        shouldProcess: (obj) =>\n          shouldProcess(obj) && (!shouldProcessProp || shouldProcessProp(obj)),\n      }\n\n      const tokens = flattenObject(theme[primaryKey] ?? {}, options)\n      const semanticTokens = flattenObject(\n        theme.semanticTokens?.[primaryKey] ?? {},\n        options,\n      )\n\n      Object.entries(tokens).forEach(([secondaryKey, value]) => {\n        const token = `${primaryKey}.${secondaryKey}`\n\n        results[token] = { semantic: false, value }\n      })\n\n      Object.entries(semanticTokens).forEach(([secondaryKey, value]) => {\n        let token = `${primaryKey}.${secondaryKey}`\n\n        if (token.endsWith(\".base\")) token = token.replace(\".base\", \"\")\n\n        results[token] = { semantic: true, value }\n      })\n    },\n  )\n\n  return results\n}\n"],"mappings":"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"}
+{"version":3,"file":"create-system.cjs","names":["createBreakpoints","createLayers","mergeVars","createVars"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\nimport type { CSSAnimationObject, CSSModifierObject } from \"../css\"\nimport type {\n  DefineThemeValue,\n  System,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\nimport { bem, flattenObject, isArray, isObject, isUndefined } from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport { createBreakpoints } from \"./breakpoint\"\nimport { createLayers } from \"./layer\"\nimport { createVars, mergeVars } from \"./var\"\n\nexport type VariableResponsiveValue = Dict<\n  [DefineThemeValue, DefineThemeValue] | DefineThemeValue\n>\n\nexport type VariableColorModeValue = [\n  DefineThemeValue | Dict<DefineThemeValue>,\n  DefineThemeValue | Dict<DefineThemeValue>,\n]\n\nexport type VariableKeyframeValue =\n  | [\n      CSSModifierObject | Dict<CSSModifierObject>,\n      CSSModifierObject | Dict<CSSModifierObject>,\n    ]\n  | CSSModifierObject\n  | Dict<CSSModifierObject>\n\nexport type VariableAnimationValue =\n  | CSSAnimationObject\n  | CSSAnimationObject[]\n  | Dict<CSSAnimationObject>\n\nexport type VariableValue =\n  | DefineThemeValue\n  | VariableAnimationValue\n  | VariableColorModeValue\n  | VariableKeyframeValue\n  | VariableResponsiveValue\n\ninterface VariableToken {\n  semantic: boolean\n  value: VariableValue\n}\n\nexport interface VariableTokens {\n  [key: string]: VariableToken\n}\n\ninterface TokenOptions {\n  [key: string]: FlattenObjectOptions\n}\n\nconst primaryTokens = {\n  aspectRatios: {},\n  blurs: {},\n  borders: {},\n  colors: {},\n  durations: {},\n  easings: {},\n  fonts: {},\n  fontSizes: {},\n  fontWeights: {},\n  letterSpacings: {},\n  lineHeights: {},\n  radii: {},\n  sizes: {},\n  spaces: {},\n  zIndices: {},\n} satisfies TokenOptions\n\ntype PrimaryToken = keyof typeof primaryTokens\n\nconst secondaryTokens = {\n  gradients: {},\n  keyframes: { maxDepth: 1 },\n  shadows: {},\n} satisfies TokenOptions\n\ntype SecondaryToken = keyof typeof secondaryTokens\n\nconst tertiaryTokens = {\n  animations: { shouldProcess: (obj) => !obj.keyframes },\n} satisfies TokenOptions\n\ntype TertiaryToken = keyof typeof tertiaryTokens\n\nconst tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n} = {\n  primary: primaryTokens,\n  secondary: secondaryTokens,\n  tertiary: tertiaryTokens,\n}\n\nexport type ThemeToken =\n  | \"breakpoints\"\n  | PrimaryToken\n  | SecondaryToken\n  | TertiaryToken\n\nexport const defaultSystem: System = {\n  breakpoints: createBreakpoints(),\n  config: {},\n  cssMap: {},\n  cssVars: { light: {}, dark: {} },\n  layers: createLayers(),\n  utils: { getClassName: bem },\n}\n\nexport function createSystem(\n  theme: UsageTheme,\n  config: ThemeConfig = {},\n  rootNode?: Document | Node | ShadowRoot,\n): System {\n  const prefix = config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n  const breakpoints = createBreakpoints(theme.breakpoints, config.breakpoint)\n  const layers = createLayers(config.css?.layers)\n  const shouldProcess = config.theme?.responsive\n    ? (obj: any) => !breakpoints.isResponsive(obj, true)\n    : () => true\n\n  const primaryTokens = {\n    ...createTokens(theme, \"primary\", shouldProcess),\n    ...createColorSchemeTokens(theme, undefined, shouldProcess),\n  }\n  const secondaryTokens = createTokens(theme, \"secondary\", shouldProcess)\n  const tertiaryTokens = createTokens(theme, \"tertiary\", shouldProcess)\n\n  const { cssMap, cssVars } = mergeVars(\n    createVars(prefix, theme, breakpoints, rootNode)(primaryTokens),\n    createVars(prefix, theme, breakpoints, rootNode)(secondaryTokens),\n    createVars(prefix, theme, breakpoints, rootNode)(tertiaryTokens),\n  )()\n\n  const getClassName = (\n    block?: string,\n    element?: string,\n    modifier?: string,\n  ) => {\n    if (!block) return \"\"\n\n    const className = bem(block, element, modifier)\n\n    return `${prefix}-${className}`\n  }\n\n  if (theme.themeSchemes) {\n    const themeSchemeEntries = Object.entries<Dict>(theme.themeSchemes)\n\n    for (const [themeScheme, nestedTheme] of themeSchemeEntries) {\n      const nestedPrimaryTokens = {\n        ...createTokens(nestedTheme, \"primary\", shouldProcess),\n        ...createColorSchemeTokens(theme, nestedTheme, shouldProcess),\n      }\n      const nestedSecondaryTokens = createTokens(\n        nestedTheme,\n        \"secondary\",\n        shouldProcess,\n      )\n      const nestedTertiaryTokens = createTokens(\n        nestedTheme,\n        \"tertiary\",\n        shouldProcess,\n      )\n\n      const { cssVars: nestedCSSVars } = mergeVars(\n        createVars(prefix, theme, breakpoints, rootNode)(nestedPrimaryTokens),\n        createVars(prefix, theme, breakpoints, rootNode)(nestedSecondaryTokens),\n        createVars(prefix, theme, breakpoints, rootNode)(nestedTertiaryTokens),\n      )({ ...primaryTokens, ...secondaryTokens, ...tertiaryTokens })\n\n      cssVars.themes ??= {}\n      cssVars.themes[themeScheme] = nestedCSSVars\n    }\n  }\n\n  return {\n    breakpoints,\n    config,\n    cssMap,\n    cssVars,\n    layers,\n    rootNode,\n    utils: { getClassName },\n  }\n}\n\nfunction createColorSchemeTokens(\n  theme: Dict,\n  nestedTheme: Dict | undefined,\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"],\n) {\n  const colors = { base: theme.colors ?? {}, nested: nestedTheme?.colors ?? {} }\n  const semanticColors = {\n    base: theme.semanticTokens?.colors ?? {},\n    nested: nestedTheme?.semanticTokens?.colors ?? {},\n  }\n  const colorSchemeTokens = flattenObject(\n    (nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {},\n    { shouldProcess },\n  )\n\n  const results: VariableTokens = {}\n\n  function insertToken(\n    primaryKey: string,\n    secondaryKey: string | undefined,\n    value: any,\n  ) {\n    if (isUndefined(value)) return\n\n    if (!secondaryKey || secondaryKey === \"base\")\n      results[`colors.${primaryKey}`] = { semantic: true, value }\n    else\n      results[`colors.${primaryKey}.${secondaryKey}`] = {\n        semantic: true,\n        value,\n      }\n  }\n\n  function processValue(primaryKey: string, colors: any, keyOrValue: any) {\n    const value = colors.nested[keyOrValue] ?? colors.base[keyOrValue]\n\n    if (isObject(value)) {\n      const tokens = flattenObject(value, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value =\n          secondaryKey === \"base\" ? keyOrValue : `${keyOrValue}.${secondaryKey}`\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else {\n      insertToken(primaryKey, undefined, keyOrValue)\n    }\n  }\n\n  function processColorModeValue(\n    primaryKey: string,\n    colors: any,\n    keyOrValue: any[],\n  ) {\n    const [lightValue, darkValue] = keyOrValue\n    const lightColors = colors.nested[lightValue] ?? colors.base[lightValue]\n    const darkColors = colors.nested[darkValue] ?? colors.base[darkValue]\n\n    if (isObject(lightColors) && isObject(darkColors)) {\n      const tokens = flattenObject(lightColors, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value = [\n          secondaryKey === \"base\"\n            ? lightValue\n            : `${lightValue}.${secondaryKey}`,\n          secondaryKey === \"base\" ? darkValue : `${darkValue}.${secondaryKey}`,\n        ]\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else if (!isObject(lightValue) && !isObject(darkValue)) {\n      insertToken(primaryKey, undefined, [lightValue, darkValue])\n    }\n  }\n\n  Object.entries(colorSchemeTokens).forEach(([primaryKey, value]) => {\n    if (isArray(value)) {\n      processColorModeValue(primaryKey, colors, value)\n      processColorModeValue(primaryKey, semanticColors, value)\n    } else {\n      processValue(primaryKey, colors, value)\n      processValue(primaryKey, semanticColors, value)\n    }\n  })\n\n  return results\n}\n\nfunction createTokens(\n  theme: Dict,\n  target: \"primary\" | \"secondary\" | \"tertiary\",\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"] = () => true,\n) {\n  const results: VariableTokens = {}\n\n  Object.entries(tokenMap[target]).forEach(\n    ([primaryKey, { shouldProcess: shouldProcessProp, ...rest }]) => {\n      const options: FlattenObjectOptions = {\n        ...rest,\n        shouldProcess: (obj) =>\n          shouldProcess(obj) && (!shouldProcessProp || shouldProcessProp(obj)),\n      }\n\n      const tokens = flattenObject(theme[primaryKey] ?? {}, options)\n      const semanticTokens = flattenObject(\n        theme.semanticTokens?.[primaryKey] ?? {},\n        options,\n      )\n\n      Object.entries(tokens).forEach(([secondaryKey, value]) => {\n        const token = `${primaryKey}.${secondaryKey}`\n\n        results[token] = { semantic: false, value }\n      })\n\n      Object.entries(semanticTokens).forEach(([secondaryKey, value]) => {\n        let token = `${primaryKey}.${secondaryKey}`\n\n        if (token.endsWith(\".base\")) token = token.replace(\".base\", \"\")\n\n        results[token] = { semantic: true, value }\n      })\n    },\n  )\n\n  return results\n}\n"],"mappings":"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"}

package/dist/cjs/core/system/environment-provider.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1 +1 @@
-{"version":3,"file":"environment-provider.cjs","names":[],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useCallback, useMemo, useRef } from \"react\"\nimport {\n  createdDom,\n  getDocument,\n  getWindow,\n  isHTMLElement,\n  isShadowRoot,\n  runIfFn,\n} from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootElement: () => HTMLElement | undefined\n  getRootNode: () => RootNode | undefined\n  getWindow: () => undefined | Window\n}\n\nexport const defaultEnvironment: Environment = {\n  getDocument: () => document,\n  getRootElement: () => document.documentElement,\n  getRootNode: () => document,\n  getWindow: () => window,\n}\n\nconst EnvironmentContext = createContext<Environment>(defaultEnvironment)\n\nexport interface EnvironmentProviderProps extends PropsWithChildren {\n  value?: (() => RootNode) | RootNode\n}\n\nexport const EnvironmentProvider: FC<EnvironmentProviderProps> = ({\n  children,\n  value,\n}) => {\n  const ref = useRef<HTMLSpanElement>(null)\n\n  const getRootNode = useCallback(() => {\n    return runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const getRootElement = useCallback(() => {\n    const rootNode = getRootNode()\n\n    if (isShadowRoot(rootNode) && isHTMLElement(rootNode.host))\n      return rootNode.host\n    if (isHTMLElement(rootNode)) return rootNode\n\n    return getDocument(rootNode).documentElement\n  }, [getRootNode])\n\n  const context = useMemo<Environment>(() => {\n    if (createdDom())\n      return {\n        getDocument: () => getDocument(getRootNode()),\n        getRootElement,\n        getRootNode,\n        getWindow: () => getWindow(getRootNode()),\n      }\n    else\n      return {\n        getDocument: () => undefined,\n        getRootElement: () => undefined,\n        getRootNode: () => undefined,\n        getWindow: () => undefined,\n      }\n  }, [getRootElement, getRootNode])\n\n  return (\n    <EnvironmentContext value={context}>\n      {children}\n\n      {!value ? <span ref={ref} hidden /> : null}\n    </EnvironmentContext>\n  )\n}\n\nexport const useEnvironment = () => {\n  return use(EnvironmentContext)\n}\n"],"mappings":";;;;;AAsBA,MAAa,qBAAkC;CAC7C,mBAAmB;CACnB,sBAAsB,SAAS;CAC/B,mBAAmB;CACnB,iBAAiB;AACnB;AAEA,MAAM,sBAAA,GAAA,MAAA,cAAA,CAAgD,kBAAkB;AAMxE,MAAa,uBAAqD,EAChE,UACA,YACI;CACJ,MAAM,OAAA,GAAA,MAAA,OAAA,CAA8B,IAAI;CAExC,MAAM,eAAA,GAAA,MAAA,YAAA,OAAgC;EACpC,QAAA,GAAA,oBAAA,cAAA,QAAA,CAAe,KAAK,KAAK,IAAI,SAAS,YAAY,KAAK;CACzD,GAAG,CAAC,OAAO,GAAG,CAAC;CAEf,MAAM,kBAAA,GAAA,MAAA,YAAA,OAAmC;EACvC,MAAM,WAAW,YAAY;EAE7B,KAAA,GAAA,oBAAA,cAAA,aAAA,CAAiB,QAAQ,MAAA,GAAA,oBAAA,cAAA,cAAA,CAAmB,SAAS,IAAI,GACvD,OAAO,SAAS;EAClB,KAAA,GAAA,oBAAA,cAAA,cAAA,CAAkB,QAAQ,GAAG,OAAO;EAEpC,QAAA,GAAA,oBAAA,cAAA,YAAA,CAAmB,QAAQ,CAAC,CAAC;CAC/B,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,WAAA,GAAA,MAAA,QAAA,OAAqC;EACzC,KAAA,GAAA,oBAAA,cAAA,WAAA,CAAe,GACb,OAAO;GACL,oBAAA,GAAA,oBAAA,cAAA,YAAA,CAA+B,YAAY,CAAC;GAC5C;GACA;GACA,kBAAA,GAAA,oBAAA,cAAA,UAAA,CAA2B,YAAY,CAAC;EAC1C;OAEA,OAAO;GACL,mBAAmB,KAAA;GACnB,sBAAsB,KAAA;GACtB,mBAAmB,KAAA;GACnB,iBAAiB,KAAA;EACnB;CACJ,GAAG,CAAC,gBAAgB,WAAW,CAAC;CAEhC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAD;EAAoB,OAAO;EAA3B,UAAA,CACG,UAEA,CAAC,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAW;GAAK,QAAA;EAAQ,CAAA,IAAI,IACpB;;AAExB;AAEA,MAAa,uBAAuB;CAClC,QAAA,GAAA,MAAA,IAAA,CAAW,kBAAkB;AAC/B"}
+{"version":3,"file":"environment-provider.cjs","names":["createContext","useRef","useCallback","useMemo","use"],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useCallback, useMemo, useRef } from \"react\"\nimport {\n  createdDom,\n  getDocument,\n  getWindow,\n  isHTMLElement,\n  isShadowRoot,\n  runIfFn,\n} from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootElement: () => HTMLElement | undefined\n  getRootNode: () => RootNode | undefined\n  getWindow: () => undefined | Window\n}\n\nexport const defaultEnvironment: Environment = {\n  getDocument: () => document,\n  getRootElement: () => document.documentElement,\n  getRootNode: () => document,\n  getWindow: () => window,\n}\n\nconst EnvironmentContext = createContext<Environment>(defaultEnvironment)\n\nexport interface EnvironmentProviderProps extends PropsWithChildren {\n  value?: (() => RootNode) | RootNode\n}\n\nexport const EnvironmentProvider: FC<EnvironmentProviderProps> = ({\n  children,\n  value,\n}) => {\n  const ref = useRef<HTMLSpanElement>(null)\n\n  const getRootNode = useCallback(() => {\n    return runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const getRootElement = useCallback(() => {\n    const rootNode = getRootNode()\n\n    if (isShadowRoot(rootNode) && isHTMLElement(rootNode.host))\n      return rootNode.host\n    if (isHTMLElement(rootNode)) return rootNode\n\n    return getDocument(rootNode).documentElement\n  }, [getRootNode])\n\n  const context = useMemo<Environment>(() => {\n    if (createdDom())\n      return {\n        getDocument: () => getDocument(getRootNode()),\n        getRootElement,\n        getRootNode,\n        getWindow: () => getWindow(getRootNode()),\n      }\n    else\n      return {\n        getDocument: () => undefined,\n        getRootElement: () => undefined,\n        getRootNode: () => undefined,\n        getWindow: () => undefined,\n      }\n  }, [getRootElement, getRootNode])\n\n  return (\n    <EnvironmentContext value={context}>\n      {children}\n\n      {!value ? <span ref={ref} hidden /> : null}\n    </EnvironmentContext>\n  )\n}\n\nexport const useEnvironment = () => {\n  return use(EnvironmentContext)\n}\n"],"mappings":";;;;;;AAsBA,MAAa,qBAAkC;CAC7C,mBAAmB;CACnB,sBAAsB,SAAS;CAC/B,mBAAmB;CACnB,iBAAiB;AACnB;AAEA,MAAM,sBAAA,GAAqBA,MAAAA,cAAAA,CAA2B,kBAAkB;AAMxE,MAAa,uBAAqD,EAChE,UACA,YACI;CACJ,MAAM,OAAA,GAAMC,MAAAA,OAAAA,CAAwB,IAAI;CAExC,MAAM,eAAA,GAAcC,MAAAA,YAAAA,OAAkB;EACpC,QAAA,GAAA,oBAAA,cAAO,QAAA,CAAQ,KAAK,KAAK,IAAI,SAAS,YAAY,KAAK;CACzD,GAAG,CAAC,OAAO,GAAG,CAAC;CAEf,MAAM,kBAAA,GAAiBA,MAAAA,YAAAA,OAAkB;EACvC,MAAM,WAAW,YAAY;EAE7B,KAAA,GAAA,oBAAA,cAAI,aAAA,CAAa,QAAQ,MAAA,GAAA,oBAAA,cAAK,cAAA,CAAc,SAAS,IAAI,GACvD,OAAO,SAAS;EAClB,KAAA,GAAA,oBAAA,cAAI,cAAA,CAAc,QAAQ,GAAG,OAAO;EAEpC,QAAA,GAAA,oBAAA,cAAO,YAAA,CAAY,QAAQ,CAAC,CAAC;CAC/B,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,WAAA,GAAUC,MAAAA,QAAAA,OAA2B;EACzC,KAAA,GAAA,oBAAA,cAAI,WAAA,CAAW,GACb,OAAO;GACL,oBAAA,GAAA,oBAAA,cAAmB,YAAA,CAAY,YAAY,CAAC;GAC5C;GACA;GACA,kBAAA,GAAA,oBAAA,cAAiB,UAAA,CAAU,YAAY,CAAC;EAC1C;OAEA,OAAO;GACL,mBAAmB,KAAA;GACnB,sBAAsB,KAAA;GACtB,mBAAmB,KAAA;GACnB,iBAAiB,KAAA;EACnB;CACJ,GAAG,CAAC,gBAAgB,WAAW,CAAC;CAEhC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAD;EAAoB,OAAO;EAA3B,UAAA,CACG,UAEA,CAAC,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAW;GAAK,QAAA;EAAQ,CAAA,IAAI,IACpB;;AAExB;AAEA,MAAa,uBAAuB;CAClC,QAAA,GAAOC,MAAAA,IAAAA,CAAI,kBAAkB;AAC/B"}

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

@@ -1 +1 @@
-{"version":3,"file":"layer.cjs","names":["DEFAULT_LAYERS"],"sources":["../../../../src/core/system/layer.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { LayerScheme, LayersConfig } from \"./index.types\"\nimport { runIfFn } from \"../../utils\"\nimport { DEFAULT_LAYERS } from \"../constant\"\n\nexport interface Layers {\n  atRule: string | undefined\n  names: string[]\n  wrap: (name: LayerScheme, style?: (() => Dict) | Dict) => Dict\n  getAtRule?: (name: LayerScheme) => string\n}\n\nexport const defaultLayers: Layers = {\n  atRule: undefined,\n  names: [] as string[],\n  wrap: function (_: LayerScheme, style?: (() => Dict) | Dict) {\n    return runIfFn(style) ?? {}\n  },\n}\n\nexport function createLayers(\n  layers: false | LayersConfig = DEFAULT_LAYERS,\n): Layers {\n  if (!layers) return defaultLayers\n\n  const names = Object.values(layers)\n    .sort((a, b) => a.order - b.order)\n    .map((layer) => layer.name)\n  const atRule = `@layer ${names.join(\", \")};`\n\n  const getAtRule = (name: LayerScheme) => `@layer ${layers[name].name}`\n\n  const wrap = (name: LayerScheme, style?: (() => Dict) | Dict) => {\n    const atRule = getAtRule(name)\n\n    return { [atRule]: runIfFn(style) }\n  }\n\n  return {\n    atRule,\n    getAtRule,\n    names,\n    wrap,\n  }\n}\n"],"mappings":";;;AAYA,MAAa,gBAAwB;CACnC,QAAQ,KAAA;CACR,OAAO,CAAC;CACR,MAAM,SAAU,GAAgB,OAA6B;EAC3D,QAAA,GAAA,oBAAA,cAAA,QAAA,CAAe,KAAK,KAAK,CAAC;CAC5B;AACF;AAEA,SAAgB,aACd,SAA+BA,iBAAAA,gBACvB;CACR,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,QAAQ,OAAO,OAAO,MAAM,CAAC,CAChC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CACjC,KAAK,UAAU,MAAM,IAAI;CAC5B,MAAM,SAAS,UAAU,MAAM,KAAK,IAAI,EAAE;CAE1C,MAAM,aAAa,SAAsB,UAAU,OAAO,KAAK,CAAC;CAEhE,MAAM,QAAQ,MAAmB,UAAgC;EAG/D,OAAO,GAFQ,UAAU,IAEV,KAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,KAAK,EAAE;CACpC;CAEA,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"layer.cjs","names":["DEFAULT_LAYERS"],"sources":["../../../../src/core/system/layer.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { LayerScheme, LayersConfig } from \"./index.types\"\nimport { runIfFn } from \"../../utils\"\nimport { DEFAULT_LAYERS } from \"../constant\"\n\nexport interface Layers {\n  atRule: string | undefined\n  names: string[]\n  wrap: (name: LayerScheme, style?: (() => Dict) | Dict) => Dict\n  getAtRule?: (name: LayerScheme) => string\n}\n\nexport const defaultLayers: Layers = {\n  atRule: undefined,\n  names: [] as string[],\n  wrap: function (_: LayerScheme, style?: (() => Dict) | Dict) {\n    return runIfFn(style) ?? {}\n  },\n}\n\nexport function createLayers(\n  layers: false | LayersConfig = DEFAULT_LAYERS,\n): Layers {\n  if (!layers) return defaultLayers\n\n  const names = Object.values(layers)\n    .sort((a, b) => a.order - b.order)\n    .map((layer) => layer.name)\n  const atRule = `@layer ${names.join(\", \")};`\n\n  const getAtRule = (name: LayerScheme) => `@layer ${layers[name].name}`\n\n  const wrap = (name: LayerScheme, style?: (() => Dict) | Dict) => {\n    const atRule = getAtRule(name)\n\n    return { [atRule]: runIfFn(style) }\n  }\n\n  return {\n    atRule,\n    getAtRule,\n    names,\n    wrap,\n  }\n}\n"],"mappings":";;;AAYA,MAAa,gBAAwB;CACnC,QAAQ,KAAA;CACR,OAAO,CAAC;CACR,MAAM,SAAU,GAAgB,OAA6B;EAC3D,QAAA,GAAA,oBAAA,cAAO,QAAA,CAAQ,KAAK,KAAK,CAAC;CAC5B;AACF;AAEA,SAAgB,aACd,SAA+BA,iBAAAA,gBACvB;CACR,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,QAAQ,OAAO,OAAO,MAAM,CAAC,CAChC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CACjC,KAAK,UAAU,MAAM,IAAI;CAC5B,MAAM,SAAS,UAAU,MAAM,KAAK,IAAI,EAAE;CAE1C,MAAM,aAAa,SAAsB,UAAU,OAAO,KAAK,CAAC;CAEhE,MAAM,QAAQ,MAAmB,UAAgC;EAG/D,OAAO,GAFQ,UAAU,IAEV,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,KAAK,EAAE;CACpC;CAEA,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}

package/dist/cjs/core/system/storage-script.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"storage-script.cjs","names":["COLOR_MODE_STORAGE_KEY","THEME_SCHEME_STORAGE_KEY"],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { createdDom } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\")\n      if (storage === \"localStorage\")\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      else\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n    else if (storage === \"localStorage\")\n      return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n    else\n      return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;AAcA,SAAgB,iBACd,MACA,YACA;CACA,OAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,CAAC,GAAG;EAC5C,IAAI,SAAS,aACX,IAAI,YAAY,gBACd,OAAO,4TAA4T,aAAa,OAAO,IAAI;OAE3V,OAAO,4TAA4T,aAAa,OAAO,IAAI;OAC1V,IAAI,YAAY,gBACnB,OAAO,oGAAoG,aAAa,OAAO,IAAI;OAEnI,OAAO,oGAAoG,aAAa,OAAO,IAAI;CACvI;AACF;AAEA,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;CAC1C,MAAM,OAAO,iBACX,aACAA,iBAAAA,sBACF,CAAC,CAAC;EAAE,cAAc;EAAS,GAAG;CAAK,CAAC;CAEpC,KAAA,GAAA,oBAAA,cAAA,WAAA,CAAe,GAAG,OAAO;CAEzB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,yBAAyB,EAAE,QAAQ,KAAK;EAAU;CAAQ,CAAA;AAC3E;AAEA,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;CAClC,MAAM,OAAO,iBACX,eACAC,iBAAAA,wBACF,CAAC,CAAC;EACA,cAAc;EACd,GAAG;CACL,CAAC;CAED,KAAA,GAAA,oBAAA,cAAA,WAAA,CAAe,GAAG,OAAO;CAEzB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,yBAAyB,EAAE,QAAQ,KAAK;EAAU;CAAQ,CAAA;AAC3E"}
+{"version":3,"file":"storage-script.cjs","names":["COLOR_MODE_STORAGE_KEY","THEME_SCHEME_STORAGE_KEY"],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { createdDom } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\")\n      if (storage === \"localStorage\")\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      else\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n    else if (storage === \"localStorage\")\n      return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n    else\n      return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;AAcA,SAAgB,iBACd,MACA,YACA;CACA,OAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,CAAC,GAAG;EAC5C,IAAI,SAAS,aACX,IAAI,YAAY,gBACd,OAAO,4TAA4T,aAAa,OAAO,IAAI;OAE3V,OAAO,4TAA4T,aAAa,OAAO,IAAI;OAC1V,IAAI,YAAY,gBACnB,OAAO,oGAAoG,aAAa,OAAO,IAAI;OAEnI,OAAO,oGAAoG,aAAa,OAAO,IAAI;CACvI;AACF;AAEA,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;CAC1C,MAAM,OAAO,iBACX,aACAA,iBAAAA,sBACF,CAAC,CAAC;EAAE,cAAc;EAAS,GAAG;CAAK,CAAC;CAEpC,KAAA,GAAA,oBAAA,cAAI,WAAA,CAAW,GAAG,OAAO;CAEzB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,yBAAyB,EAAE,QAAQ,KAAK;EAAU;CAAQ,CAAA;AAC3E;AAEA,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;CAClC,MAAM,OAAO,iBACX,eACAC,iBAAAA,wBACF,CAAC,CAAC;EACA,cAAc;EACd,GAAG;CACL,CAAC;CAED,KAAA,GAAA,oBAAA,cAAI,WAAA,CAAW,GAAG,OAAO;CAEzB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,yBAAyB,EAAE,QAAQ,KAAK;EAAU;CAAQ,CAAA;AAC3E"}

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","names":["createContext","getDisplayName","createShouldForwardProp","useSystem","useTheme","useComponentStyle","css","Slot"],"sources":["../../../../src/core/system/styled.tsx"],"sourcesContent":["\"use client\"\n\nimport type { EmotionCache, SerializedStyles } from \"@emotion/utils\"\nimport type { FC } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { As, ShouldForwardProp, StyledComponent } from \"../components\"\nimport type { CSSModifierObject, CSSPropObject } from \"../css\"\nimport type {\n  ColorScheme,\n  ComponentStyle,\n  System,\n  UsageTheme,\n} from \"./index.types\"\nimport { withEmotionCache } from \"@emotion/react\"\nimport { serializeStyles } from \"@emotion/serialize\"\nimport { useInsertionEffectAlwaysWithSyncFallback } from \"@emotion/use-insertion-effect-with-fallbacks\"\nimport {\n  getRegisteredStyles,\n  insertStyles,\n  registerStyles,\n} from \"@emotion/utils\"\nimport { useMemo, useRef } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport { Slot } from \"../../components/slot\"\nimport {\n  createContext,\n  createdDom,\n  cx,\n  filterEmpty,\n  filterUndefined,\n  isString,\n  isUndefined,\n  runIfFn,\n  splitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport {\n  createShouldForwardProp,\n  getDisplayName,\n  useComponentStyle,\n} from \"../components\"\nimport { css } from \"../css\"\nimport { useSystem } from \"./system-provider\"\nimport { useTheme } from \"./theme-provider\"\n\ninterface InsertionProps {\n  cache: EmotionCache\n  htmlTag: boolean\n  serialized: SerializedStyles\n}\n\nconst Insertion: FC<InsertionProps> = ({ cache, htmlTag, serialized }) => {\n  registerStyles(cache, serialized, htmlTag)\n\n  const style = useInsertionEffectAlwaysWithSyncFallback(() =>\n    insertStyles(cache, serialized, htmlTag),\n  )\n\n  if (!createdDom() && !isUndefined(style)) {\n    let className = serialized.name\n    let next = serialized.next\n\n    while (next !== undefined) {\n      className = cx(className, next.name) ?? \"\"\n      next = next.next\n    }\n\n    return (\n      <style\n        data-emotion={cx(cache.key, className)}\n        dangerouslySetInnerHTML={{ __html: style }}\n        nonce={cache.sheet.nonce}\n      />\n    )\n  } else {\n    return null\n  }\n}\n\nconst useSplitProps = <Y extends Dict, M extends Dict>(\n  props: Dict,\n  shouldForwardProp?: ShouldForwardProp,\n) => {\n  const propsRef = useRef(props)\n\n  if (!isEqual(propsRef.current, props)) propsRef.current = props\n\n  const computedProps = propsRef.current\n\n  return useMemo(\n    () => splitObject<Y, M>(computedProps, shouldForwardProp),\n    [computedProps, shouldForwardProp],\n  )\n}\n\nexport const [ColorSchemeContext, useColorSchemeContext] =\n  createContext<ColorScheme>({\n    name: \"ColorSchemeContext\",\n    strict: false,\n  })\n\nexport interface StyledOptions<\n  Y extends CSSPropObject = CSSPropObject,\n  M extends CSSModifierObject = CSSModifierObject,\n  D extends CSSModifierObject = CSSModifierObject,\n  H extends number | string | symbol = string,\n> extends Omit<ComponentStyle<Y, M, D>, \"className\"> {\n  className?: ((system: System) => string) | string\n  displayName?: string\n  forwardAsChild?: boolean\n  name?: string\n  shouldForwardProp?: boolean | ShouldForwardProp\n  target?: string\n  forwardProps?: string[]\n  transferProps?: H[]\n}\n\nexport function createStyled<\n  Y extends As,\n  M extends object = {},\n  D extends CSSPropObject = CSSPropObject,\n  H extends CSSModifierObject = CSSModifierObject,\n  R extends CSSModifierObject = CSSModifierObject,\n>(\n  el: Y,\n  {\n    name,\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n    transferProps,\n    ...options\n  }: StyledOptions<D, H, R, keyof M> = {},\n) {\n  const displayName = options.displayName ?? getDisplayName(name, \"\")\n  const shouldForwardProp = !options.shouldForwardProp\n    ? createShouldForwardProp(options.forwardProps)\n    : undefined\n  const style = filterUndefined({\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n  })\n\n  const StyledComponent = withEmotionCache<Dict>(function (\n    { as: Component = el, asChild, children, ...props },\n    cache,\n    ref,\n  ) {\n    let className: string | undefined = \"\"\n\n    const system = useSystem()\n    const { theme } = useTheme<UsageTheme>()\n    const componentStyleOptions = {\n      name,\n      className: system.utils.getClassName(\n        runIfFn(options.className, system) ?? toKebabCase(name ?? \"\"),\n      ),\n      style,\n      transferProps,\n    }\n    const registered = useRef<string[]>([])\n    const htmlTag = isString(Component)\n    const forwardAsChild =\n      options.forwardAsChild || options.forwardProps?.includes(\"asChild\")\n    const [omittedProps, styleProps] = useSplitProps(props, shouldForwardProp)\n    const [, rest] = useComponentStyle<any, {}>(\n      omittedProps,\n      componentStyleOptions,\n    )\n    const [cssArray, colorScheme, forwardProps] = useMemo(() => {\n      const { css, colorScheme, ...forwardProps } = rest\n\n      return [toArray(css), colorScheme, forwardProps]\n    }, [rest])\n\n    styleProps.colorScheme ??= colorScheme\n\n    if (forwardProps.className)\n      className = getRegisteredStyles(\n        cache.registered,\n        registered.current,\n        forwardProps.className,\n      ).trim()\n\n    const interpolations = useMemo(\n      () => [\n        ...registered.current,\n        ...filterEmpty([...cssArray, styleProps].map(css(system, theme))),\n      ],\n      [cssArray, system, styleProps, theme],\n    )\n\n    const serialized = useMemo(\n      () => serializeStyles(interpolations, cache.registered),\n      [interpolations, cache.registered],\n    )\n\n    className = cx(\n      className,\n      serialized.styles ? `${cache.key}-${serialized.name}` : undefined,\n    )\n    className = cx(className, options.target)\n\n    if (!className) className = undefined\n\n    const mergedProps = { ...forwardProps, className, children }\n\n    return (\n      <ColorSchemeContext value={styleProps.colorScheme}>\n        <Insertion cache={cache} htmlTag={htmlTag} serialized={serialized} />\n\n        {asChild && !forwardAsChild ? (\n          <Slot ref={ref} {...mergedProps} />\n        ) : (\n          <Component ref={ref} {...mergedProps} />\n        )}\n      </ColorSchemeContext>\n    )\n  }) as StyledComponent<Y, M>\n\n  StyledComponent.displayName = displayName || \"StyledComponent\"\n\n  return StyledComponent\n}\n"],"mappings":"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"}
+{"version":3,"file":"styled.cjs","names":["useInsertionEffectAlwaysWithSyncFallback","insertStyles","useRef","isEqual","useMemo","createContext","getDisplayName","createShouldForwardProp","withEmotionCache","useSystem","useTheme","useComponentStyle","getRegisteredStyles","css","serializeStyles","Slot"],"sources":["../../../../src/core/system/styled.tsx"],"sourcesContent":["\"use client\"\n\nimport type { EmotionCache, SerializedStyles } from \"@emotion/utils\"\nimport type { FC } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { As, ShouldForwardProp, StyledComponent } from \"../components\"\nimport type { CSSModifierObject, CSSPropObject } from \"../css\"\nimport type {\n  ColorScheme,\n  ComponentStyle,\n  System,\n  UsageTheme,\n} from \"./index.types\"\nimport { withEmotionCache } from \"@emotion/react\"\nimport { serializeStyles } from \"@emotion/serialize\"\nimport { useInsertionEffectAlwaysWithSyncFallback } from \"@emotion/use-insertion-effect-with-fallbacks\"\nimport {\n  getRegisteredStyles,\n  insertStyles,\n  registerStyles,\n} from \"@emotion/utils\"\nimport { useMemo, useRef } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport { Slot } from \"../../components/slot\"\nimport {\n  createContext,\n  createdDom,\n  cx,\n  filterEmpty,\n  filterUndefined,\n  isString,\n  isUndefined,\n  runIfFn,\n  splitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport {\n  createShouldForwardProp,\n  getDisplayName,\n  useComponentStyle,\n} from \"../components\"\nimport { css } from \"../css\"\nimport { useSystem } from \"./system-provider\"\nimport { useTheme } from \"./theme-provider\"\n\ninterface InsertionProps {\n  cache: EmotionCache\n  htmlTag: boolean\n  serialized: SerializedStyles\n}\n\nconst Insertion: FC<InsertionProps> = ({ cache, htmlTag, serialized }) => {\n  registerStyles(cache, serialized, htmlTag)\n\n  const style = useInsertionEffectAlwaysWithSyncFallback(() =>\n    insertStyles(cache, serialized, htmlTag),\n  )\n\n  if (!createdDom() && !isUndefined(style)) {\n    let className = serialized.name\n    let next = serialized.next\n\n    while (next !== undefined) {\n      className = cx(className, next.name) ?? \"\"\n      next = next.next\n    }\n\n    return (\n      <style\n        data-emotion={cx(cache.key, className)}\n        dangerouslySetInnerHTML={{ __html: style }}\n        nonce={cache.sheet.nonce}\n      />\n    )\n  } else {\n    return null\n  }\n}\n\nconst useSplitProps = <Y extends Dict, M extends Dict>(\n  props: Dict,\n  shouldForwardProp?: ShouldForwardProp,\n) => {\n  const propsRef = useRef(props)\n\n  if (!isEqual(propsRef.current, props)) propsRef.current = props\n\n  const computedProps = propsRef.current\n\n  return useMemo(\n    () => splitObject<Y, M>(computedProps, shouldForwardProp),\n    [computedProps, shouldForwardProp],\n  )\n}\n\nexport const [ColorSchemeContext, useColorSchemeContext] =\n  createContext<ColorScheme>({\n    name: \"ColorSchemeContext\",\n    strict: false,\n  })\n\nexport interface StyledOptions<\n  Y extends CSSPropObject = CSSPropObject,\n  M extends CSSModifierObject = CSSModifierObject,\n  D extends CSSModifierObject = CSSModifierObject,\n  H extends number | string | symbol = string,\n> extends Omit<ComponentStyle<Y, M, D>, \"className\"> {\n  className?: ((system: System) => string) | string\n  displayName?: string\n  forwardAsChild?: boolean\n  name?: string\n  shouldForwardProp?: boolean | ShouldForwardProp\n  target?: string\n  forwardProps?: string[]\n  transferProps?: H[]\n}\n\nexport function createStyled<\n  Y extends As,\n  M extends object = {},\n  D extends CSSPropObject = CSSPropObject,\n  H extends CSSModifierObject = CSSModifierObject,\n  R extends CSSModifierObject = CSSModifierObject,\n>(\n  el: Y,\n  {\n    name,\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n    transferProps,\n    ...options\n  }: StyledOptions<D, H, R, keyof M> = {},\n) {\n  const displayName = options.displayName ?? getDisplayName(name, \"\")\n  const shouldForwardProp = !options.shouldForwardProp\n    ? createShouldForwardProp(options.forwardProps)\n    : undefined\n  const style = filterUndefined({\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n  })\n\n  const StyledComponent = withEmotionCache<Dict>(function (\n    { as: Component = el, asChild, children, ...props },\n    cache,\n    ref,\n  ) {\n    let className: string | undefined = \"\"\n\n    const system = useSystem()\n    const { theme } = useTheme<UsageTheme>()\n    const componentStyleOptions = {\n      name,\n      className: system.utils.getClassName(\n        runIfFn(options.className, system) ?? toKebabCase(name ?? \"\"),\n      ),\n      style,\n      transferProps,\n    }\n    const registered = useRef<string[]>([])\n    const htmlTag = isString(Component)\n    const forwardAsChild =\n      options.forwardAsChild || options.forwardProps?.includes(\"asChild\")\n    const [omittedProps, styleProps] = useSplitProps(props, shouldForwardProp)\n    const [, rest] = useComponentStyle<any, {}>(\n      omittedProps,\n      componentStyleOptions,\n    )\n    const [cssArray, colorScheme, forwardProps] = useMemo(() => {\n      const { css, colorScheme, ...forwardProps } = rest\n\n      return [toArray(css), colorScheme, forwardProps]\n    }, [rest])\n\n    styleProps.colorScheme ??= colorScheme\n\n    if (forwardProps.className)\n      className = getRegisteredStyles(\n        cache.registered,\n        registered.current,\n        forwardProps.className,\n      ).trim()\n\n    const interpolations = useMemo(\n      () => [\n        ...registered.current,\n        ...filterEmpty([...cssArray, styleProps].map(css(system, theme))),\n      ],\n      [cssArray, system, styleProps, theme],\n    )\n\n    const serialized = useMemo(\n      () => serializeStyles(interpolations, cache.registered),\n      [interpolations, cache.registered],\n    )\n\n    className = cx(\n      className,\n      serialized.styles ? `${cache.key}-${serialized.name}` : undefined,\n    )\n    className = cx(className, options.target)\n\n    if (!className) className = undefined\n\n    const mergedProps = { ...forwardProps, className, children }\n\n    return (\n      <ColorSchemeContext value={styleProps.colorScheme}>\n        <Insertion cache={cache} htmlTag={htmlTag} serialized={serialized} />\n\n        {asChild && !forwardAsChild ? (\n          <Slot ref={ref} {...mergedProps} />\n        ) : (\n          <Component ref={ref} {...mergedProps} />\n        )}\n      </ColorSchemeContext>\n    )\n  }) as StyledComponent<Y, M>\n\n  StyledComponent.displayName = displayName || \"StyledComponent\"\n\n  return StyledComponent\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_environment_provider = require("./environment-provider.cjs");
 const require_create_system = require("./create-system.cjs");
 let react = require("react");

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

@@ -1 +1 @@
-{"version":3,"file":"system-provider.cjs","names":["defaultSystem","useEnvironment","createSystem"],"sources":["../../../../src/core/system/system-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { System, ThemeConfig, UsageTheme } from \"./index.types\"\nimport { createContext, use, useMemo } from \"react\"\nimport { createSystem, defaultSystem } from \"./create-system\"\nimport { useEnvironment } from \"./environment-provider\"\n\ninterface SystemContext extends System {}\n\nconst SystemContext = createContext<SystemContext>(defaultSystem)\n\nexport interface SystemProviderProps extends PropsWithChildren {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const SystemProvider: FC<SystemProviderProps> = ({\n  children,\n  config,\n  theme = {},\n}) => {\n  const { getRootNode } = useEnvironment()\n  const rootNode = getRootNode()\n  const system = useMemo(\n    () => createSystem(theme, config, rootNode),\n    [theme, config, rootNode],\n  )\n\n  return <SystemContext value={system}>{children}</SystemContext>\n}\n\nexport const useSystem = () => {\n  const system = use(SystemContext)\n\n  return system\n}\n"],"mappings":";;;;;;AAUA,MAAM,iBAAA,GAAA,MAAA,cAAA,CAA6CA,sBAAAA,aAAa;AAahE,MAAa,kBAA2C,EACtD,UACA,QACA,QAAQ,CAAC,QACL;CACJ,MAAM,EAAE,gBAAgBC,6BAAAA,eAAe;CACvC,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAA,GAAA,MAAA,QAAA,OACEC,sBAAAA,aAAa,OAAO,QAAQ,QAAQ,GAC1C;EAAC;EAAO;EAAQ;CAAQ,CAC1B;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,OAAO;EAAS;CAAwB,CAAA;AAChE;AAEA,MAAa,kBAAkB;CAG7B,QAAA,GAAA,MAAA,IAAA,CAFmB,aAEP;AACd"}
+{"version":3,"file":"system-provider.cjs","names":["createContext","defaultSystem","useEnvironment","useMemo","createSystem","use"],"sources":["../../../../src/core/system/system-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { System, ThemeConfig, UsageTheme } from \"./index.types\"\nimport { createContext, use, useMemo } from \"react\"\nimport { createSystem, defaultSystem } from \"./create-system\"\nimport { useEnvironment } from \"./environment-provider\"\n\ninterface SystemContext extends System {}\n\nconst SystemContext = createContext<SystemContext>(defaultSystem)\n\nexport interface SystemProviderProps extends PropsWithChildren {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const SystemProvider: FC<SystemProviderProps> = ({\n  children,\n  config,\n  theme = {},\n}) => {\n  const { getRootNode } = useEnvironment()\n  const rootNode = getRootNode()\n  const system = useMemo(\n    () => createSystem(theme, config, rootNode),\n    [theme, config, rootNode],\n  )\n\n  return <SystemContext value={system}>{children}</SystemContext>\n}\n\nexport const useSystem = () => {\n  const system = use(SystemContext)\n\n  return system\n}\n"],"mappings":";;;;;;;AAUA,MAAM,iBAAA,GAAgBA,MAAAA,cAAAA,CAA6BC,sBAAAA,aAAa;AAahE,MAAa,kBAA2C,EACtD,UACA,QACA,QAAQ,CAAC,QACL;CACJ,MAAM,EAAE,gBAAgBC,6BAAAA,eAAe;CACvC,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAA,GAASC,MAAAA,QAAAA,OACPC,sBAAAA,aAAa,OAAO,QAAQ,QAAQ,GAC1C;EAAC;EAAO;EAAQ;CAAQ,CAC1B;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,OAAO;EAAS;CAAwB,CAAA;AAChE;AAEA,MAAa,kBAAkB;CAG7B,QAAA,GAFeC,MAAAA,IAAAA,CAAI,aAEP;AACd"}

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

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_constant = require("../constant.cjs");
 const require_environment_provider = require("./environment-provider.cjs");
@@ -82,11 +83,12 @@ const GlobalStyles = () => {
 		if (!style || (0, require_utils_index.utils_exports.isEmptyObject)(style)) return void 0;
 		return require_css.css(system, theme)(style);
 	}, [system, theme]);
+	const varRules = (0, react.useMemo)(() => {
+		return require_var.createVarRules(system.config.css?.varRoot ?? ":host, :root", system.cssVars);
+	}, [system]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.Global, { styles: [
 		atRule,
-		wrap("tokens", (0, react.useMemo)(() => {
-			return require_var.createVarRules(system.config.css?.varRoot ?? ":host, :root", system.cssVars);
-		}, [system])),
+		wrap("tokens", varRules),
 		wrap("reset", resetStyle),
 		wrap("global", globalStyle)
 	] });

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.cjs","names":["THEME_SCHEME_STORAGE_KEY","createStorageManager","useEnvironment","EmotionThemeProvider","useSystem","css","Global","createVarRules","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 {\n  isEmptyObject,\n  isObject,\n  isShadowRoot,\n  isUndefined,\n  merge,\n} 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\"\nimport { createVarRules } from \"./var\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const win = environment.getWindow()\n  const doc = environment.getDocument()\n  const root = environment.getRootElement()\n  const rootNode = environment.getRootNode()\n\n  if (!win || !doc || !root) return\n\n  const css = doc.createElement(\"style\")\n  const shadowRoot = isShadowRoot(rootNode)\n  const selector = shadowRoot ? \":host, *\" : \"*\"\n  const container = shadowRoot ? rootNode : doc.head\n\n  const node = doc.createTextNode(\n    `${selector}{-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  container.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(root)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        container.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 root = environment.getRootElement()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (root) root.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 varRules = useMemo(() => {\n    return createVarRules(\n      system.config.css?.varRoot ?? \":host, :root\",\n      system.cssVars,\n    )\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", varRules),\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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"}
+{"version":3,"file":"theme-provider.cjs","names":["THEME_SCHEME_STORAGE_KEY","useMemo","createStorageManager","useEnvironment","useState","useCallback","EmotionThemeProvider","useSystem","css","createVarRules","Global","use","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 {\n  isEmptyObject,\n  isObject,\n  isShadowRoot,\n  isUndefined,\n  merge,\n} 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\"\nimport { createVarRules } from \"./var\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const win = environment.getWindow()\n  const doc = environment.getDocument()\n  const root = environment.getRootElement()\n  const rootNode = environment.getRootNode()\n\n  if (!win || !doc || !root) return\n\n  const css = doc.createElement(\"style\")\n  const shadowRoot = isShadowRoot(rootNode)\n  const selector = shadowRoot ? \":host, *\" : \"*\"\n  const container = shadowRoot ? rootNode : doc.head\n\n  const node = doc.createTextNode(\n    `${selector}{-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  container.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(root)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        container.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 root = environment.getRootElement()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (root) root.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 varRules = useMemo(() => {\n    return createVarRules(\n      system.config.css?.varRoot ?? \":host, :root\",\n      system.cssVars,\n    )\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", varRules),\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-system-color-mode.cjs

@@ -1,4 +1,5 @@
 "use client";
+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");

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\") mql.addListener(listener)\n      else mql?.addEventListener(\"change\", listener)\n\n      return () => {\n        if (typeof mql?.removeListener === \"function\")\n          mql.removeListener(listener)\n        else mql?.removeEventListener(\"change\", listener)\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,eAAe;CACrC,MAAM,cAAcC,YAAAA,eAAe,QAAQ;CAC3C,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,SAAA,CACF,gBAAgB;CAEtC,MAAM,sBAAA,GAAA,MAAA,YAAA,EACH,aAAyB;EAIxB,QAHY,UAAU,CAAC,EAAE,WAAW,8BAA8B,EAAA,EAChD,WAAW,aAAa,SAE5B,SAAS;CACzB,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,2BAAA,GAAA,MAAA,YAAA,EACH,SAAkC;EACjC,MAAM,MAAM,UAAU,CAAC,EAAE,WAAW,8BAA8B;EAElE,MAAM,YAAY,MAA2B;GAC3C,KAAK,EAAE,UAAU,SAAS,OAAO;EACnC;EAEA,IAAI,OAAO,KAAK,gBAAgB,YAAY,IAAI,YAAY,QAAQ;OAC/D,KAAK,iBAAiB,UAAU,QAAQ;EAE7C,aAAa;GACX,IAAI,OAAO,KAAK,mBAAmB,YACjC,IAAI,eAAe,QAAQ;QACxB,KAAK,oBAAoB,UAAU,QAAQ;EAClD;CACF,GACA,CAAC,SAAS,CACZ;CAEA,eAAA,0BAA0B;EACxB,mBAAmB,mBAAmB,CAAC;CACzC,GAAG,CAAC,kBAAkB,CAAC;CAEvB,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,OAAO,yBAAA,GAAA,oBAAA,cAAA,MAAA,CAA8B,oBAAoB,WAAW,CAAC;CACvE,GAAG;EAAC;EAAyB;EAAoB;CAAW,CAAC;CAE7D,OAAO;EAAE;EAAoB;CAAgB;AAC/C"}
+{"version":3,"file":"use-system-color-mode.cjs","names":["useEnvironment","useCallbackRef","useState","useCallback"],"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\") mql.addListener(listener)\n      else mql?.addEventListener(\"change\", listener)\n\n      return () => {\n        if (typeof mql?.removeListener === \"function\")\n          mql.removeListener(listener)\n        else mql?.removeEventListener(\"change\", listener)\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,eAAe;CACrC,MAAM,cAAcC,YAAAA,eAAe,QAAQ;CAC3C,MAAM,CAAC,iBAAiB,uBAAA,GACtBC,MAAAA,SAAAA,CAAoB,gBAAgB;CAEtC,MAAM,sBAAA,GAAqBC,MAAAA,YAAAA,EACxB,aAAyB;EAIxB,QAHY,UAAU,CAAC,EAAE,WAAW,8BAA8B,EAAA,EAChD,WAAW,aAAa,SAE5B,SAAS;CACzB,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,2BAAA,GAA0BA,MAAAA,YAAAA,EAC7B,SAAkC;EACjC,MAAM,MAAM,UAAU,CAAC,EAAE,WAAW,8BAA8B;EAElE,MAAM,YAAY,MAA2B;GAC3C,KAAK,EAAE,UAAU,SAAS,OAAO;EACnC;EAEA,IAAI,OAAO,KAAK,gBAAgB,YAAY,IAAI,YAAY,QAAQ;OAC/D,KAAK,iBAAiB,UAAU,QAAQ;EAE7C,aAAa;GACX,IAAI,OAAO,KAAK,mBAAmB,YACjC,IAAI,eAAe,QAAQ;QACxB,KAAK,oBAAoB,UAAU,QAAQ;EAClD;CACF,GACA,CAAC,SAAS,CACZ;CAEA,eAAA,0BAA0B;EACxB,mBAAmB,mBAAmB,CAAC;CACzC,GAAG,CAAC,kBAAkB,CAAC;CAEvB,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,OAAO,yBAAA,GAAA,oBAAA,cAAwB,MAAA,CAAM,oBAAoB,WAAW,CAAC;CACvE,GAAG;EAAC;EAAyB;EAAoB;CAAW,CAAC;CAE7D,OAAO;EAAE;EAAoB;CAAgB;AAC/C"}

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

@@ -223,8 +223,9 @@ function createVarRules(varRoot, cssVars) {
 				themeScheme: `[data-theme=${themeScheme}]`
 			};
 			const attr = !dark ? attrs.themeScheme : `${attrs.themeScheme}${attrs.colorMode}`;
+			const selector = createSelector(varRoot, attr);
 			return [[(0, require_utils_index.utils_exports.filterEmpty)([
-				createSelector(varRoot, attr),
+				selector,
 				attr,
 				`${attrs.themeScheme} ${attrs.colorMode}`,
 				dark ? `${attrs.colorMode} ${attrs.themeScheme}` : void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"var.cjs","names":["defaultSystem","colorMix","animation","gradient","injectKeyframes","css","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  ColorMode,\n  CSSMap,\n  CSSVars,\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  filterEmpty,\n  isArray,\n  isEmptyObject,\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  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 return value\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  rootNode?: System[\"rootNode\"],\n) {\n  return function (tokens: VariableTokens) {\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: CSSVars = { light: {}, dark: {} },\n      prevTokens?: VariableTokens,\n    ): { cssMap: CSSMap; cssVars: CSSVars } {\n      const system: System = { ...defaultSystem, cssMap, rootNode }\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 return animation(value, options)\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), rootNode)\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : injectKeyframes(css(system, theme)(value), rootNode)\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 (\n          semantic: boolean,\n          colorMode: ColorMode = \"light\",\n          breakpoint: string = \"base\",\n        ) {\n          if (isAnimation(token)) value = createAnimationVar(value)\n\n          if (isArray(value)) {\n            value.forEach((value, index) =>\n              createVar(token, value, variable)(\n                semantic,\n                !index ? \"light\" : \"dark\",\n                breakpoint,\n              ),\n            )\n          } else if (breakpoints.isResponsive(value, true)) {\n            Object.entries(value).forEach(([breakpoint, value]) =>\n              createVar(token, value, variable)(\n                semantic,\n                colorMode,\n                breakpoint,\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 query = breakpoints.getQuery(breakpoint)\n\n            if (query)\n              resolvedValue = { [colorMode]: { [query]: resolvedValue } }\n            else resolvedValue = { [colorMode]: resolvedValue }\n\n            cssVars = merge(cssVars, resolvedValue)\n          }\n        }\n      }\n\n      for (const [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: CSSVars = { light: {}, dark: {} }\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\nfunction createSelector(selectors: string, attr?: string): string {\n  return selectors\n    .split(\",\")\n    .map((selector) => {\n      selector = selector.trim()\n\n      if (!attr) return selector\n      else if (selector === \":host\") return `${selector}(${attr})`\n      else return `${selector}${attr}`\n    })\n    .join(\", \")\n}\n\nexport function createVarRules(varRoot: string, cssVars: CSSVars): Dict {\n  return Object.fromEntries(\n    Object.entries(cssVars).flatMap(([colorMode, cssVars]) => {\n      if (isEmptyObject(cssVars)) return []\n\n      if (colorMode === \"light\" || colorMode === \"dark\") {\n        const dark = colorMode === \"dark\"\n        const attr = `[data-mode=${colorMode}]`\n        const selector = createSelector(varRoot, dark ? attr : undefined)\n\n        return [[[selector, attr].join(\", \"), cssVars]]\n      } else {\n        return Object.entries<Dict>(cssVars).flatMap(([themeScheme, cssVars]) =>\n          Object.entries(cssVars).flatMap(([colorMode, cssVars]) => {\n            if (isEmptyObject(cssVars)) return []\n\n            const dark = colorMode === \"dark\"\n            const attrs = {\n              colorMode: `[data-mode=${colorMode}]`,\n              themeScheme: `[data-theme=${themeScheme}]`,\n            }\n            const attr = !dark\n              ? attrs.themeScheme\n              : `${attrs.themeScheme}${attrs.colorMode}`\n            const selector = createSelector(varRoot, attr)\n\n            return [\n              [\n                filterEmpty([\n                  selector,\n                  attr,\n                  `${attrs.themeScheme} ${attrs.colorMode}`,\n                  dark ? `${attrs.colorMode} ${attrs.themeScheme}` : undefined,\n                  `:host(${attrs.themeScheme}) ${attrs.colorMode}`,\n                  dark\n                    ? `:host(${attrs.colorMode}) ${attrs.themeScheme}`\n                    : undefined,\n                ]).join(\", \"),\n                cssVars,\n              ],\n            ]\n          }),\n        )\n      }\n    }),\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\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              replaceObject(value, (value) =>\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)) return objOrArray.map(callback) as Y\n  else return callback(objOrArray) as Y\n}\n"],"mappings":"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"}
+{"version":3,"file":"var.cjs","names":["defaultSystem","colorMix","animation","gradient","injectKeyframes","css","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  ColorMode,\n  CSSMap,\n  CSSVars,\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  filterEmpty,\n  isArray,\n  isEmptyObject,\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  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 return value\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  rootNode?: System[\"rootNode\"],\n) {\n  return function (tokens: VariableTokens) {\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: CSSVars = { light: {}, dark: {} },\n      prevTokens?: VariableTokens,\n    ): { cssMap: CSSMap; cssVars: CSSVars } {\n      const system: System = { ...defaultSystem, cssMap, rootNode }\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 return animation(value, options)\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), rootNode)\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : injectKeyframes(css(system, theme)(value), rootNode)\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 (\n          semantic: boolean,\n          colorMode: ColorMode = \"light\",\n          breakpoint: string = \"base\",\n        ) {\n          if (isAnimation(token)) value = createAnimationVar(value)\n\n          if (isArray(value)) {\n            value.forEach((value, index) =>\n              createVar(token, value, variable)(\n                semantic,\n                !index ? \"light\" : \"dark\",\n                breakpoint,\n              ),\n            )\n          } else if (breakpoints.isResponsive(value, true)) {\n            Object.entries(value).forEach(([breakpoint, value]) =>\n              createVar(token, value, variable)(\n                semantic,\n                colorMode,\n                breakpoint,\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 query = breakpoints.getQuery(breakpoint)\n\n            if (query)\n              resolvedValue = { [colorMode]: { [query]: resolvedValue } }\n            else resolvedValue = { [colorMode]: resolvedValue }\n\n            cssVars = merge(cssVars, resolvedValue)\n          }\n        }\n      }\n\n      for (const [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: CSSVars = { light: {}, dark: {} }\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\nfunction createSelector(selectors: string, attr?: string): string {\n  return selectors\n    .split(\",\")\n    .map((selector) => {\n      selector = selector.trim()\n\n      if (!attr) return selector\n      else if (selector === \":host\") return `${selector}(${attr})`\n      else return `${selector}${attr}`\n    })\n    .join(\", \")\n}\n\nexport function createVarRules(varRoot: string, cssVars: CSSVars): Dict {\n  return Object.fromEntries(\n    Object.entries(cssVars).flatMap(([colorMode, cssVars]) => {\n      if (isEmptyObject(cssVars)) return []\n\n      if (colorMode === \"light\" || colorMode === \"dark\") {\n        const dark = colorMode === \"dark\"\n        const attr = `[data-mode=${colorMode}]`\n        const selector = createSelector(varRoot, dark ? attr : undefined)\n\n        return [[[selector, attr].join(\", \"), cssVars]]\n      } else {\n        return Object.entries<Dict>(cssVars).flatMap(([themeScheme, cssVars]) =>\n          Object.entries(cssVars).flatMap(([colorMode, cssVars]) => {\n            if (isEmptyObject(cssVars)) return []\n\n            const dark = colorMode === \"dark\"\n            const attrs = {\n              colorMode: `[data-mode=${colorMode}]`,\n              themeScheme: `[data-theme=${themeScheme}]`,\n            }\n            const attr = !dark\n              ? attrs.themeScheme\n              : `${attrs.themeScheme}${attrs.colorMode}`\n            const selector = createSelector(varRoot, attr)\n\n            return [\n              [\n                filterEmpty([\n                  selector,\n                  attr,\n                  `${attrs.themeScheme} ${attrs.colorMode}`,\n                  dark ? `${attrs.colorMode} ${attrs.themeScheme}` : undefined,\n                  `:host(${attrs.themeScheme}) ${attrs.colorMode}`,\n                  dark\n                    ? `:host(${attrs.colorMode}) ${attrs.themeScheme}`\n                    : undefined,\n                ]).join(\", \"),\n                cssVars,\n              ],\n            ]\n          }),\n        )\n      }\n    }),\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\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              replaceObject(value, (value) =>\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)) return objOrArray.map(callback) as Y\n  else return callback(objOrArray) as Y\n}\n"],"mappings":";;;;;;;;;AAgDA,SAAgB,uBACd,OACA,UACA;CACA,KAAA,GAAA,oBAAA,cAAI,SAAA,CAAS,KAAK,GAChB,OAAO,MAAM,QAAQ,eAAe,GAAG,UAAU;EAC/C,MAAM,CAAC,OAAO,iBAAiB,MAAM,MAAM,OAAO;EAElD,OAAO,SAAS,MAAM,KAAK,GAAG,eAAe,KAAK,CAAC;CACrD,CAAC;MACE,OAAO;AACd;AAEA,SAAgB,OAAO,OAAe,UAAmB;CACvD,IAAI,CAAC,MAAM,WAAW,IAAI,GAAG,QAAQ,KAAK;CAE1C,QAAQ,MAAM,QAAQ,mBAAmB,EAAE;CAE3C,OAAO,WAAW,OAAO,MAAM,IAAI,SAAS,KAAK,OAAO,MAAM;AAChE;AAEA,SAAgB,WAAW,QAAgB;CACzC,OAAO,SAAU,OAAe;EAG9B,OAAO,KAFQ,OAAO,OAAO,KAAK,aAAA,KAEf,GAAG;CACxB;AACF;AAEA,SAAgB,kBAAkB,QAAgB;CAChD,OAAO,SAAU,OAAY,UAAmB;EAC9C,IAAI,EAAA,GAAA,oBAAA,cAAC,SAAA,CAAS,KAAK,GAAG,OAAO;EAE7B,MAAM,SAAS,OAAO,OAAO,KAAK,aAAA;EAElC,MAAM,GAAG,SAAS,MAAM,MAAM,GAAG;EAEjC,OAAO,OAAO,GAAG,OAAO,eAAe,SAAS,QAAQ;CAC1D;AACF;AAEA,MAAM,cAAc,UAAkB,MAAM,WAAW,YAAY;AACnE,MAAM,eAAe,UAAkB,MAAM,WAAW,YAAY;AACpE,MAAM,eAAe,UAAkB,MAAM,WAAW,aAAa;AACrE,MAAM,WAAW,UAAkB,MAAM,WAAW,SAAS;AAC7D,MAAM,WAAW,UAAkB,MAAM,WAAW,SAAS;AAC7D,MAAa,iBAAiB,WAAA,GAAA,oBAAA,cAC5B,SAAA,CAAS,KAAK,KAAK,MAAM,WAAW,cAAc,KAAK,CAAC,MAAM,SAAS,GAAG;AAE5E,SAAgB,WACd,SAAA,MACA,OACA,aACA,UACA;CACA,OAAO,SAAU,QAAwB;EACvC,SAAS,WAAW,OAAyB;GAC3C,QAAQ,MAAM,QAAQ,OAAO,GAAG;GAChC,QAAQ,MAAM,QAAQ,OAAO,KAAK;GAElC,MAAM,WAAW,KAAK,CAAC,SAAA,GAAA,oBAAA,cAAQ,OAAA,CAAO,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAG3E,OAAO;IAAE,WAAA,OAFgB,SAAS;IAEd;GAAS;EAC/B;EAEA,OAAO,SACL,SAAiB,CAAC,GAClB,UAAmB;GAAE,OAAO,CAAC;GAAG,MAAM,CAAC;EAAE,GACzC,YACsC;GACtC,MAAM,SAAiB;IAAE,GAAGA,sBAAAA;IAAe;IAAQ;GAAS;GAC5D,MAAM,UAAU;IAAE,KAAA,YAAA;IAAK;IAAQ;GAAM;GAErC,SAAS,oBACP,OACA,QAAqB,IAC2B;IAChD,MAAM,eAAe,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,GAAG;IAE1D,IAAI,UAAU,cAAc,OAAO,CAAC,KAAA,GAAW,KAAK;IAIpD,IAAI,EAFgB,OAAO,iBAAiB,aAAa,gBAEvC,OAAO,CAAC,KAAA,GAAW,KAAK;IAE1C,MAAM,EAAE,WAAW,aAAa,WAAW,YAAY;IAEvD,OAAO,CAAC,UAAU,SAAS;GAC7B;GAEA,SAAS,WAAW,OAAY;IAC9B,OAAO,uBAAuB,QAAQ,OAAO,kBAAkB;KAC7D,IAAI,MAAM,SAAS,SAAS,KAAK,MAAM,SAAS,cAAc,GAAG;MAC/D,IAAI,cAAc,KAAK,GAAG,OAAO,kBAAkB,MAAM,CAAC,CAAC,KAAK;MAEhE,OAAOC,kBAAAA,SAAS,OAAO;OAAE,UAAU;OAAe;MAAO,CAAC;KAC5D,OAGE,IAFc,OAAO,UAAU,aAAa,QAG1C,OAAO,WAAW,KAAK,CAAC,CAAC;UACpB,IAAI,SAAS,UAAU,OAAO,MAAM,EAAE,KAC3C,OAAO,OAAO,MAAM,CAAC;UAChB,IAAI,eAAe;MACxB,gBACE,iBAAiB,UAAU,OAAO,cAAc,EAAE,MAC9C,OAAO,cAAc,EAAE,MACvB;MAEN,OAAO,SAAS,OAAO,GAAG,MAAM,IAAI,cAAc;KACpD,OACE,OAAO,SAAS,OAAO,GAAG,MAAM;IAGtC,CAAC;GACH;GAEA,SAAS,kBAAkB,OAAe,WAAmB;IAE3D,MAAM,CAAC,OAAO,GAAG,QADH,MAAM,MAAM,GACG;IAE7B,MAAM,gBAAgB,GAAG,MAAM,IAAI,KAAK,KAAK,GAAG;IAIhD,OAAO;KAAE,mBAAA,oBAAA,cAFiB,KAAK,OAAO,SAEb;KAAG;IAAc;GAC5C;GAEA,SAAS,mBAAmB,OAAsB;IAChD,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,KAAK,GACf,OAAO,MAAM,KAAK,UAAUC,kBAAAA,UAAU,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,GAAG;SAC5D,OAAOA,kBAAAA,UAAU,OAAO,OAAO;GACtC;GAEA,SAAS,kBAAkB,OAAe,OAAyB;IACjE,OAAO,SAAU,UAAmB;KAClC,IAAI,CAAC,UACH,OAAOC,iBAAAA,SAAS,OAAO,OAAO;UACzB;MACL,MAAM,CAAC,UAAU,aAAa,oBAAoB,OAAO,KAAK;MAE9D,OAAO,WAAW,YAAYA,iBAAAA,SAAS,OAAO,OAAO;KACvD;IACF;GACF;GAEA,SAAS,mBAAmB,OAAe,OAAY;IACrD,OAAO,SAAU,UAAmB;KAClC,IAAI,CAAC,UACH,OAAOC,kBAAAA,gBAAgBC,YAAAA,IAAI,QAAQ,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ;UACrD;MACL,MAAM,CAAC,UAAU,aAAa,oBAAoB,OAAO,KAAK;MAE9D,OAAO,WACH,YACAD,kBAAAA,gBAAgBC,YAAAA,IAAI,QAAQ,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ;KACzD;IACF;GACF;GAEA,SAAS,eACP,OACA,YACA,OACA;IACA,OAAO,SAAU,UAAmB;KAClC,IAAI,CAAC,UACH,OAAOJ,kBAAAA,SAAS,OAAO;MAAE,GAAG;MAAS;KAAW,CAAC;UAC5C;MACL,MAAM,CAAC,UAAU,aAAa,oBAAoB,OAAO,KAAK;MAE9D,OAAO,WACH,YACAA,kBAAAA,SAAS,OAAO;OAAE,GAAG;OAAS;MAAW,CAAC;KAChD;IACF;GACF;GAEA,SAAS,UACP,OACA,OACA,UACA;IACA,OAAO,SACL,UACA,YAAuB,SACvB,aAAqB,QACrB;KACA,IAAI,YAAY,KAAK,GAAG,QAAQ,mBAAmB,KAAK;KAExD,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,KAAK,GACf,MAAM,SAAS,OAAO,UACpB,UAAU,OAAO,OAAO,QAAQ,CAAC,CAC/B,UACA,CAAC,QAAQ,UAAU,QACnB,UACF,CACF;UACK,IAAI,YAAY,aAAa,OAAO,IAAI,GAC7C,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,CAAC,YAAY,WAC1C,UAAU,OAAO,OAAO,QAAQ,CAAC,CAC/B,UACA,WACA,UACF,CACF;UACK;MACL,MAAM,gBAAkC,WAAW,KAAK;MAExD,IAAI,gBAAyC;MAE7C,IAAI,YAAY,KAAK,GACnB,gBAAgB,mBAAmB,OAAO,aAAa,CAAC,CAAC,QAAQ;WAC5D,IAAI,WAAW,KAAK,GACzB,gBAAgB,kBAAkB,OAAO,aAAa,CAAC,CAAC,QAAQ;WAC3D,IAAI,QAAQ,KAAK,GACtB,gBAAgB,eACd,OACA,CAAC,QAAQ,GACT,aACF,CAAC,CAAC,QAAQ;WACL,IAAI,UAAU;OACnB,MAAM,GAAG,aAAa,oBAAoB,OAAO,aAAa;OAE9D,gBAAgB;MAClB;MAEA,IAAI,EAAA,GAAA,oBAAA,cAAC,SAAA,CAAS,aAAa,GACzB,gBAAgB,GAAG,WAAW,cAAc;MAE9C,MAAM,QAAQ,YAAY,SAAS,UAAU;MAE7C,IAAI,OACF,gBAAgB,GAAG,YAAY,GAAG,QAAQ,cAAc,EAAE;WACvD,gBAAgB,GAAG,YAAY,cAAc;MAElD,WAAA,GAAA,oBAAA,cAAU,MAAA,CAAM,SAAS,aAAa;KACxC;IACF;GACF;GAEA,KAAK,MAAM,CAAC,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,MAAM,GAAG;IACjE,MAAM,EAAE,WAAW,aAAa,WAAW,KAAK;IAEhD,UAAU,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ;IAE1C,IAAI,QAAQ,KAAK,GAAG;KAClB,MAAM,EAAE,mBAAmB,kBAAkB,kBAC3C,OACA,SACF;KAEA,OAAO,iBAAiB;MAAE,KAAK;MAAmB,KAAK;KAAS;IAClE;IAEA,OAAO,SAAS;KAAE,KAAK;KAAW,KAAK;IAAS;GAClD;GAEA,OAAO;IAAE;IAAQ;GAAQ;EAC3B;CACF;AACF;AAIA,SAAgB,UAAU,GAAG,KAAmB;CAC9C,OAAO,SAAU,YAA6B;EAC5C,IAAI,SAAiB,CAAC;EACtB,IAAI,UAAmB;GAAE,OAAO,CAAC;GAAG,MAAM,CAAC;EAAE;EAE7C,KAAK,MAAM,MAAM,KAAK;GACpB,MAAM,SAAS,GAAG,QAAQ,SAAS,UAAU;GAE7C,SAAS;IAAE,GAAG;IAAQ,GAAG,OAAO;GAAO;GACvC,UAAU;IAAE,GAAG;IAAS,GAAG,OAAO;GAAQ;EAC5C;EAEA,OAAO;GAAE;GAAQ;EAAQ;CAC3B;AACF;AAEA,SAAS,eAAe,WAAmB,MAAuB;CAChE,OAAO,UACJ,MAAM,GAAG,CAAC,CACV,KAAK,aAAa;EACjB,WAAW,SAAS,KAAK;EAEzB,IAAI,CAAC,MAAM,OAAO;OACb,IAAI,aAAa,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK;OACrD,OAAO,GAAG,WAAW;CAC5B,CAAC,CAAC,CACD,KAAK,IAAI;AACd;AAEA,SAAgB,eAAe,SAAiB,SAAwB;CACtE,OAAO,OAAO,YACZ,OAAO,QAAQ,OAAO,CAAC,CAAC,SAAS,CAAC,WAAW,aAAa;EACxD,KAAA,GAAA,oBAAA,cAAI,cAAA,CAAc,OAAO,GAAG,OAAO,CAAC;EAEpC,IAAI,cAAc,WAAW,cAAc,QAAQ;GACjD,MAAM,OAAO,cAAc;GAC3B,MAAM,OAAO,cAAc,UAAU;GAGrC,OAAO,CAAC,CAAC,CAFQ,eAAe,SAAS,OAAO,OAAO,KAAA,CAEtC,GAAG,IAAI,CAAC,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC;EAChD,OACE,OAAO,OAAO,QAAc,OAAO,CAAC,CAAC,SAAS,CAAC,aAAa,aAC1D,OAAO,QAAQ,OAAO,CAAC,CAAC,SAAS,CAAC,WAAW,aAAa;GACxD,KAAA,GAAA,oBAAA,cAAI,cAAA,CAAc,OAAO,GAAG,OAAO,CAAC;GAEpC,MAAM,OAAO,cAAc;GAC3B,MAAM,QAAQ;IACZ,WAAW,cAAc,UAAU;IACnC,aAAa,eAAe,YAAY;GAC1C;GACA,MAAM,OAAO,CAAC,OACV,MAAM,cACN,GAAG,MAAM,cAAc,MAAM;GACjC,MAAM,WAAW,eAAe,SAAS,IAAI;GAE7C,OAAO,CACL,EAAA,GAAA,oBAAA,cACE,YAAA,CAAY;IACV;IACA;IACA,GAAG,MAAM,YAAY,GAAG,MAAM;IAC9B,OAAO,GAAG,MAAM,UAAU,GAAG,MAAM,gBAAgB,KAAA;IACnD,SAAS,MAAM,YAAY,IAAI,MAAM;IACrC,OACI,SAAS,MAAM,UAAU,IAAI,MAAM,gBACnC,KAAA;GACN,CAAC,CAAC,CAAC,KAAK,IAAI,GACZ,OACF,CACF;EACF,CAAC,CACH;CAEJ,CAAC,CACH;AACF;AAEA,SAAgB,QACd,OACA,OACA,eACe;CACf,KAAA,GAAA,oBAAA,cAAI,YAAA,CAAY,KAAK,MAAA,GAAA,oBAAA,cAAK,OAAA,CAAO,KAAK,KAAKK,cAAAA,cAAc,KAAK,GAAG,OAAO;CAExE,KAAA,GAAA,oBAAA,cAAI,SAAA,CAAS,KAAK,MAAA,GAAA,oBAAA,cAAK,QAAA,CAAQ,KAAK,GAClC,QAAA,GAAA,oBAAA,cAAO,cAAA,CAAc,QAAQ,UAAU,QAAQ,OAAO,OAAO,aAAa,CAAC;MAE3E,OAAO,QACF,IAAI,MAAM,GAAG,MAAyB,IAAI,iBAAkB,MAA0B,KACvF;AACR;AAEA,SAAgB,WACd,YACA,SACA,eACG;CACH,IAAI,CAAC,YAAY,OAAO;CAExB,SAAS,SAAS,YAAkB;EAClC,OAAO,OAAO,YACZ,OAAO,QAAQ,UAAU,CAAC,CAAC,QAAQ,SAAU,CAAC,MAAM,QAAQ;GAC1D,IAAI,gBAAgB,IAAI,GAAG,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC;GAEhD,MAAM,SAAS,QAAQ;GACvB,MAAM,SAA0B,CAAC;GAEjC,IAAI,QAAQ;IACV,MAAM,EAAE,UAAUC,YAAAA,SAAS,IAAI,KAAK,CAAC;IAErC,IAAIC,cAAAA,SAAS,KAAK,KAAKC,cAAAA,gBAAgB,KAAK,GAC1C,OAAO,KAAK,CAAC,KAAK,UAAU,KAAK,CAAC;SAElC,OAAO,KAAK,CACV,KAAK,WAAA,GAAA,oBAAA,cACL,cAAA,CAAc,QAAQ,UACpB,QAAQ,IAAI,MAAM,GAAG,MAAM,IAAI,MAAM,KAAK,KAC5C,CACF,CAAC;GACL,OAAO,KAAA,GAAA,oBAAA,cAAI,SAAA,CAAS,KAAK,GACvB,OAAO,KAAK,CAAC,MAAM,WAAW,OAAO,OAAO,CAAC,CAAC;QAE9C,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;GAG3B,OAAO;EACT,CAAC,CACH;CACF;CAEA,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,UAAU,GAAG,OAAO,WAAW,IAAI,QAAQ;MAClD,OAAO,SAAS,UAAU;AACjC"}

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

@@ -1,5 +1,6 @@
 "use client";
 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");
@@ -44,10 +45,11 @@ const useDynamicAnimation = (arrayOrObj, init) => {
 		else return cache.current.get(keys.current ?? "");
 	});
 	return [animations, (0, react.useCallback)((keysOrFunc) => {
-		const keyOrArray = (0, require_utils_index.utils_exports.runIfFn)(keysOrFunc, (() => {
+		const args = (() => {
 			if (!(0, require_utils_index.utils_exports.isUndefined)(keys.current) && (0, require_utils_index.utils_exports.isArray)(arrayOrObj)) return (0, require_utils_index.utils_exports.isArray)(keys.current) ? keys.current.map(Number) : Number(keys.current);
 			else return keys.current;
-		})());
+		})();
+		const keyOrArray = (0, require_utils_index.utils_exports.runIfFn)(keysOrFunc, args);
 		keys.current = (0, require_utils_index.utils_exports.isArray)(keyOrArray) ? keyOrArray.map(String) : String(keyOrArray);
 		if ((0, require_utils_index.utils_exports.isArray)(keys.current)) setAnimations(keys.current.map((key) => cache.current.get(key)).join(", "));
 		else setAnimations(cache.current.get(keys.current));

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

@@ -1 +1 @@
-{"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 return animation(cssObj, { css, system })\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 cache.current.set(key, animation(styles, { css, system }))\n\n    if (isArray(keys.current))\n      return keys.current.map((key) => cache.current.get(key)).join(\", \")\n    else return cache.current.get(keys.current ?? \"\")\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 return keys.current\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 setAnimations(cache.current.get(keys.current))\n    },\n    [arrayOrObj],\n  )\n\n  return [animations, setAnimation]\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,WAA8B;CACzD,MAAM,SAASA,wBAAAA,UAAU;CAEzB,KAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,MAAM,GAChB,OAAO,OAAO,KAAK,WAAWC,kBAAAA,UAAU,QAAQ;EAAE,KAAA,YAAA;EAAK;CAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI;MACxE,OAAOA,kBAAAA,UAAU,QAAQ;EAAE,KAAA,YAAA;EAAK;CAAO,CAAC;AAC/C;;;;;;AAOA,MAAa,uBAKX,YACA,SASG;CACH,MAAM,SAASD,wBAAAA,UAAU;CAEzB,MAAM,QAAA,GAAA,MAAA,OAAA,CACJ,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,IAAI,KAAA,GAAA,oBAAA,cAAA,QAAA,CACL,IAAI,IACV,KAAK,IAAI,MAAM,IACf,OAAO,IAAI,IACb,KAAA,CACN;CACA,MAAM,SAAA,GAAA,MAAA,OAAA,iBAAoC,IAAI,IAAoB,CAAC;CAEnE,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,SAAA,OAAoD;EACrE,KAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,UAAU,GACnD,KAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,MAAM,GAChB,MAAM,QAAQ,IACZ,KACA,OAAO,KAAK,UAAUC,kBAAAA,UAAU,OAAO;GAAE,KAAA,YAAA;GAAK;EAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CACpE;OACG,MAAM,QAAQ,IAAI,KAAKA,kBAAAA,UAAU,QAAQ;GAAE,KAAA,YAAA;GAAK;EAAO,CAAC,CAAC;EAEhE,KAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,KAAK,OAAO,GACtB,OAAO,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI;OAC/D,OAAO,MAAM,QAAQ,IAAI,KAAK,WAAW,EAAE;CAClD,CAAC;CAgCD,OAAO,CAAC,aAAA,GAAA,MAAA,YAAA,EA5BJ,eAIG;EASH,MAAM,cAAA,GAAA,oBAAA,cAAA,QAAA,CAAqB,mBARP;GAClB,IAAI,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,KAAK,OAAO,MAAA,GAAA,oBAAA,cAAA,QAAA,CAAa,UAAU,GAClD,QAAA,GAAA,oBAAA,cAAA,QAAA,CAAe,KAAK,OAAO,IACvB,KAAK,QAAQ,IAAI,MAAM,IACvB,OAAO,KAAK,OAAO;QACpB,OAAO,KAAK;EACnB,EAAA,CAE0C,CAAC;EAE3C,KAAK,WAAA,GAAA,oBAAA,cAAA,QAAA,CAAkB,UAAU,IAC7B,WAAW,IAAI,MAAM,IACrB,OAAO,UAAU;EAErB,KAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,KAAK,OAAO,GACtB,cACE,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAC7D;OACG,cAAc,MAAM,QAAQ,IAAI,KAAK,OAAO,CAAC;CACpD,GACA,CAAC,UAAU,CAGkB,CAAC;AAClC"}
+{"version":3,"file":"index.cjs","names":["useSystem","animation","useRef","useState","useCallback"],"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 return animation(cssObj, { css, system })\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 cache.current.set(key, animation(styles, { css, system }))\n\n    if (isArray(keys.current))\n      return keys.current.map((key) => cache.current.get(key)).join(\", \")\n    else return cache.current.get(keys.current ?? \"\")\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 return keys.current\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 setAnimations(cache.current.get(keys.current))\n    },\n    [arrayOrObj],\n  )\n\n  return [animations, setAnimation]\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,WAA8B;CACzD,MAAM,SAASA,wBAAAA,UAAU;CAEzB,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,MAAM,GAChB,OAAO,OAAO,KAAK,WAAWC,kBAAAA,UAAU,QAAQ;EAAE,KAAA,YAAA;EAAK;CAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI;MACxE,OAAOA,kBAAAA,UAAU,QAAQ;EAAE,KAAA,YAAA;EAAK;CAAO,CAAC;AAC/C;;;;;;AAOA,MAAa,uBAKX,YACA,SASG;CACH,MAAM,SAASD,wBAAAA,UAAU;CAEzB,MAAM,QAAA,GAAOE,MAAAA,OAAAA,CACX,EAAA,GAAA,oBAAA,cAAC,YAAA,CAAY,IAAI,KAAA,GAAA,oBAAA,cACb,QAAA,CAAQ,IAAI,IACV,KAAK,IAAI,MAAM,IACf,OAAO,IAAI,IACb,KAAA,CACN;CACA,MAAM,SAAA,GAAQA,MAAAA,OAAAA,iBAA4B,IAAI,IAAoB,CAAC;CAEnE,MAAM,CAAC,YAAY,kBAAA,GAAiBC,MAAAA,SAAAA,OAAmC;EACrE,KAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,UAAU,GACnD,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,MAAM,GAChB,MAAM,QAAQ,IACZ,KACA,OAAO,KAAK,UAAUF,kBAAAA,UAAU,OAAO;GAAE,KAAA,YAAA;GAAK;EAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CACpE;OACG,MAAM,QAAQ,IAAI,KAAKA,kBAAAA,UAAU,QAAQ;GAAE,KAAA,YAAA;GAAK;EAAO,CAAC,CAAC;EAEhE,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,KAAK,OAAO,GACtB,OAAO,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI;OAC/D,OAAO,MAAM,QAAQ,IAAI,KAAK,WAAW,EAAE;CAClD,CAAC;CAgCD,OAAO,CAAC,aAAA,GA9BaG,MAAAA,YAAAA,EAEjB,eAIG;EACH,MAAM,cAAc;GAClB,IAAI,EAAA,GAAA,oBAAA,cAAC,YAAA,CAAY,KAAK,OAAO,MAAA,GAAA,oBAAA,cAAK,QAAA,CAAQ,UAAU,GAClD,QAAA,GAAA,oBAAA,cAAO,QAAA,CAAQ,KAAK,OAAO,IACvB,KAAK,QAAQ,IAAI,MAAM,IACvB,OAAO,KAAK,OAAO;QACpB,OAAO,KAAK;EACnB,EAAA,CAAG;EAEH,MAAM,cAAA,GAAA,oBAAA,cAAa,QAAA,CAAQ,YAAY,IAAI;EAE3C,KAAK,WAAA,GAAA,oBAAA,cAAU,QAAA,CAAQ,UAAU,IAC7B,WAAW,IAAI,MAAM,IACrB,OAAO,UAAU;EAErB,KAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,KAAK,OAAO,GACtB,cACE,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAC7D;OACG,cAAc,MAAM,QAAQ,IAAI,KAAK,OAAO,CAAC;CACpD,GACA,CAAC,UAAU,CAGkB,CAAC;AAClC"}

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

@@ -1,5 +1,6 @@
 "use client";
 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

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,CAAC,GACxB;CACA,MAAM,CAAC,OAAO,YAAY,aAAa,MAAM,MAAM,EAAE,SAAS,KAAK,CAAC;CAEpE,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,SAAS;CACX,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO;AACT;AAkCA,SAAgB,aACd,MACA,OAAuB,CAAC,GACxB,eAAqD,EAAE,SAAS,MAAM,GACpD;CAClB,MAAM,cAAA,GAAA,MAAA,OAAA,CAAoB,CAAC;CAC3B,MAAM,UAAUA,gCAAAA,WAAW;CAC3B,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CACmC,YAAY;CA4B7D,OAAO,CAAC,QAAA,GAAA,MAAA,YAAA,EAzBL,GAAG,SAAuC;EACzC,MAAM,SAAS,EAAE,WAAW;EAE5B,IAAI,CAAC,MAAM,SACT,UAAU,eAAe;GAAE,GAAG;GAAW,SAAS;EAAK,EAAE;EAE3D,OAAO,KAAK,GAAG,IAAI,CAAC,CAAC,MAClB,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE,SAAS;IAAO;GAAM,CAAC;GAEpC,OAAO;EACT,IACC,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE;IAAO,SAAS;GAAM,CAAC;GAEpC,OAAO;EACT,CACF;CACF,GAEA,IAGoB,CAAiB;AACzC;AAMA,SAAgB,cACd,MACA,OAAuB,CAAC,GACxB;CACA,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAA+B,CAAC;CAChD,MAAM,QAAQ,SAAS,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;CAE/C,MAAM,eAAe,MAAM;CAE3B,MAAM,SAAA,GAAA,MAAA,YAAA,OAA0B;EAC9B,IAAI,cAAc;EAElB,YAAY,mBAAmB,iBAAiB,CAAC;CAEnD,GAAG,CAAC,GAAG,MAAM,YAAY,CAAC;CAE1B,OAAO;EAAE,GAAG;EAAO;CAAM;AAC3B"}
+{"version":3,"file":"index.cjs","names":["useRef","useMounted","useState","useCallback"],"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,CAAC,GACxB;CACA,MAAM,CAAC,OAAO,YAAY,aAAa,MAAM,MAAM,EAAE,SAAS,KAAK,CAAC;CAEpE,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,SAAS;CACX,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO;AACT;AAkCA,SAAgB,aACd,MACA,OAAuB,CAAC,GACxB,eAAqD,EAAE,SAAS,MAAM,GACpD;CAClB,MAAM,cAAA,GAAaA,MAAAA,OAAAA,CAAO,CAAC;CAC3B,MAAM,UAAUC,gCAAAA,WAAW;CAC3B,MAAM,CAAC,OAAO,aAAA,GACZC,MAAAA,SAAAA,CAA+C,YAAY;CA4B7D,OAAO,CAAC,QAAA,GA1BSC,MAAAA,YAAAA,EACd,GAAG,SAAuC;EACzC,MAAM,SAAS,EAAE,WAAW;EAE5B,IAAI,CAAC,MAAM,SACT,UAAU,eAAe;GAAE,GAAG;GAAW,SAAS;EAAK,EAAE;EAE3D,OAAO,KAAK,GAAG,IAAI,CAAC,CAAC,MAClB,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE,SAAS;IAAO;GAAM,CAAC;GAEpC,OAAO;EACT,IACC,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE;IAAO,SAAS;GAAM,CAAC;GAEpC,OAAO;EACT,CACF;CACF,GAEA,IAGoB,CAAiB;AACzC;AAMA,SAAgB,cACd,MACA,OAAuB,CAAC,GACxB;CACA,MAAM,CAAC,SAAS,eAAA,GAAcD,MAAAA,SAAAA,CAAiB,CAAC;CAChD,MAAM,QAAQ,SAAS,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;CAE/C,MAAM,eAAe,MAAM;CAE3B,MAAM,SAAA,GAAQC,MAAAA,YAAAA,OAAkB;EAC9B,IAAI,cAAc;EAElB,YAAY,mBAAmB,iBAAiB,CAAC;CAEnD,GAAG,CAAC,GAAG,MAAM,YAAY,CAAC;CAE1B,OAAO;EAAE,GAAG;EAAO;CAAM;AAC3B"}

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

@@ -1,4 +1,5 @@
 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");