@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

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

@@ -2,7 +2,8 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_core_system_color_mode_manager = require('./color-mode-manager.cjs');
 const require_core_system_environment_provider = require('./environment-provider.cjs');
 const require_core_system_color_mode_utils = require('./color-mode-utils.cjs');
@@ -14,11 +15,11 @@ const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-ru
 const { localStorage } = require_core_system_color_mode_manager.colorModeManager;
 const getColorMode = (manager, fallback) => (storageKey) => manager.type === "cookie" && manager.ssr ? manager.get(fallback)(storageKey) : fallback;
 const ColorModeContext = (0, react.createContext)({
-	changeColorMode: require_utils_index.utils_exports.noop,
+	changeColorMode: require_utils_common_function.noop,
 	colorMode: "light",
 	forced: false,
 	internalColorMode: "light",
-	toggleColorMode: require_utils_index.utils_exports.noop
+	toggleColorMode: require_utils_common_function.noop
 });
 const ColorModeProvider = ({ children, colorMode: forcedColorMode, colorModeManager: colorModeManager$1 = localStorage, config: { defaultColorMode = "light", disableTransitionOnChange = true } = {}, storageKey }) => {
 	const environment = require_core_system_environment_provider.useEnvironment();
@@ -59,11 +60,11 @@ const ColorModeProvider = ({ children, colorMode: forcedColorMode, colorModeMana
 		storageKey
 	]);
 	const context = (0, react.useMemo)(() => ({
-		changeColorMode: forcedColorMode ? require_utils_index.utils_exports.noop : changeColorMode,
+		changeColorMode: forcedColorMode ? require_utils_common_function.noop : changeColorMode,
 		colorMode: forcedColorMode ?? resolvedColorMode,
 		forced: forcedColorMode !== void 0,
 		internalColorMode: colorMode,
-		toggleColorMode: forcedColorMode ? require_utils_index.utils_exports.noop : toggleColorMode
+		toggleColorMode: forcedColorMode ? require_utils_common_function.noop : toggleColorMode
 	}), [
 		forcedColorMode,
 		resolvedColorMode,
@@ -83,12 +84,12 @@ const ColorModeProvider = ({ children, colorMode: forcedColorMode, colorModeMana
 */
 const useColorMode = () => {
 	const context = (0, react.use)(ColorModeContext);
-	if ((0, require_utils_index.utils_exports.isEmptyObject)(context)) return {
-		changeColorMode: require_utils_index.utils_exports.noop,
+	if (require_utils_common_assertion.isEmptyObject(context)) return {
+		changeColorMode: require_utils_common_function.noop,
 		colorMode: "light",
 		forced: false,
 		internalColorMode: "light",
-		toggleColorMode: require_utils_index.utils_exports.noop
+		toggleColorMode: require_utils_common_function.noop
 	};
 	else return context;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"color-mode-provider.cjs","names":["colorModeManager","manager: ColorModeManager","fallback: ColorModeWithSystem","storageKey?: string","ColorModeProvider: FC<ColorModeProviderProps>","systemColorMode","colorMode: ColorModeWithSystem","colorMode"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorModeManager } from \"./color-mode-manager\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isEmptyObject, noop } from \"../../utils\"\nimport { colorModeManager } from \"./color-mode-manager\"\nimport { getColorModeUtils } from \"./color-mode-utils\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\nconst { localStorage } = colorModeManager\n\ninterface ColorModeContext {\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nconst getColorMode =\n  (manager: ColorModeManager, fallback: ColorModeWithSystem) =>\n  (storageKey?: string) =>\n    manager.type === \"cookie\" && manager.ssr\n      ? manager.get(fallback)(storageKey)\n      : fallback\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   * Manager to persist a user's color mode preference.\n   *\n   * Omit if you don't render server-side.\n   * For SSR, choose `colorModeManager.ssr`.\n   *\n   * @default 'colorModeManager.localStorage'\n   */\n  colorModeManager?: ColorModeManager\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  colorModeManager = localStorage,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  storageKey,\n}) => {\n  const environment = useEnvironment()\n  const [colorMode, setColorMode] = useState<ColorModeWithSystem>(() =>\n    getColorMode(colorModeManager, defaultColorMode)(storageKey),\n  )\n  const systemColorMode = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (colorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n  })\n\n  const computedColorMode = defaultColorMode === \"dark\" ? \"dark\" : \"light\"\n  const resolvedColorMode =\n    colorMode === \"system\"\n      ? systemColorMode\n        ? systemColorMode\n        : computedColorMode\n      : colorMode\n\n  const { getSystemColorMode, setClassName, setDataset } = useMemo(\n    () =>\n      getColorModeUtils({\n        environment,\n        preventTransition: disableTransitionOnChange,\n      }),\n    [disableTransitionOnChange, environment],\n  )\n\n  const changeColorMode = useCallback(\n    (colorMode: ColorModeWithSystem): void => {\n      const resolved = colorMode === \"system\" ? getSystemColorMode() : colorMode\n\n      setColorMode(colorMode)\n      setClassName(resolved === \"dark\")\n      setDataset(resolved)\n\n      colorModeManager.set(colorMode)(storageKey)\n    },\n    [\n      colorModeManager,\n      getSystemColorMode,\n      setClassName,\n      setDataset,\n      storageKey,\n    ],\n  )\n\n  const toggleColorMode = useCallback((): void => {\n    changeColorMode(resolvedColorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, resolvedColorMode])\n\n  useEffect(() => {\n    const managerValue = colorModeManager.get()(storageKey)\n\n    changeColorMode(managerValue)\n  }, [changeColorMode, colorModeManager, storageKey])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? resolvedColorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode: colorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      resolvedColorMode,\n      colorMode,\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/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 {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,EAAE,cAAc,GAAGA;AAUzB,MAAM,eACJ,CAACC,SAA2BC,aAC5B,CAACC,eACC,QAAQ,SAAS,YAAY,QAAQ,MACjC,QAAQ,IAAI,SAAS,CAAC,WAAW,GACjC;AAER,MAAa,mBAAmB,yBAAgC;CAC9D,mDAAiB;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,mDAAiB;AAClB,EAAC;AA2BF,MAAaC,oBAAgD,CAAC,EAC5D,UACA,WAAW,iBACX,uCAAmB,cACnB,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,MAC7B,GAAG,CAAE,GACN,YACD,KAAK;CACJ,MAAM,cAAc,yDAAgB;CACpC,MAAM,CAAC,WAAW,aAAa,GAAG,oBAA8B,MAC9D,aAAaJ,oBAAkB,iBAAiB,CAAC,WAAW,CAC7D;CACD,MAAM,kBAAkB,6DAAmB,EACzC,UAAU,CAACK,sBAAoB;AAC7B,MAAI,cAAc,SAAU;AAE5B,eAAaA,sBAAoB,OAAO;AACxC,aAAWA,kBAAgB;CAC5B,EACF,EAAC;CAEF,MAAM,oBAAoB,qBAAqB,SAAS,SAAS;CACjE,MAAM,oBACJ,cAAc,WACV,kBACE,kBACA,oBACF;CAEN,MAAM,EAAE,oBAAoB,cAAc,YAAY,GAAG,mBACvD,MACE,uDAAkB;EAChB;EACA,mBAAmB;CACpB,EAAC,EACJ,CAAC,2BAA2B,WAAY,EACzC;CAED,MAAM,kBAAkB,uBACtB,CAACC,gBAAyC;EACxC,MAAM,WAAWC,gBAAc,WAAW,oBAAoB,GAAGA;AAEjE,eAAaA,YAAU;AACvB,eAAa,aAAa,OAAO;AACjC,aAAW,SAAS;AAEpB,qBAAiB,IAAIA,YAAU,CAAC,WAAW;CAC5C,GACD;EACEP;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAM,kBAAkB,uBAAY,MAAY;AAC9C,kBAAgB,sBAAsB,SAAS,UAAU,OAAO;CACjE,GAAE,CAAC,iBAAiB,iBAAkB,EAAC;AAExC,sBAAU,MAAM;EACd,MAAM,eAAe,mBAAiB,KAAK,CAAC,WAAW;AAEvD,kBAAgB,aAAa;CAC9B,GAAE;EAAC;EAAiBA;EAAkB;CAAW,EAAC;CAEnD,MAAM,UAAU,mBACd,OAAO;EACL,iBAAiB,oDAAkB,OAAO;EAC1C,WAAW,mBAAmB;EAC9B,QAAQ;EACR,mBAAmB;EACnB,iBAAiB,oDAAkB,OAAO;CAC3C,IACD;EACE;EACA;EACA;EACA;EACA;CACD,EACF;AAED,wBAAO,2BAAC;EAAiB,OAAO;EAAU;GAA4B;AACvE;;;;;;AAOD,MAAa,eAAe,MAAwB;CAClD,MAAM,UAAU,eAAI,iBAAiB;AAErC,KAAI,qDAAc,QAAQ,CACxB,QAAO;EACL,mDAAiB;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,mDAAiB;CAClB;KAED,QAAO;AAEV"}
+{"version":3,"file":"color-mode-provider.cjs","names":["colorModeManager","manager: ColorModeManager","fallback: ColorModeWithSystem","storageKey?: string","noop","ColorModeProvider: FC<ColorModeProviderProps>","systemColorMode","colorMode: ColorModeWithSystem","colorMode"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorModeManager } from \"./color-mode-manager\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isEmptyObject, noop } from \"../../utils\"\nimport { colorModeManager } from \"./color-mode-manager\"\nimport { getColorModeUtils } from \"./color-mode-utils\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\nconst { localStorage } = colorModeManager\n\ninterface ColorModeContext {\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nconst getColorMode =\n  (manager: ColorModeManager, fallback: ColorModeWithSystem) =>\n  (storageKey?: string) =>\n    manager.type === \"cookie\" && manager.ssr\n      ? manager.get(fallback)(storageKey)\n      : fallback\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   * Manager to persist a user's color mode preference.\n   *\n   * Omit if you don't render server-side.\n   * For SSR, choose `colorModeManager.ssr`.\n   *\n   * @default 'colorModeManager.localStorage'\n   */\n  colorModeManager?: ColorModeManager\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  colorModeManager = localStorage,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  storageKey,\n}) => {\n  const environment = useEnvironment()\n  const [colorMode, setColorMode] = useState<ColorModeWithSystem>(() =>\n    getColorMode(colorModeManager, defaultColorMode)(storageKey),\n  )\n  const systemColorMode = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (colorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n  })\n\n  const computedColorMode = defaultColorMode === \"dark\" ? \"dark\" : \"light\"\n  const resolvedColorMode =\n    colorMode === \"system\"\n      ? systemColorMode\n        ? systemColorMode\n        : computedColorMode\n      : colorMode\n\n  const { getSystemColorMode, setClassName, setDataset } = useMemo(\n    () =>\n      getColorModeUtils({\n        environment,\n        preventTransition: disableTransitionOnChange,\n      }),\n    [disableTransitionOnChange, environment],\n  )\n\n  const changeColorMode = useCallback(\n    (colorMode: ColorModeWithSystem): void => {\n      const resolved = colorMode === \"system\" ? getSystemColorMode() : colorMode\n\n      setColorMode(colorMode)\n      setClassName(resolved === \"dark\")\n      setDataset(resolved)\n\n      colorModeManager.set(colorMode)(storageKey)\n    },\n    [\n      colorModeManager,\n      getSystemColorMode,\n      setClassName,\n      setDataset,\n      storageKey,\n    ],\n  )\n\n  const toggleColorMode = useCallback((): void => {\n    changeColorMode(resolvedColorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, resolvedColorMode])\n\n  useEffect(() => {\n    const managerValue = colorModeManager.get()(storageKey)\n\n    changeColorMode(managerValue)\n  }, [changeColorMode, colorModeManager, storageKey])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? resolvedColorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode: colorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      resolvedColorMode,\n      colorMode,\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/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 {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAM,EAAE,cAAc,GAAGA;AAUzB,MAAM,eACJ,CAACC,SAA2BC,aAC5B,CAACC,eACC,QAAQ,SAAS,YAAY,QAAQ,MACjC,QAAQ,IAAI,SAAS,CAAC,WAAW,GACjC;AAER,MAAa,mBAAmB,yBAAgC;CAC9D,iBAAiBC;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,iBAAiBA;AAClB,EAAC;AA2BF,MAAaC,oBAAgD,CAAC,EAC5D,UACA,WAAW,iBACX,uCAAmB,cACnB,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,MAC7B,GAAG,CAAE,GACN,YACD,KAAK;CACJ,MAAM,cAAc,yDAAgB;CACpC,MAAM,CAAC,WAAW,aAAa,GAAG,oBAA8B,MAC9D,aAAaL,oBAAkB,iBAAiB,CAAC,WAAW,CAC7D;CACD,MAAM,kBAAkB,6DAAmB,EACzC,UAAU,CAACM,sBAAoB;AAC7B,MAAI,cAAc,SAAU;AAE5B,eAAaA,sBAAoB,OAAO;AACxC,aAAWA,kBAAgB;CAC5B,EACF,EAAC;CAEF,MAAM,oBAAoB,qBAAqB,SAAS,SAAS;CACjE,MAAM,oBACJ,cAAc,WACV,kBACE,kBACA,oBACF;CAEN,MAAM,EAAE,oBAAoB,cAAc,YAAY,GAAG,mBACvD,MACE,uDAAkB;EAChB;EACA,mBAAmB;CACpB,EAAC,EACJ,CAAC,2BAA2B,WAAY,EACzC;CAED,MAAM,kBAAkB,uBACtB,CAACC,gBAAyC;EACxC,MAAM,WAAWC,gBAAc,WAAW,oBAAoB,GAAGA;AAEjE,eAAaA,YAAU;AACvB,eAAa,aAAa,OAAO;AACjC,aAAW,SAAS;AAEpB,qBAAiB,IAAIA,YAAU,CAAC,WAAW;CAC5C,GACD;EACER;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAM,kBAAkB,uBAAY,MAAY;AAC9C,kBAAgB,sBAAsB,SAAS,UAAU,OAAO;CACjE,GAAE,CAAC,iBAAiB,iBAAkB,EAAC;AAExC,sBAAU,MAAM;EACd,MAAM,eAAe,mBAAiB,KAAK,CAAC,WAAW;AAEvD,kBAAgB,aAAa;CAC9B,GAAE;EAAC;EAAiBA;EAAkB;CAAW,EAAC;CAEnD,MAAM,UAAU,mBACd,OAAO;EACL,iBAAiB,kBAAkBI,qCAAO;EAC1C,WAAW,mBAAmB;EAC9B,QAAQ;EACR,mBAAmB;EACnB,iBAAiB,kBAAkBA,qCAAO;CAC3C,IACD;EACE;EACA;EACA;EACA;EACA;CACD,EACF;AAED,wBAAO,2BAAC;EAAiB,OAAO;EAAU;GAA4B;AACvE;;;;;;AAOD,MAAa,eAAe,MAAwB;CAClD,MAAM,UAAU,eAAI,iBAAiB;AAErC,KAAI,6CAAc,QAAQ,CACxB,QAAO;EACL,iBAAiBA;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,iBAAiBA;CAClB;KAED,QAAO;AAEV"}

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

@@ -1,4 +1,6 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
+const require_utils_common_string = require('../../utils/common/string.cjs');
 const require_core_system_breakpoint = require('./breakpoint.cjs');
 const require_core_constant = require('../constant.cjs');
 const require_core_system_layer = require('./layer.cjs');
@@ -39,7 +41,7 @@ const defaultSystem = {
 	cssMap: {},
 	cssVars: {},
 	layers: require_core_system_layer.createLayers(),
-	utils: { getClassName: require_utils_index.utils_exports.bem }
+	utils: { getClassName: require_utils_common_string.bem }
 };
 function createSystem(theme, config = {}) {
 	const prefix = config.css?.varPrefix ?? require_core_constant.DEFAULT_VAR_PREFIX;
@@ -55,7 +57,7 @@ function createSystem(theme, config = {}) {
 	const { cssMap, cssVars } = require_core_system_var.mergeVars(require_core_system_var.createVars(prefix, theme, breakpoints)(primaryTokens$1), require_core_system_var.createVars(prefix, theme, breakpoints)(secondaryTokens$1), require_core_system_var.createVars(prefix, theme, breakpoints)(tertiaryTokens$1))();
 	const getClassName = (block, element, modifier) => {
 		if (!block) return "";
-		const className = (0, require_utils_index.utils_exports.bem)(block, element, modifier);
+		const className = require_utils_common_string.bem(block, element, modifier);
 		return `${prefix}-${className}`;
 	};
 	if (theme.themeSchemes) {
@@ -94,10 +96,10 @@ function createColorSchemeTokens(theme, nestedTheme, shouldProcess) {
 		base: theme.semanticTokens?.colors ?? {},
 		nested: nestedTheme?.semanticTokens?.colors ?? {}
 	};
-	const colorSchemeTokens = (0, require_utils_index.utils_exports.flattenObject)((nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {}, { shouldProcess });
+	const colorSchemeTokens = require_utils_common_object.flattenObject((nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {}, { shouldProcess });
 	const results = {};
 	function insertToken(primaryKey, secondaryKey, value) {
-		if ((0, require_utils_index.utils_exports.isUndefined)(value)) return;
+		if (require_utils_common_assertion.isUndefined(value)) return;
 		if (!secondaryKey || secondaryKey === "base") results[`colors.${primaryKey}`] = {
 			semantic: true,
 			value
@@ -109,8 +111,8 @@ function createColorSchemeTokens(theme, nestedTheme, shouldProcess) {
 	}
 	function processValue(primaryKey, colors$1, keyOrValue) {
 		const value = colors$1.nested[keyOrValue] ?? colors$1.base[keyOrValue];
-		if ((0, require_utils_index.utils_exports.isObject)(value)) {
-			const tokens = (0, require_utils_index.utils_exports.flattenObject)(value, { shouldProcess });
+		if (require_utils_common_assertion.isObject(value)) {
+			const tokens = require_utils_common_object.flattenObject(value, { shouldProcess });
 			Object.keys(tokens).forEach((secondaryKey) => {
 				const value$1 = secondaryKey === "base" ? keyOrValue : `${keyOrValue}.${secondaryKey}`;
 				insertToken(primaryKey, secondaryKey, value$1);
@@ -121,16 +123,16 @@ function createColorSchemeTokens(theme, nestedTheme, shouldProcess) {
 		const [lightValue, darkValue] = keyOrValue;
 		const lightColors = colors$1.nested[lightValue] ?? colors$1.base[lightValue];
 		const darkColors = colors$1.nested[darkValue] ?? colors$1.base[darkValue];
-		if ((0, require_utils_index.utils_exports.isObject)(lightColors) && (0, require_utils_index.utils_exports.isObject)(darkColors)) {
-			const tokens = (0, require_utils_index.utils_exports.flattenObject)(lightColors, { shouldProcess });
+		if (require_utils_common_assertion.isObject(lightColors) && require_utils_common_assertion.isObject(darkColors)) {
+			const tokens = require_utils_common_object.flattenObject(lightColors, { shouldProcess });
 			Object.keys(tokens).forEach((secondaryKey) => {
 				const value = [secondaryKey === "base" ? lightValue : `${lightValue}.${secondaryKey}`, secondaryKey === "base" ? darkValue : `${darkValue}.${secondaryKey}`];
 				insertToken(primaryKey, secondaryKey, value);
 			});
-		} else if (!(0, require_utils_index.utils_exports.isObject)(lightValue) && !(0, require_utils_index.utils_exports.isObject)(darkValue)) insertToken(primaryKey, void 0, [lightValue, darkValue]);
+		} else if (!require_utils_common_assertion.isObject(lightValue) && !require_utils_common_assertion.isObject(darkValue)) insertToken(primaryKey, void 0, [lightValue, darkValue]);
 	}
 	Object.entries(colorSchemeTokens).forEach(([primaryKey, value]) => {
-		if ((0, require_utils_index.utils_exports.isArray)(value)) {
+		if (require_utils_common_assertion.isArray(value)) {
 			processColorModeValue(primaryKey, colors, value);
 			processColorModeValue(primaryKey, semanticColors, value);
 		} else {
@@ -147,8 +149,8 @@ function createTokens(theme, target, shouldProcess = () => true) {
 			...rest,
 			shouldProcess: (obj) => shouldProcess(obj) && (!shouldProcessProp || shouldProcessProp(obj))
 		};
-		const tokens = (0, require_utils_index.utils_exports.flattenObject)(theme[primaryKey] ?? {}, options);
-		const semanticTokens = (0, require_utils_index.utils_exports.flattenObject)(theme.semanticTokens?.[primaryKey] ?? {}, options);
+		const tokens = require_utils_common_object.flattenObject(theme[primaryKey] ?? {}, options);
+		const semanticTokens = require_utils_common_object.flattenObject(theme.semanticTokens?.[primaryKey] ?? {}, options);
 		Object.entries(tokens).forEach(([secondaryKey, value]) => {
 			const token = `${primaryKey}.${secondaryKey}`;
 			results[token] = {

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

@@ -1 +1 @@
-{"version":3,"file":"create-system.cjs","names":["tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n}","defaultSystem: System","theme: UsageTheme","config: ThemeConfig","DEFAULT_VAR_PREFIX","obj: any","primaryTokens","secondaryTokens","tertiaryTokens","block?: string","element?: string","modifier?: string","theme: Dict","nestedTheme: Dict | undefined","shouldProcess: FlattenObjectOptions[\"shouldProcess\"]","results: VariableTokens","primaryKey: string","secondaryKey: string | undefined","value: any","colors: any","keyOrValue: any","colors","value","keyOrValue: any[]","target: \"primary\" | \"secondary\" | \"tertiary\"","options: FlattenObjectOptions"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\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 VariableValue =\n  | DefineThemeValue\n  | VariableColorModeValue\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: {},\n  layers: createLayers(),\n  utils: { getClassName: bem },\n}\n\nexport function createSystem(\n  theme: UsageTheme,\n  config: ThemeConfig = {},\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)(primaryTokens),\n    createVars(prefix, theme, breakpoints)(secondaryTokens),\n    createVars(prefix, theme, breakpoints)(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 themeCondition = `[data-theme=${themeScheme}] &:not([data-theme]), &[data-theme=${themeScheme}]`\n\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)(nestedPrimaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedSecondaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedTertiaryTokens),\n      )({ ...primaryTokens, ...secondaryTokens, ...tertiaryTokens })\n\n      cssVars[themeCondition] = nestedCSSVars\n    }\n  }\n\n  return {\n    breakpoints,\n    config,\n    cssMap,\n    cssVars,\n    layers,\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\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":["tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n}","defaultSystem: System","bem","theme: UsageTheme","config: ThemeConfig","DEFAULT_VAR_PREFIX","obj: any","primaryTokens","secondaryTokens","tertiaryTokens","block?: string","element?: string","modifier?: string","theme: Dict","nestedTheme: Dict | undefined","shouldProcess: FlattenObjectOptions[\"shouldProcess\"]","results: VariableTokens","primaryKey: string","secondaryKey: string | undefined","value: any","colors: any","keyOrValue: any","colors","value","keyOrValue: any[]","target: \"primary\" | \"secondary\" | \"tertiary\"","options: FlattenObjectOptions"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\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 VariableValue =\n  | DefineThemeValue\n  | VariableColorModeValue\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: {},\n  layers: createLayers(),\n  utils: { getClassName: bem },\n}\n\nexport function createSystem(\n  theme: UsageTheme,\n  config: ThemeConfig = {},\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)(primaryTokens),\n    createVars(prefix, theme, breakpoints)(secondaryTokens),\n    createVars(prefix, theme, breakpoints)(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 themeCondition = `[data-theme=${themeScheme}] &:not([data-theme]), &[data-theme=${themeScheme}]`\n\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)(nestedPrimaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedSecondaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedTertiaryTokens),\n      )({ ...primaryTokens, ...secondaryTokens, ...tertiaryTokens })\n\n      cssVars[themeCondition] = nestedCSSVars\n    }\n  }\n\n  return {\n    breakpoints,\n    config,\n    cssMap,\n    cssVars,\n    layers,\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\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

@@ -2,7 +2,8 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
@@ -16,13 +17,13 @@ const EnvironmentContext = (0, react.createContext)(defaultEnvironment);
 const EnvironmentProvider = ({ children, value }) => {
 	const ref = (0, react.useRef)(null);
 	const getRootNode = (0, react.useMemo)(() => {
-		return () => (0, require_utils_index.utils_exports.runIfFn)(value) ?? ref.current?.getRootNode() ?? document;
+		return () => require_utils_common_function.runIfFn(value) ?? ref.current?.getRootNode() ?? document;
 	}, [value, ref]);
 	const context = (0, react.useMemo)(() => {
 		return {
-			getDocument: () => (0, require_utils_index.utils_exports.getDocument)(getRootNode()),
+			getDocument: () => require_utils_common_dom.getDocument(getRootNode()),
 			getRootNode,
-			getWindow: () => (0, require_utils_index.utils_exports.getWindow)(getRootNode())
+			getWindow: () => require_utils_common_dom.getWindow(getRootNode())
 		};
 	}, [getRootNode]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EnvironmentContext, {

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

@@ -1 +1 @@
-{"version":3,"file":"environment-provider.cjs","names":["defaultEnvironment: Environment","EnvironmentProvider: FC<EnvironmentProviderProps>"],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useMemo, useRef } from \"react\"\nimport { getDocument, getWindow, runIfFn } from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootNode: () => RootNode\n  getWindow: () => undefined | Window\n}\n\nexport const defaultEnvironment: Environment = {\n  getDocument: () => document,\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 = useMemo(() => {\n    return () => runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const context = useMemo<Environment>(() => {\n    return {\n      getDocument: () => getDocument(getRootNode()),\n      getRootNode,\n      getWindow: () => getWindow(getRootNode()),\n    }\n  }, [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":";;;;;;;;;AAcA,MAAaA,qBAAkC;CAC7C,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,WAAW,MAAM;AAClB;AAED,MAAM,qBAAqB,yBAA2B,mBAAmB;AAMzE,MAAaC,sBAAoD,CAAC,EAChE,UACA,OACD,KAAK;CACJ,MAAM,MAAM,kBAAwB,KAAK;CAEzC,MAAM,cAAc,mBAAQ,MAAM;AAChC,SAAO,MAAM,+CAAQ,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;CAC9D,GAAE,CAAC,OAAO,GAAI,EAAC;CAEhB,MAAM,UAAU,mBAAqB,MAAM;AACzC,SAAO;GACL,aAAa,MAAM,mDAAY,aAAa,CAAC;GAC7C;GACA,WAAW,MAAM,iDAAU,aAAa,CAAC;EAC1C;CACF,GAAE,CAAC,WAAY,EAAC;AAEjB,wBACE,4BAAC;EAAmB,OAAO;aACxB,WAEC,wBAAQ,2BAAC;GAAU;GAAK;IAAS,GAAG;GACnB;AAExB;AAED,MAAa,iBAAiB,MAAM;AAClC,QAAO,eAAI,mBAAmB;AAC/B"}
+{"version":3,"file":"environment-provider.cjs","names":["defaultEnvironment: Environment","EnvironmentProvider: FC<EnvironmentProviderProps>"],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useMemo, useRef } from \"react\"\nimport { getDocument, getWindow, runIfFn } from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootNode: () => RootNode\n  getWindow: () => undefined | Window\n}\n\nexport const defaultEnvironment: Environment = {\n  getDocument: () => document,\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 = useMemo(() => {\n    return () => runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const context = useMemo<Environment>(() => {\n    return {\n      getDocument: () => getDocument(getRootNode()),\n      getRootNode,\n      getWindow: () => getWindow(getRootNode()),\n    }\n  }, [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":";;;;;;;;;;AAcA,MAAaA,qBAAkC;CAC7C,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,WAAW,MAAM;AAClB;AAED,MAAM,qBAAqB,yBAA2B,mBAAmB;AAMzE,MAAaC,sBAAoD,CAAC,EAChE,UACA,OACD,KAAK;CACJ,MAAM,MAAM,kBAAwB,KAAK;CAEzC,MAAM,cAAc,mBAAQ,MAAM;AAChC,SAAO,MAAM,sCAAQ,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;CAC9D,GAAE,CAAC,OAAO,GAAI,EAAC;CAEhB,MAAM,UAAU,mBAAqB,MAAM;AACzC,SAAO;GACL,aAAa,MAAM,qCAAY,aAAa,CAAC;GAC7C;GACA,WAAW,MAAM,mCAAU,aAAa,CAAC;EAC1C;CACF,GAAE,CAAC,WAAY,EAAC;AAEjB,wBACE,4BAAC;EAAmB,OAAO;aACxB,WAEC,wBAAQ,2BAAC;GAAU;GAAK;IAAS,GAAG;GACnB;AAExB;AAED,MAAa,iBAAiB,MAAM;AAClC,QAAO,eAAI,mBAAmB;AAC/B"}

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

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_core_constant = require('../constant.cjs');
 
 //#region src/core/system/layer.ts
@@ -6,7 +6,7 @@ const defaultLayers = {
 	atRule: void 0,
 	names: [],
 	wrap: function(_, style) {
-		return (0, require_utils_index.utils_exports.runIfFn)(style) ?? {};
+		return require_utils_common_function.runIfFn(style) ?? {};
 	}
 };
 function createLayers(layers = require_core_constant.DEFAULT_LAYERS) {
@@ -16,7 +16,7 @@ function createLayers(layers = require_core_constant.DEFAULT_LAYERS) {
 	const getAtRule = (name) => `@layer ${layers[name].name}`;
 	const wrap = (name, style) => {
 		const atRule$1 = getAtRule(name);
-		return { [atRule$1]: (0, require_utils_index.utils_exports.runIfFn)(style) };
+		return { [atRule$1]: require_utils_common_function.runIfFn(style) };
 	};
 	return {
 		atRule,

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

@@ -1 +1 @@
-{"version":3,"file":"layer.cjs","names":["defaultLayers: Layers","_: LayerScheme","style?: (() => Dict) | Dict","layers: false | LayersConfig","DEFAULT_LAYERS","name: LayerScheme","atRule"],"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,MAAaA,gBAAwB;CACnC;CACA,OAAO,CAAE;CACT,MAAM,SAAUC,GAAgBC,OAA6B;AAC3D,SAAO,+CAAQ,MAAM,IAAI,CAAE;CAC5B;AACF;AAED,SAAgB,aACdC,SAA+BC,sCACvB;AACR,MAAK,OAAQ,QAAO;CAEpB,MAAM,QAAQ,OAAO,OAAO,OAAO,CAChC,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,IAAI,CAAC,UAAU,MAAM,KAAK;CAC7B,MAAM,UAAU,SAAS,MAAM,KAAK,KAAK,CAAC;CAE1C,MAAM,YAAY,CAACC,UAAuB,SAAS,OAAO,MAAM;CAEhE,MAAM,OAAO,CAACA,MAAmBH,UAAgC;EAC/D,MAAMI,WAAS,UAAU,KAAK;AAE9B,SAAO,GAAGA,WAAS,+CAAQ,MAAM,CAAE;CACpC;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"layer.cjs","names":["defaultLayers: Layers","_: LayerScheme","style?: (() => Dict) | Dict","layers: false | LayersConfig","DEFAULT_LAYERS","name: LayerScheme","atRule"],"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,MAAaA,gBAAwB;CACnC;CACA,OAAO,CAAE;CACT,MAAM,SAAUC,GAAgBC,OAA6B;AAC3D,SAAO,sCAAQ,MAAM,IAAI,CAAE;CAC5B;AACF;AAED,SAAgB,aACdC,SAA+BC,sCACvB;AACR,MAAK,OAAQ,QAAO;CAEpB,MAAM,QAAQ,OAAO,OAAO,OAAO,CAChC,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,IAAI,CAAC,UAAU,MAAM,KAAK;CAC7B,MAAM,UAAU,SAAS,MAAM,KAAK,KAAK,CAAC;CAE1C,MAAM,YAAY,CAACC,UAAuB,SAAS,OAAO,MAAM;CAEhE,MAAM,OAAO,CAACA,MAAmBH,UAAgC;EAC/D,MAAMI,WAAS,UAAU,KAAK;AAE9B,SAAO,GAAGA,WAAS,sCAAQ,MAAM,CAAE;CACpC;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}

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

@@ -3,7 +3,12 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_context = require('../../utils/context.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_array = require('../../utils/common/array.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
+const require_utils_common_string = require('../../utils/common/string.cjs');
 const require_core_css_css = require('../css/css.cjs');
 const require_core_system_system_provider = require('./system-provider.cjs');
 const require_core_system_theme_provider = require('./theme-provider.cjs');
@@ -23,15 +28,15 @@ const react_fast_compare = require_rolldown_runtime.__toESM(require("react-fast-
 const Insertion = ({ cache, htmlTag, serialized }) => {
 	(0, __emotion_utils.registerStyles)(cache, serialized, htmlTag);
 	const style = (0, __emotion_use_insertion_effect_with_fallbacks.useInsertionEffectAlwaysWithSyncFallback)(() => (0, __emotion_utils.insertStyles)(cache, serialized, htmlTag));
-	if (!(0, require_utils_index.utils_exports.createdDom)() && !(0, require_utils_index.utils_exports.isUndefined)(style)) {
+	if (!require_utils_common_dom.createdDom() && !require_utils_common_assertion.isUndefined(style)) {
 		let className = serialized.name;
 		let next = serialized.next;
 		while (next !== void 0) {
-			className = (0, require_utils_index.utils_exports.cx)(className, next.name);
+			className = require_utils_common_string.cx(className, next.name);
 			next = next.next;
 		}
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
-			"data-emotion": (0, require_utils_index.utils_exports.cx)(cache.key, className),
+			"data-emotion": require_utils_common_string.cx(cache.key, className),
 			dangerouslySetInnerHTML: { __html: style },
 			nonce: cache.sheet.nonce
 		});
@@ -41,7 +46,7 @@ const useSplitProps = (props, shouldForwardProp) => {
 	const propsRef = (0, react.useRef)(props);
 	if (!(0, react_fast_compare.default)(propsRef.current, props)) propsRef.current = props;
 	const computedProps = propsRef.current;
-	return (0, react.useMemo)(() => (0, require_utils_index.utils_exports.splitObject)(computedProps, shouldForwardProp), [computedProps, shouldForwardProp]);
+	return (0, react.useMemo)(() => require_utils_common_object.splitObject(computedProps, shouldForwardProp), [computedProps, shouldForwardProp]);
 };
 const [ColorSchemeContext, useColorSchemeContext] = require_utils_context.createContext({
 	name: "ColorSchemeContext",
@@ -50,7 +55,7 @@ const [ColorSchemeContext, useColorSchemeContext] = require_utils_context.create
 function createStyled(el, { base, compounds, props, sizes, variants, defaultProps, transferProps,...styledOptions } = {}) {
 	const displayName = styledOptions.displayName ?? require_core_components_utils.getDisplayName(styledOptions.name, "");
 	const shouldForwardProp = !styledOptions.shouldForwardProp ? require_core_components_props.createShouldForwardProp(styledOptions.forwardProps) : void 0;
-	const style = (0, require_utils_index.utils_exports.filterUndefined)({
+	const style = require_utils_common_object.filterUndefined({
 		base,
 		compounds,
 		props,
@@ -63,34 +68,34 @@ function createStyled(el, { base, compounds, props, sizes, variants, defaultProp
 		const system = require_core_system_system_provider.useSystem();
 		const { theme } = require_core_system_theme_provider.useTheme();
 		const componentStyleOptions = {
-			className: system.utils.getClassName((0, require_utils_index.utils_exports.runIfFn)(styledOptions.className, system) ?? (0, require_utils_index.utils_exports.toKebabCase)(styledOptions.name ?? "")),
+			className: system.utils.getClassName(require_utils_common_function.runIfFn(styledOptions.className, system) ?? require_utils_common_string.toKebabCase(styledOptions.name ?? "")),
 			style,
 			transferProps
 		};
 		const registered = (0, react.useRef)([]);
-		const htmlTag = (0, require_utils_index.utils_exports.isString)(Component);
+		const htmlTag = require_utils_common_assertion.isString(Component);
 		const forwardAsChild = styledOptions.forwardAsChild || styledOptions.forwardProps?.includes("asChild");
 		const [omittedProps, styleProps] = useSplitProps(props$1, shouldForwardProp);
 		const [, rest] = require_core_components_use_component_style.useComponentStyle(omittedProps, componentStyleOptions);
 		const [cssArray, colorScheme, forwardProps] = (0, react.useMemo)(() => {
 			const { css: css$1, colorScheme: colorScheme$1,...forwardProps$1 } = rest;
 			return [
-				(0, require_utils_index.utils_exports.toArray)(css$1),
+				require_utils_common_array.toArray(css$1),
 				colorScheme$1,
 				forwardProps$1
 			];
 		}, [rest]);
 		styleProps.colorScheme ??= colorScheme;
 		if (forwardProps.className) className = (0, __emotion_utils.getRegisteredStyles)(cache.registered, registered.current, forwardProps.className).trim();
-		const interpolations = (0, react.useMemo)(() => [...registered.current, ...(0, require_utils_index.utils_exports.filterEmpty)([...cssArray, styleProps].map(require_core_css_css.css(system, theme)))], [
+		const interpolations = (0, react.useMemo)(() => [...registered.current, ...require_utils_common_array.filterEmpty([...cssArray, styleProps].map(require_core_css_css.css(system, theme)))], [
 			cssArray,
 			system,
 			styleProps,
 			theme
 		]);
 		const serialized = (0, react.useMemo)(() => (0, __emotion_serialize.serializeStyles)(interpolations, cache.registered), [interpolations, cache.registered]);
-		className = (0, require_utils_index.utils_exports.cx)(className, `${cache.key}-${serialized.name}`);
-		className = (0, require_utils_index.utils_exports.cx)(className, styledOptions.target);
+		className = require_utils_common_string.cx(className, `${cache.key}-${serialized.name}`);
+		className = require_utils_common_string.cx(className, styledOptions.target);
 		const mergedProps = {
 			...forwardProps,
 			className,

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","names":["Insertion: FC<InsertionProps>","props: Dict","shouldForwardProp?: ShouldForwardProp","el: Y","props","forwardProps","css","colorScheme","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  name?: string\n  target?: string\n  className?: ((system: System) => string) | string\n  displayName?: string\n  forwardAsChild?: boolean\n  shouldForwardProp?: boolean | ShouldForwardProp\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    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n    transferProps,\n    ...styledOptions\n  }: StyledOptions<D, H, R, keyof M> = {},\n): StyledComponent<Y, M> {\n  const displayName =\n    styledOptions.displayName ?? getDisplayName(styledOptions.name, \"\")\n  const shouldForwardProp = !styledOptions.shouldForwardProp\n    ? createShouldForwardProp(styledOptions.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 = \"\"\n\n    const system = useSystem()\n    const { theme } = useTheme<UsageTheme>()\n    const componentStyleOptions = {\n      className: system.utils.getClassName(\n        runIfFn(styledOptions.className, system) ??\n          toKebabCase(styledOptions.name ?? \"\"),\n      ),\n      style,\n      transferProps,\n    }\n    const registered = useRef<string[]>([])\n    const htmlTag = isString(Component)\n    const forwardAsChild =\n      styledOptions.forwardAsChild ||\n      styledOptions.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(className, `${cache.key}-${serialized.name}`)\n    className = cx(className, styledOptions.target)\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":["Insertion: FC<InsertionProps>","props: Dict","shouldForwardProp?: ShouldForwardProp","el: Y","props","forwardProps","css","colorScheme","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  name?: string\n  target?: string\n  className?: ((system: System) => string) | string\n  displayName?: string\n  forwardAsChild?: boolean\n  shouldForwardProp?: boolean | ShouldForwardProp\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    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n    transferProps,\n    ...styledOptions\n  }: StyledOptions<D, H, R, keyof M> = {},\n): StyledComponent<Y, M> {\n  const displayName =\n    styledOptions.displayName ?? getDisplayName(styledOptions.name, \"\")\n  const shouldForwardProp = !styledOptions.shouldForwardProp\n    ? createShouldForwardProp(styledOptions.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 = \"\"\n\n    const system = useSystem()\n    const { theme } = useTheme<UsageTheme>()\n    const componentStyleOptions = {\n      className: system.utils.getClassName(\n        runIfFn(styledOptions.className, system) ??\n          toKebabCase(styledOptions.name ?? \"\"),\n      ),\n      style,\n      transferProps,\n    }\n    const registered = useRef<string[]>([])\n    const htmlTag = isString(Component)\n    const forwardAsChild =\n      styledOptions.forwardAsChild ||\n      styledOptions.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(className, `${cache.key}-${serialized.name}`)\n    className = cx(className, styledOptions.target)\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAMA,YAAgC,CAAC,EAAE,OAAO,SAAS,YAAY,KAAK;AACxE,qCAAe,OAAO,YAAY,QAAQ;CAE1C,MAAM,QAAQ,4FAAyC,MACrD,kCAAa,OAAO,YAAY,QAAQ,CACzC;AAED,MAAK,qCAAY,KAAK,2CAAY,MAAM,EAAE;EACxC,IAAI,YAAY,WAAW;EAC3B,IAAI,OAAO,WAAW;AAEtB,SAAO,iBAAoB;AACzB,eAAY,+BAAG,WAAW,KAAK,KAAK;AACpC,UAAO,KAAK;EACb;AAED,yBACE,2BAAC;GACC,gBAAc,+BAAG,MAAM,KAAK,UAAU;GACtC,yBAAyB,EAAE,QAAQ,MAAO;GAC1C,OAAO,MAAM,MAAM;IACnB;CAEL,MACC,QAAO;AAEV;AAED,MAAM,gBAAgB,CACpBC,OACAC,sBACG;CACH,MAAM,WAAW,kBAAO,MAAM;AAE9B,MAAK,gCAAQ,SAAS,SAAS,MAAM,CAAE,UAAS,UAAU;CAE1D,MAAM,gBAAgB,SAAS;AAE/B,QAAO,mBACL,MAAM,wCAAkB,eAAe,kBAAkB,EACzD,CAAC,eAAe,iBAAkB,EACnC;AACF;AAED,MAAa,CAAC,oBAAoB,sBAAsB,GACtD,oCAA2B;CACzB,MAAM;CACN,QAAQ;AACT,EAAC;AAkBJ,SAAgB,aAOdC,IACA,EACE,MACA,WACA,OACA,OACA,UACA,cACA,cACA,GAAG,eAC6B,GAAG,CAAE,GAChB;CACvB,MAAM,cACJ,cAAc,eAAe,6CAAe,cAAc,MAAM,GAAG;CACrE,MAAM,qBAAqB,cAAc,oBACrC,sDAAwB,cAAc,aAAa;CAEvD,MAAM,QAAQ,4CAAgB;EAC5B;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CAEF,MAAM,kBAAkB,sCAAuB,SAC7C,EAAE,IAAI,YAAY,IAAI,SAAS,SAAU,GAAGC,SAAO,EACnD,OACA,KACA;EACA,IAAI,YAAY;EAEhB,MAAM,SAAS,+CAAW;EAC1B,MAAM,EAAE,OAAO,GAAG,6CAAsB;EACxC,MAAM,wBAAwB;GAC5B,WAAW,OAAO,MAAM,aACtB,sCAAQ,cAAc,WAAW,OAAO,IACtC,wCAAY,cAAc,QAAQ,GAAG,CACxC;GACD;GACA;EACD;EACD,MAAM,aAAa,kBAAiB,CAAE,EAAC;EACvC,MAAM,UAAU,wCAAS,UAAU;EACnC,MAAM,iBACJ,cAAc,kBACd,cAAc,cAAc,SAAS,UAAU;EACjD,MAAM,CAAC,cAAc,WAAW,GAAG,cAAcA,SAAO,kBAAkB;EAC1E,MAAM,GAAG,KAAK,GAAG,8DACf,cACA,sBACD;EACD,MAAM,CAAC,UAAU,aAAa,aAAa,GAAG,mBAAQ,MAAM;GAC1D,MAAM,EAAE,YAAK,2BAAa,GAAGC,gBAAc,GAAG;AAE9C,UAAO;IAAC,mCAAQC,MAAI;IAAEC;IAAaF;GAAa;EACjD,GAAE,CAAC,IAAK,EAAC;AAEV,aAAW,gBAAgB;AAE3B,MAAI,aAAa,UACf,aAAY,yCACV,MAAM,YACN,WAAW,SACX,aAAa,UACd,CAAC,MAAM;EAEV,MAAM,iBAAiB,mBACrB,MAAM,CACJ,GAAG,WAAW,SACd,GAAG,uCAAY,CAAC,GAAG,UAAU,UAAW,EAAC,IAAI,yBAAI,QAAQ,MAAM,CAAC,CAAC,AAClE,GACD;GAAC;GAAU;GAAQ;GAAY;EAAM,EACtC;EAED,MAAM,aAAa,mBACjB,MAAM,yCAAgB,gBAAgB,MAAM,WAAW,EACvD,CAAC,gBAAgB,MAAM,UAAW,EACnC;AAED,cAAY,+BAAG,cAAc,MAAM,IAAI,GAAG,WAAW,OAAO;AAC5D,cAAY,+BAAG,WAAW,cAAc,OAAO;EAE/C,MAAM,cAAc;GAAE,GAAG;GAAc;GAAW;EAAU;AAE5D,yBACE,4BAAC;GAAmB,OAAO,WAAW;8BACpC,2BAAC;IAAiB;IAAgB;IAAqB;KAAc,EAEpE,YAAY,iCACX,2BAACG;IAAU;IAAK,GAAI;KAAe,mBAEnC,2BAAC;IAAe;IAAK,GAAI;KAAe;IAEvB;CAExB,EAAC;AAEF,iBAAgB,cAAc,eAAe;AAE7C,QAAO;AACR"}

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

@@ -2,7 +2,8 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
 const require_core_system_environment_provider = require('./environment-provider.cjs');
 const require_core_css_css = require('../css/css.cjs');
 const require_core_system_system_provider = require('./system-provider.cjs');
@@ -74,12 +75,12 @@ const GlobalStyles = () => {
 	const { atRule, wrap } = system.layers;
 	const resetStyle = (0, react.useMemo)(() => {
 		const style = theme.styles?.resetStyle;
-		if (!style || (0, require_utils_index.utils_exports.isEmptyObject)(style)) return void 0;
+		if (!style || require_utils_common_assertion.isEmptyObject(style)) return void 0;
 		return require_core_css_css.css(system, theme)(style);
 	}, [system, theme]);
 	const globalStyle = (0, react.useMemo)(() => {
 		const style = theme.styles?.globalStyle;
-		if (!style || (0, require_utils_index.utils_exports.isEmptyObject)(style)) return void 0;
+		if (!style || require_utils_common_assertion.isEmptyObject(style)) return void 0;
 		return require_core_css_css.css(system, theme)(style);
 	}, [system, theme]);
 	const cssVars = (0, react.useMemo)(() => {
@@ -101,10 +102,10 @@ const useTheme = () => {
 	const internalTheme = (0, react.use)(__emotion_react.ThemeContext);
 	const theme = (0, react.useMemo)(() => {
 		const { themeScheme } = internalTheme;
-		if ((0, require_utils_index.utils_exports.isUndefined)(themeScheme) || themeScheme === "base") return internalTheme;
-		const nestedTheme = "themeSchemes" in internalTheme && (0, require_utils_index.utils_exports.isObject)(internalTheme.themeSchemes) ? internalTheme.themeSchemes[themeScheme] : void 0;
+		if (require_utils_common_assertion.isUndefined(themeScheme) || themeScheme === "base") return internalTheme;
+		const nestedTheme = "themeSchemes" in internalTheme && require_utils_common_assertion.isObject(internalTheme.themeSchemes) ? internalTheme.themeSchemes[themeScheme] : void 0;
 		if (!nestedTheme) return internalTheme;
-		return (0, require_utils_index.utils_exports.merge)(internalTheme, nestedTheme);
+		return require_utils_common_object.merge(internalTheme, nestedTheme);
 	}, [internalTheme]);
 	const value = (0, react.useMemo)(() => {
 		const { changeThemeScheme, themeScheme } = internalTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.cjs","names":["themeSchemeManager","environment: Environment","css","ThemeProvider: FC<ThemeProviderProps>","changeThemeScheme: ChangeThemeScheme","themeScheme","EmotionThemeProvider","GlobalStyles: FC","Global","ThemeContext"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { ThemeSchemeManager } from \"./theme-manager\"\nimport { ThemeProvider as EmotionThemeProvider, Global } from \"@emotion/react\"\nimport { ThemeContext } from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { useSystem } from \"./system-provider\"\nimport { themeSchemeManager } from \"./theme-manager\"\n\nconst { localStorage } = themeSchemeManager\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        document.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `true`, will not mount the global styles defined in the theme.\n   *\n   * @default true\n   */\n  disableGlobalStyle?: boolean\n  /**\n   * If `true`, `ResetStyle` component will be mounted to help reset browser styles.\n   *\n   * @default true\n   */\n  disableResetStyle?: boolean\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   * Manager to persist a user's theme scheme preference.\n   *\n   * Omit if you don't render server-side.\n   * For SSR, choose `themeSchemeManager.ssr`.\n   *\n   * @default 'themeSchemeManager.localStorage'\n   */\n  themeSchemeManager?: ThemeSchemeManager\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  storageKey,\n  theme = {},\n  themeSchemeManager = localStorage,\n}) => {\n  const { defaultThemeScheme, disableTransitionOnChange } = config ?? {}\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    themeSchemeManager.get(defaultThemeScheme)(storageKey),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      themeSchemeManager.set(themeScheme)(storageKey)\n    },\n    [disableTransitionOnChange, environment, themeSchemeManager, storageKey],\n  )\n\n  useEffect(() => {\n    const themeScheme = themeSchemeManager.get(defaultThemeScheme)(storageKey)\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, themeSchemeManager, storageKey, defaultThemeScheme])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/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":["themeSchemeManager","environment: Environment","css","ThemeProvider: FC<ThemeProviderProps>","changeThemeScheme: ChangeThemeScheme","themeScheme","EmotionThemeProvider","GlobalStyles: FC","Global","ThemeContext"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { ThemeSchemeManager } from \"./theme-manager\"\nimport { ThemeProvider as EmotionThemeProvider, Global } from \"@emotion/react\"\nimport { ThemeContext } from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { useSystem } from \"./system-provider\"\nimport { themeSchemeManager } from \"./theme-manager\"\n\nconst { localStorage } = themeSchemeManager\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        document.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `true`, will not mount the global styles defined in the theme.\n   *\n   * @default true\n   */\n  disableGlobalStyle?: boolean\n  /**\n   * If `true`, `ResetStyle` component will be mounted to help reset browser styles.\n   *\n   * @default true\n   */\n  disableResetStyle?: boolean\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   * Manager to persist a user's theme scheme preference.\n   *\n   * Omit if you don't render server-side.\n   * For SSR, choose `themeSchemeManager.ssr`.\n   *\n   * @default 'themeSchemeManager.localStorage'\n   */\n  themeSchemeManager?: ThemeSchemeManager\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  storageKey,\n  theme = {},\n  themeSchemeManager = localStorage,\n}) => {\n  const { defaultThemeScheme, disableTransitionOnChange } = config ?? {}\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    themeSchemeManager.get(defaultThemeScheme)(storageKey),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      themeSchemeManager.set(themeScheme)(storageKey)\n    },\n    [disableTransitionOnChange, environment, themeSchemeManager, storageKey],\n  )\n\n  useEffect(() => {\n    const themeScheme = themeSchemeManager.get(defaultThemeScheme)(storageKey)\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, themeSchemeManager, storageKey, defaultThemeScheme])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/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

@@ -4,7 +4,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_effect = require('../../utils/effect.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_core_system_environment_provider = require('./environment-provider.cjs');
 const require_core_system_color_mode_utils = require('./color-mode-utils.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -22,7 +22,7 @@ const useSystemColorMode = ({ callback, initialColorMode } = {}) => {
 		setColorMode(getSystemColorMode());
 	}, [getSystemColorMode]);
 	(0, react.useEffect)(() => {
-		return systemColorModeObserver((0, require_utils_index.utils_exports.fnAll)(setColorMode, callbackRef));
+		return systemColorModeObserver(require_utils_common_function.fnAll(setColorMode, callbackRef));
 	}, [
 		systemColorModeObserver,
 		getSystemColorMode,

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

@@ -1 +1 @@
-{"version":3,"file":"use-system-color-mode.cjs","names":[],"sources":["../../../../src/core/system/use-system-color-mode.ts"],"sourcesContent":["\"use client\"\n\nimport type { ColorMode } from \"./index.types\"\nimport { useEffect, useMemo, useState } from \"react\"\nimport { fnAll, useCallbackRef, useSafeLayoutEffect } from \"../../utils\"\nimport { getColorModeUtils } from \"./color-mode-utils\"\nimport { useEnvironment } from \"./environment-provider\"\n\nexport interface UseSystemColorModeProps {\n  callback?: (colorMode: ColorMode) => void\n  initialColorMode?: ColorMode\n}\n\n/**\n * `useSystemColorMode` is a custom hook that returns the current system color mode.\n */\nexport const useSystemColorMode = ({\n  callback,\n  initialColorMode,\n}: UseSystemColorModeProps = {}) => {\n  const environment = useEnvironment()\n  const callbackRef = useCallbackRef(callback)\n  const [colorMode, setColorMode] = useState<ColorMode | undefined>(\n    initialColorMode,\n  )\n\n  const { getSystemColorMode, systemColorModeObserver } = useMemo(\n    () => getColorModeUtils({ environment }),\n    [environment],\n  )\n\n  useSafeLayoutEffect(() => {\n    setColorMode(getSystemColorMode())\n  }, [getSystemColorMode])\n\n  useEffect(() => {\n    return systemColorModeObserver(fnAll(setColorMode, callbackRef))\n  }, [systemColorModeObserver, getSystemColorMode, callbackRef])\n\n  return colorMode\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,qBAAqB,CAAC,EACjC,UACA,kBACwB,GAAG,CAAE,MAAK;CAClC,MAAM,cAAc,yDAAgB;CACpC,MAAM,cAAc,iCAAe,SAAS;CAC5C,MAAM,CAAC,WAAW,aAAa,GAAG,oBAChC,iBACD;CAED,MAAM,EAAE,oBAAoB,yBAAyB,GAAG,mBACtD,MAAM,uDAAkB,EAAE,YAAa,EAAC,EACxC,CAAC,WAAY,EACd;AAED,0CAAoB,MAAM;AACxB,eAAa,oBAAoB,CAAC;CACnC,GAAE,CAAC,kBAAmB,EAAC;AAExB,sBAAU,MAAM;AACd,SAAO,wBAAwB,6CAAM,cAAc,YAAY,CAAC;CACjE,GAAE;EAAC;EAAyB;EAAoB;CAAY,EAAC;AAE9D,QAAO;AACR"}
+{"version":3,"file":"use-system-color-mode.cjs","names":[],"sources":["../../../../src/core/system/use-system-color-mode.ts"],"sourcesContent":["\"use client\"\n\nimport type { ColorMode } from \"./index.types\"\nimport { useEffect, useMemo, useState } from \"react\"\nimport { fnAll, useCallbackRef, useSafeLayoutEffect } from \"../../utils\"\nimport { getColorModeUtils } from \"./color-mode-utils\"\nimport { useEnvironment } from \"./environment-provider\"\n\nexport interface UseSystemColorModeProps {\n  callback?: (colorMode: ColorMode) => void\n  initialColorMode?: ColorMode\n}\n\n/**\n * `useSystemColorMode` is a custom hook that returns the current system color mode.\n */\nexport const useSystemColorMode = ({\n  callback,\n  initialColorMode,\n}: UseSystemColorModeProps = {}) => {\n  const environment = useEnvironment()\n  const callbackRef = useCallbackRef(callback)\n  const [colorMode, setColorMode] = useState<ColorMode | undefined>(\n    initialColorMode,\n  )\n\n  const { getSystemColorMode, systemColorModeObserver } = useMemo(\n    () => getColorModeUtils({ environment }),\n    [environment],\n  )\n\n  useSafeLayoutEffect(() => {\n    setColorMode(getSystemColorMode())\n  }, [getSystemColorMode])\n\n  useEffect(() => {\n    return systemColorModeObserver(fnAll(setColorMode, callbackRef))\n  }, [systemColorModeObserver, getSystemColorMode, callbackRef])\n\n  return colorMode\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,qBAAqB,CAAC,EACjC,UACA,kBACwB,GAAG,CAAE,MAAK;CAClC,MAAM,cAAc,yDAAgB;CACpC,MAAM,cAAc,iCAAe,SAAS;CAC5C,MAAM,CAAC,WAAW,aAAa,GAAG,oBAChC,iBACD;CAED,MAAM,EAAE,oBAAoB,yBAAyB,GAAG,mBACtD,MAAM,uDAAkB,EAAE,YAAa,EAAC,EACxC,CAAC,WAAY,EACd;AAED,0CAAoB,MAAM;AACxB,eAAa,oBAAoB,CAAC;CACnC,GAAE,CAAC,kBAAmB,EAAC;AAExB,sBAAU,MAAM;AACd,SAAO,wBAAwB,oCAAM,cAAc,YAAY,CAAC;CACjE,GAAE;EAAC;EAAyB;EAAoB;CAAY,EAAC;AAE9D,QAAO;AACR"}