npm - @yamada-ui/react - Versions diffs - 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1876) hide show

package/dist/esm/core/system/create-system.js CHANGED Viewed

@@ -1,4 +1,6 @@
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isObject, isUndefined } from "../../utils/common/assertion.js";
+import { flattenObject } from "../../utils/common/object.js";
+import { bem } from "../../utils/common/string.js";
 import { createBreakpoints } from "./breakpoint.js";
 import { DEFAULT_VAR_PREFIX } from "../constant.js";
 import { createLayers } from "./layer.js";
@@ -39,7 +41,7 @@ const defaultSystem = {
 	cssMap: {},
 	cssVars: {},
 	layers: createLayers(),
-	utils: { getClassName: utils_exports.bem }
+	utils: { getClassName: bem }
 };
 function createSystem(theme, config = {}) {
 	const prefix = config.css?.varPrefix ?? DEFAULT_VAR_PREFIX;
@@ -55,7 +57,7 @@ function createSystem(theme, config = {}) {
 	const { cssMap, cssVars } = mergeVars(createVars(prefix, theme, breakpoints)(primaryTokens$1), createVars(prefix, theme, breakpoints)(secondaryTokens$1), createVars(prefix, theme, breakpoints)(tertiaryTokens$1))();
 	const getClassName = (block, element, modifier) => {
 		if (!block) return "";
-		const className = (0, utils_exports.bem)(block, element, modifier);
+		const className = 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, utils_exports.flattenObject)((nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {}, { shouldProcess });
+	const colorSchemeTokens = flattenObject((nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {}, { shouldProcess });
 	const results = {};
 	function insertToken(primaryKey, secondaryKey, value) {
-		if ((0, utils_exports.isUndefined)(value)) return;
+		if (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, utils_exports.isObject)(value)) {
-			const tokens = (0, utils_exports.flattenObject)(value, { shouldProcess });
+		if (isObject(value)) {
+			const tokens = 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, utils_exports.isObject)(lightColors) && (0, utils_exports.isObject)(darkColors)) {
-			const tokens = (0, utils_exports.flattenObject)(lightColors, { shouldProcess });
+		if (isObject(lightColors) && isObject(darkColors)) {
+			const tokens = 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, utils_exports.isObject)(lightValue) && !(0, utils_exports.isObject)(darkValue)) insertToken(primaryKey, void 0, [lightValue, darkValue]);
+		} else if (!isObject(lightValue) && !isObject(darkValue)) insertToken(primaryKey, void 0, [lightValue, darkValue]);
 	}
 	Object.entries(colorSchemeTokens).forEach(([primaryKey, value]) => {
-		if ((0, utils_exports.isArray)(value)) {
+		if (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, utils_exports.flattenObject)(theme[primaryKey] ?? {}, options);
-		const semanticTokens = (0, utils_exports.flattenObject)(theme.semanticTokens?.[primaryKey] ?? {}, options);
+		const tokens = flattenObject(theme[primaryKey] ?? {}, options);
+		const semanticTokens = flattenObject(theme.semanticTokens?.[primaryKey] ?? {}, options);
 		Object.entries(tokens).forEach(([secondaryKey, value]) => {
 			const token = `${primaryKey}.${secondaryKey}`;
 			results[token] = {

package/dist/esm/core/system/create-system.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"create-system.js","names":["tokenMap: {\n [key in \"primary\" \| \"secondary\" \| \"tertiary\"]: TokenOptions\n}","defaultSystem: System","bem","theme: UsageTheme","config: ThemeConfig","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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"}
1	+ {"version":3,"file":"create-system.js","names":["tokenMap: {\n [key in \"primary\" \| \"secondary\" \| \"tertiary\"]: TokenOptions\n}","defaultSystem: System","theme: UsageTheme","config: ThemeConfig","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/esm/core/system/environment-provider.js CHANGED Viewed

@@ -1,7 +1,8 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { runIfFn } from "../../utils/common/function.js";
+import { getDocument, getWindow } from "../../utils/common/dom.js";
 import { createContext, use, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -15,13 +16,13 @@ const EnvironmentContext = createContext(defaultEnvironment);
 const EnvironmentProvider = ({ children, value }) => {
 	const ref = useRef(null);
 	const getRootNode = useMemo(() => {
-		return () => (0, utils_exports.runIfFn)(value) ?? ref.current?.getRootNode() ?? document;
+		return () => runIfFn(value) ?? ref.current?.getRootNode() ?? document;
 	}, [value, ref]);
 	const context = useMemo(() => {
 		return {
-			getDocument: () => (0, utils_exports.getDocument)(getRootNode()),
+			getDocument: () => getDocument(getRootNode()),
 			getRootNode,
-			getWindow: () => (0, utils_exports.getWindow)(getRootNode())
+			getWindow: () => getWindow(getRootNode())
 		};
 	}, [getRootNode]);
 	return /* @__PURE__ */ jsxs(EnvironmentContext, {

package/dist/esm/core/system/environment-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"environment-provider.js","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,cAA2B,mBAAmB;AAMzE,MAAaC,sBAAoD,CAAC,EAChE,UACA,OACD,KAAK;CACJ,MAAM,MAAM,OAAwB,KAAK;CAEzC,MAAM,cAAc,QAAQ,MAAM;AAChC,SAAO,MAAM,~~2BAAQ~~,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;CAC9D,GAAE,CAAC,OAAO,GAAI,EAAC;CAEhB,MAAM,UAAU,QAAqB,MAAM;AACzC,SAAO;GACL,aAAa,MAAM~~,+BAAY~~,aAAa,CAAC;GAC7C;GACA,WAAW,MAAM,~~6BAAU~~,aAAa,CAAC;EAC1C;CACF,GAAE,CAAC,WAAY,EAAC;AAEjB,wBACE,KAAC;EAAmB,OAAO;aACxB,WAEC,wBAAQ,IAAC;GAAU;GAAK;IAAS,GAAG;GACnB;AAExB;AAED,MAAa,iBAAiB,MAAM;AAClC,QAAO,IAAI,mBAAmB;AAC/B"}
1	+ {"version":3,"file":"environment-provider.js","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,cAA2B,mBAAmB;AAMzE,MAAaC,sBAAoD,CAAC,EAChE,UACA,OACD,KAAK;CACJ,MAAM,MAAM,OAAwB,KAAK;CAEzC,MAAM,cAAc,QAAQ,MAAM;AAChC,SAAO,MAAM,QAAQ,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;CAC9D,GAAE,CAAC,OAAO,GAAI,EAAC;CAEhB,MAAM,UAAU,QAAqB,MAAM;AACzC,SAAO;GACL,aAAa,MAAM,YAAY,aAAa,CAAC;GAC7C;GACA,WAAW,MAAM,UAAU,aAAa,CAAC;EAC1C;CACF,GAAE,CAAC,WAAY,EAAC;AAEjB,wBACE,KAAC;EAAmB,OAAO;aACxB,WAEC,wBAAQ,IAAC;GAAU;GAAK;IAAS,GAAG;GACnB;AAExB;AAED,MAAa,iBAAiB,MAAM;AAClC,QAAO,IAAI,mBAAmB;AAC/B"}

package/dist/esm/core/system/layer.js CHANGED Viewed

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

package/dist/esm/core/system/layer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layer.js","names":["defaultLayers: Layers","_: LayerScheme","style?: (() => Dict) \| Dict","layers: false \| LayersConfig","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,~~2BAAQ~~,MAAM,IAAI,CAAE;CAC5B;AACF;AAED,SAAgB,aACdC,SAA+B,gBACvB;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,MAAmBF,UAAgC;EAC/D,MAAMG,WAAS,UAAU,KAAK;AAE9B,SAAO,GAAGA,WAAS,~~2BAAQ~~,MAAM,CAAE;CACpC;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}
1	+ {"version":3,"file":"layer.js","names":["defaultLayers: Layers","_: LayerScheme","style?: (() => Dict) \| Dict","layers: false \| LayersConfig","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,QAAQ,MAAM,IAAI,CAAE;CAC5B;AACF;AAED,SAAgB,aACdC,SAA+B,gBACvB;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,MAAmBF,UAAgC;EAC/D,MAAMG,WAAS,UAAU,KAAK;AAE9B,SAAO,GAAGA,WAAS,QAAQ,MAAM,CAAE;CACpC;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}

package/dist/esm/core/system/styled.js CHANGED Viewed

@@ -2,7 +2,12 @@
 import { createContext } from "../../utils/context.js";
-import { utils_exports } from "../../utils/index.js";
+import { isString, isUndefined } from "../../utils/common/assertion.js";
+import { filterEmpty, toArray } from "../../utils/common/array.js";
+import { runIfFn } from "../../utils/common/function.js";
+import { createdDom } from "../../utils/common/dom.js";
+import { filterUndefined, splitObject } from "../../utils/common/object.js";
+import { cx, toKebabCase } from "../../utils/common/string.js";
 import { css } from "../css/css.js";
 import { useSystem } from "./system-provider.js";
 import { useTheme } from "./theme-provider.js";
@@ -22,15 +27,15 @@ import isEqual from "react-fast-compare";
 const Insertion = ({ cache, htmlTag, serialized }) => {
 	registerStyles(cache, serialized, htmlTag);
 	const style = useInsertionEffectAlwaysWithSyncFallback(() => insertStyles(cache, serialized, htmlTag));
-	if (!(0, utils_exports.createdDom)() && !(0, utils_exports.isUndefined)(style)) {
+	if (!createdDom() && !isUndefined(style)) {
 		let className = serialized.name;
 		let next = serialized.next;
 		while (next !== void 0) {
-			className = (0, utils_exports.cx)(className, next.name);
+			className = cx(className, next.name);
 			next = next.next;
 		}
 		return /* @__PURE__ */ jsx("style", {
-			"data-emotion": (0, utils_exports.cx)(cache.key, className),
+			"data-emotion": cx(cache.key, className),
 			dangerouslySetInnerHTML: { __html: style },
 			nonce: cache.sheet.nonce
 		});
@@ -40,7 +45,7 @@ const useSplitProps = (props, shouldForwardProp) => {
 	const propsRef = useRef(props);
 	if (!isEqual(propsRef.current, props)) propsRef.current = props;
 	const computedProps = propsRef.current;
-	return useMemo(() => (0, utils_exports.splitObject)(computedProps, shouldForwardProp), [computedProps, shouldForwardProp]);
+	return useMemo(() => splitObject(computedProps, shouldForwardProp), [computedProps, shouldForwardProp]);
 };
 const [ColorSchemeContext, useColorSchemeContext] = createContext({
 	name: "ColorSchemeContext",
@@ -49,7 +54,7 @@ const [ColorSchemeContext, useColorSchemeContext] = createContext({
 function createStyled(el, { base, compounds, props, sizes, variants, defaultProps, transferProps,...styledOptions } = {}) {
 	const displayName = styledOptions.displayName ?? getDisplayName(styledOptions.name, "");
 	const shouldForwardProp = !styledOptions.shouldForwardProp ? createShouldForwardProp(styledOptions.forwardProps) : void 0;
-	const style = (0, utils_exports.filterUndefined)({
+	const style = filterUndefined({
 		base,
 		compounds,
 		props,
@@ -62,34 +67,34 @@ function createStyled(el, { base, compounds, props, sizes, variants, defaultProp
 		const system = useSystem();
 		const { theme } = useTheme();
 		const componentStyleOptions = {
-			className: system.utils.getClassName((0, utils_exports.runIfFn)(styledOptions.className, system) ?? (0, utils_exports.toKebabCase)(styledOptions.name ?? "")),
+			className: system.utils.getClassName(runIfFn(styledOptions.className, system) ?? toKebabCase(styledOptions.name ?? "")),
 			style,
 			transferProps
 		};
 		const registered = useRef([]);
-		const htmlTag = (0, utils_exports.isString)(Component);
+		const htmlTag = isString(Component);
 		const forwardAsChild = styledOptions.forwardAsChild || styledOptions.forwardProps?.includes("asChild");
 		const [omittedProps, styleProps] = useSplitProps(props$1, shouldForwardProp);
 		const [, rest] = useComponentStyle(omittedProps, componentStyleOptions);
 		const [cssArray, colorScheme, forwardProps] = useMemo(() => {
 			const { css: css$1, colorScheme: colorScheme$1,...forwardProps$1 } = rest;
 			return [
-				(0, utils_exports.toArray)(css$1),
+				toArray(css$1),
 				colorScheme$1,
 				forwardProps$1
 			];
 		}, [rest]);
 		styleProps.colorScheme ??= colorScheme;
 		if (forwardProps.className) className = getRegisteredStyles(cache.registered, registered.current, forwardProps.className).trim();
-		const interpolations = useMemo(() => [...registered.current, ...(0, utils_exports.filterEmpty)([...cssArray, styleProps].map(css(system, theme)))], [
+		const interpolations = useMemo(() => [...registered.current, ...filterEmpty([...cssArray, styleProps].map(css(system, theme)))], [
 			cssArray,
 			system,
 			styleProps,
 			theme
 		]);
 		const serialized = useMemo(() => serializeStyles(interpolations, cache.registered), [interpolations, cache.registered]);
-		className = (0, utils_exports.cx)(className, `${cache.key}-${serialized.name}`);
-		className = (0, utils_exports.cx)(className, styledOptions.target);
+		className = cx(className, `${cache.key}-${serialized.name}`);
+		className = cx(className, styledOptions.target);
 		const mergedProps = {
 			...forwardProps,
 			className,

package/dist/esm/core/system/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","names":["Insertion: FC<InsertionProps>","props: Dict","shouldForwardProp?: ShouldForwardProp","el: Y","props","forwardProps","css","colorScheme"],"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,gBAAe,OAAO,YAAY,QAAQ;CAE1C,MAAM,QAAQ,yCAAyC,MACrD,aAAa,OAAO,YAAY,QAAQ,CACzC;AAED,MAAK~~,+BAAY~~,KAAK~~,+BAAY~~,MAAM,EAAE;EACxC,IAAI,YAAY,WAAW;EAC3B,IAAI,OAAO,WAAW;AAEtB,SAAO,iBAAoB;AACzB,eAAY,~~sBAAG~~,WAAW,KAAK,KAAK;AACpC,UAAO,KAAK;EACb;AAED,yBACE,IAAC;GACC,gBAAc,~~sBAAG~~,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,OAAO,MAAM;AAE9B,MAAK,QAAQ,SAAS,SAAS,MAAM,CAAE,UAAS,UAAU;CAE1D,MAAM,gBAAgB,SAAS;AAE/B,QAAO,QACL,MAAM~~,+BAAkB~~,eAAe,kBAAkB,EACzD,CAAC,eAAe,iBAAkB,EACnC;AACF;AAED,MAAa,CAAC,oBAAoB,sBAAsB,GACtD,cAA2B;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,eAAe,cAAc,MAAM,GAAG;CACrE,MAAM,qBAAqB,cAAc,oBACrC,wBAAwB,cAAc,aAAa;CAEvD,MAAM,QAAQ,~~mCAAgB~~;EAC5B;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CAEF,MAAM,kBAAkB,iBAAuB,SAC7C,EAAE,IAAI,YAAY,IAAI,SAAS,SAAU,GAAGC,SAAO,EACnD,OACA,KACA;EACA,IAAI,YAAY;EAEhB,MAAM,SAAS,WAAW;EAC1B,MAAM,EAAE,OAAO,GAAG,UAAsB;EACxC,MAAM,wBAAwB;GAC5B,WAAW,OAAO,MAAM,aACtB,~~2BAAQ~~,cAAc,WAAW,OAAO,IACtC~~,+BAAY~~,cAAc,QAAQ,GAAG,CACxC;GACD;GACA;EACD;EACD,MAAM,aAAa,OAAiB,CAAE,EAAC;EACvC,MAAM,UAAU,~~4BAAS~~,UAAU;EACnC,MAAM,iBACJ,cAAc,kBACd,cAAc,cAAc,SAAS,UAAU;EACjD,MAAM,CAAC,cAAc,WAAW,GAAG,cAAcA,SAAO,kBAAkB;EAC1E,MAAM,GAAG,KAAK,GAAG,kBACf,cACA,sBACD;EACD,MAAM,CAAC,UAAU,aAAa,aAAa,GAAG,QAAQ,MAAM;GAC1D,MAAM,EAAE,YAAK,2BAAa,GAAGC,gBAAc,GAAG;AAE9C,UAAO;IAAC,~~2BAAQC~~,MAAI;IAAEC;IAAaF;GAAa;EACjD,GAAE,CAAC,IAAK,EAAC;AAEV,aAAW,gBAAgB;AAE3B,MAAI,aAAa,UACf,aAAY,oBACV,MAAM,YACN,WAAW,SACX,aAAa,UACd,CAAC,MAAM;EAEV,MAAM,iBAAiB,QACrB,MAAM,CACJ,GAAG,WAAW,SACd,GAAG~~,+BAAY~~,CAAC,GAAG,UAAU,UAAW,EAAC,IAAI,IAAI,QAAQ,MAAM,CAAC,CAAC,AAClE,GACD;GAAC;GAAU;GAAQ;GAAY;EAAM,EACtC;EAED,MAAM,aAAa,QACjB,MAAM,gBAAgB,gBAAgB,MAAM,WAAW,EACvD,CAAC,gBAAgB,MAAM,UAAW,EACnC;AAED,cAAY,~~sBAAG~~,cAAc,MAAM,IAAI,GAAG,WAAW,OAAO;AAC5D,cAAY,~~sBAAG~~,WAAW,cAAc,OAAO;EAE/C,MAAM,cAAc;GAAE,GAAG;GAAc;GAAW;EAAU;AAE5D,yBACE,KAAC;GAAmB,OAAO,WAAW;8BACpC,IAAC;IAAiB;IAAgB;IAAqB;KAAc,EAEpE,YAAY,iCACX,IAAC;IAAU;IAAK,GAAI;KAAe,mBAEnC,IAAC;IAAe;IAAK,GAAI;KAAe;IAEvB;CAExB,EAAC;AAEF,iBAAgB,cAAc,eAAe;AAE7C,QAAO;AACR"}
1	+ {"version":3,"file":"styled.js","names":["Insertion: FC<InsertionProps>","props: Dict","shouldForwardProp?: ShouldForwardProp","el: Y","props","forwardProps","css","colorScheme"],"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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"}

package/dist/esm/core/system/theme-provider.js CHANGED Viewed

@@ -1,7 +1,8 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { isEmptyObject, isObject, isUndefined } from "../../utils/common/assertion.js";
+import { merge } from "../../utils/common/object.js";
 import { useEnvironment } from "./environment-provider.js";
 import { css } from "../css/css.js";
 import { useSystem } from "./system-provider.js";
@@ -73,12 +74,12 @@ const GlobalStyles = () => {
 	const { atRule, wrap } = system.layers;
 	const resetStyle = useMemo(() => {
 		const style = theme.styles?.resetStyle;
-		if (!style || (0, utils_exports.isEmptyObject)(style)) return void 0;
+		if (!style || isEmptyObject(style)) return void 0;
 		return css(system, theme)(style);
 	}, [system, theme]);
 	const globalStyle = useMemo(() => {
 		const style = theme.styles?.globalStyle;
-		if (!style || (0, utils_exports.isEmptyObject)(style)) return void 0;
+		if (!style || isEmptyObject(style)) return void 0;
 		return css(system, theme)(style);
 	}, [system, theme]);
 	const cssVars = useMemo(() => {
@@ -100,10 +101,10 @@ const useTheme = () => {
 	const internalTheme = use(ThemeContext);
 	const theme = useMemo(() => {
 		const { themeScheme } = internalTheme;
-		if ((0, utils_exports.isUndefined)(themeScheme) || themeScheme === "base") return internalTheme;
-		const nestedTheme = "themeSchemes" in internalTheme && (0, utils_exports.isObject)(internalTheme.themeSchemes) ? internalTheme.themeSchemes[themeScheme] : void 0;
+		if (isUndefined(themeScheme) || themeScheme === "base") return internalTheme;
+		const nestedTheme = "themeSchemes" in internalTheme && isObject(internalTheme.themeSchemes) ? internalTheme.themeSchemes[themeScheme] : void 0;
 		if (!nestedTheme) return internalTheme;
-		return (0, utils_exports.merge)(internalTheme, nestedTheme);
+		return merge(internalTheme, nestedTheme);
 	}, [internalTheme]);
 	const value = useMemo(() => {
 		const { changeThemeScheme, themeScheme } = internalTheme;

package/dist/esm/core/system/theme-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-provider.js","names":["environment: Environment","css","ThemeProvider: FC<ThemeProviderProps>","changeThemeScheme: ChangeThemeScheme","themeScheme","themeSchemeManager","EmotionThemeProvider","GlobalStyles: FC"],"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":"~~;;;;;;;;;;;;;~~AAuBA,MAAM,EAAE,cAAc,GAAG;AAEzB,MAAa,uBAAuB,CAACA,gBAA6B;CAChE,MAAM,EAAE,aAAa,WAAW,GAAG;CACnC,MAAM,MAAM,WAAW;CACvB,MAAM,MAAM,aAAa;AAEzB,MAAK,QAAQ,IAAK;CAElB,MAAMC,QAAM,IAAI,cAAc,QAAQ;CAEtC,MAAM,OAAO,IAAI,gBACd,0JACF;AAED,OAAI,YAAY,KAAK;AAErB,KAAI,KAAK,YAAYA,MAAI;AAEzB,QAAO,MAAM;EACX,MAAM,cAAc,MAAM,IAAI,iBAAiB,IAAI,KAAK;AAExD,eAAa;AAEb,wBAAsB,MAAM;AAC1B,yBAAsB,MAAM;AAC1B,aAAS,KAAK,YAAYA,MAAI;GAC/B,EAAC;EACH,EAAC;CACH;AACF;AAyCD,MAAaC,gBAAwC,CAAC,EACpD,UACA,QACA,YACA,QAAQ,CAAE,GACV,2CAAqB,cACtB,KAAK;CACJ,MAAM,EAAE,oBAAoB,2BAA2B,GAAG,UAAU,CAAE;CACtE,MAAM,cAAc,gBAAgB;CACpC,MAAM,CAAC,aAAa,eAAe,GAAG,SACpC,qBAAmB,IAAI,mBAAmB,CAAC,WAAW,CACvD;CAED,MAAMC,oBAAuC,YAC3C,CAACC,kBAAgB;EACf,MAAM,EAAE,aAAa,GAAG;EACxB,MAAM,MAAM,aAAa;EAEzB,MAAM,UAAU,4BACZ,qBAAqB,YAAY;AAGrC,MAAI,IAAK,KAAI,gBAAgB,QAAQ,QAAQA;AAE7C,aAAW;AAEX,iBAAeA,cAAY;AAE3B,uBAAmB,IAAIA,cAAY,CAAC,WAAW;CAChD,GACD;EAAC;EAA2B;EAAaC;EAAoB;CAAW,EACzE;AAED,WAAU,MAAM;EACd,MAAMD,gBAAc,qBAAmB,IAAI,mBAAmB,CAAC,WAAW;AAE1E,oBAAkBA,cAAY;CAC/B,GAAE;EAAC;EAAmBC;EAAoB;EAAY;CAAmB,EAAC;AAE3E,wBACE,KAACC;EAAqB,OAAO;GAAE;GAAmB;GAAa,GAAG;EAAO;6BACvE,IAAC,iBAAe,EAEf;GACoB;AAE1B;AAED,MAAaC,eAAmB,MAAM;CACpC,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,OAAO,GAAG,UAAsB;CACxC,MAAM,EAAE,QAAQ,MAAM,GAAG,OAAO;CAEhC,MAAM,aAAa,QAAQ,MAAM;EAC/B,MAAM,QAAQ,MAAM,QAAQ;AAE5B,OAAK,SAAS,~~iCAAc~~,MAAM,CAAE;AAEpC,SAAO,IAAI,QAAQ,MAAM,CAAC,MAAM;CACjC,GAAE,CAAC,QAAQ,KAAM,EAAC;CAEnB,MAAM,cAAc,QAAQ,MAAM;EAChC,MAAM,QAAQ,MAAM,QAAQ;AAE5B,OAAK,SAAS,~~iCAAc~~,MAAM,CAAE;AAEpC,SAAO,IAAI,QAAQ,MAAM,CAAC,MAAM;CACjC,GAAE,CAAC,QAAQ,KAAM,EAAC;CAEnB,MAAM,UAAU,QAAQ,MAAM;AAC5B,SAAO,EAAE,6BAA6B,OAAO,QAAS;CACvD,GAAE,CAAC,MAAO,EAAC;AAEZ,wBACE,IAAC,UACC,QAAQ;EACN;EACA,KAAK,UAAU,QAAQ;EACvB,KAAK,SAAS,WAAW;EACzB,KAAK,UAAU,YAAY;CAC5B,IACD;AAEL;;;;;;AAOD,MAAa,WAAW,MAAoC;CAC1D,MAAM,gBAAgB,IAAI,aAAa;CAEvC,MAAM,QAAQ,QAAQ,MAAM;EAC1B,MAAM,EAAE,aAAa,GAAG;AAExB,MAAI~~,+BAAY~~,YAAY,IAAI,gBAAgB,OAAQ,QAAO;EAE/D,MAAM,cACJ,kBAAkB,iBAAiB,~~4BAAS~~,cAAc,aAAa,GACnE,cAAc,aAAa;AAGjC,OAAK,YAAa,QAAO;AAEzB,SAAO,~~yBAAsB~~,eAAe,YAAY;CACzD,GAAE,CAAC,aAAc,EAAC;CAEnB,MAAM,QAAQ,QAAQ,MAAM;EAC1B,MAAM,EAAE,mBAAmB,aAAa,GAAG;AAE3C,SAAO;GACL;GACA;GACA;GACA;EACD;CACF,GAAE,CAAC,OAAO,aAAc,EAAC;AAE1B,QAAO;AACR"}
1	+ {"version":3,"file":"theme-provider.js","names":["environment: Environment","css","ThemeProvider: FC<ThemeProviderProps>","changeThemeScheme: ChangeThemeScheme","themeScheme","themeSchemeManager","EmotionThemeProvider","GlobalStyles: FC"],"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/esm/core/system/use-system-color-mode.js CHANGED Viewed

@@ -3,7 +3,7 @@
 import { useSafeLayoutEffect } from "../../utils/effect.js";
 import { useCallbackRef } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { fnAll } from "../../utils/common/function.js";
 import { useEnvironment } from "./environment-provider.js";
 import { getColorModeUtils } from "./color-mode-utils.js";
 import { useEffect, useMemo, useState } from "react";
@@ -21,7 +21,7 @@ const useSystemColorMode = ({ callback, initialColorMode } = {}) => {
 		setColorMode(getSystemColorMode());
 	}, [getSystemColorMode]);
 	useEffect(() => {
-		return systemColorModeObserver((0, utils_exports.fnAll)(setColorMode, callbackRef));
+		return systemColorModeObserver(fnAll(setColorMode, callbackRef));
 	}, [
 		systemColorModeObserver,
 		getSystemColorMode,

package/dist/esm/core/system/use-system-color-mode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-system-color-mode.js","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,gBAAgB;CACpC,MAAM,cAAc,eAAe,SAAS;CAC5C,MAAM,CAAC,WAAW,aAAa,GAAG,SAChC,iBACD;CAED,MAAM,EAAE,oBAAoB,yBAAyB,GAAG,QACtD,MAAM,kBAAkB,EAAE,YAAa,EAAC,EACxC,CAAC,WAAY,EACd;AAED,qBAAoB,MAAM;AACxB,eAAa,oBAAoB,CAAC;CACnC,GAAE,CAAC,kBAAmB,EAAC;AAExB,WAAU,MAAM;AACd,SAAO,wBAAwB,~~yBAAM~~,cAAc,YAAY,CAAC;CACjE,GAAE;EAAC;EAAyB;EAAoB;CAAY,EAAC;AAE9D,QAAO;AACR"}
1	+ {"version":3,"file":"use-system-color-mode.js","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,gBAAgB;CACpC,MAAM,cAAc,eAAe,SAAS;CAC5C,MAAM,CAAC,WAAW,aAAa,GAAG,SAChC,iBACD;CAED,MAAM,EAAE,oBAAoB,yBAAyB,GAAG,QACtD,MAAM,kBAAkB,EAAE,YAAa,EAAC,EACxC,CAAC,WAAY,EACd;AAED,qBAAoB,MAAM;AACxB,eAAa,oBAAoB,CAAC;CACnC,GAAE,CAAC,kBAAmB,EAAC;AAExB,WAAU,MAAM;AACd,SAAO,wBAAwB,MAAM,cAAc,YAAY,CAAC;CACjE,GAAE;EAAC;EAAyB;EAAoB;CAAY,EAAC;AAE9D,QAAO;AACR"}

package/dist/esm/core/system/var.js CHANGED Viewed

@@ -1,4 +1,7 @@
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isNull, isObject, isString, isUndefined } from "../../utils/common/assertion.js";
+import { calc } from "../../utils/common/calc.js";
+import { merge, replaceObject } from "../../utils/common/object.js";
+import { escape } from "../../utils/common/string.js";
 import { animation, injectKeyframes } from "../css/animation.js";
 import { colorMix } from "../css/color-mix.js";
 import { conditions } from "../css/conditions.js";
@@ -9,7 +12,7 @@ import { defaultSystem } from "./create-system.js";
 //#region src/core/system/var.ts
 function transformInterpolation(value, callback) {
-	if ((0, utils_exports.isString)(value)) return value.replace(/\{(.*?)\}/g, (_, value$1) => {
+	if (isString(value)) return value.replace(/\{(.*?)\}/g, (_, value$1) => {
 		const [token, fallbackValue] = value$1.split(/,(.+)/);
 		return callback(token.trim(), fallbackValue?.trim());
 	});
@@ -28,7 +31,7 @@ function getVarName(system) {
 }
 function getColorSchemeVar(system) {
 	return function(value, fallback) {
-		if (!(0, utils_exports.isString)(value)) return value;
+		if (!isString(value)) return value;
 		const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX;
 		const [, token] = value.split(".");
 		return getVar(`${prefix}-colorScheme-${token}`, fallback);
@@ -39,13 +42,13 @@ const isKeyframes = (token) => token.startsWith("keyframes.");
 const isAnimation = (token) => token.startsWith("animations.");
 const isSpace = (token) => token.startsWith("spaces.");
 const isColor = (token) => token.startsWith("colors.");
-const isColorScheme = (token) => (0, utils_exports.isString)(token) && token.startsWith("colorScheme.") && !token.includes("/");
+const isColorScheme = (token) => isString(token) && token.startsWith("colorScheme.") && !token.includes("/");
 function createVars(prefix = DEFAULT_VAR_PREFIX, theme, breakpoints) {
 	return function(tokens) {
 		const { getQuery, isResponsive } = breakpoints;
 		function tokenToVar(token) {
 			token = token.replace(/\./g, "-");
-			const variable = `--${[prefix, (0, utils_exports.escape)(token, "-")].filter(Boolean).join("-")}`;
+			const variable = `--${[prefix, escape(token, "-")].filter(Boolean).join("-")}`;
 			const reference = `var(${variable})`;
 			return {
 				reference,
@@ -90,14 +93,14 @@ function createVars(prefix = DEFAULT_VAR_PREFIX, theme, breakpoints) {
 				const paths = token.split(".");
 				const [start, ...rest] = paths;
 				const negativeToken = `${start}.-${rest.join(".")}`;
-				const negativeReference = utils_exports.calc.negate(reference);
+				const negativeReference = calc.negate(reference);
 				return {
 					negativeReference,
 					negativeToken
 				};
 			}
 			function createAnimationVar(value) {
-				if ((0, utils_exports.isArray)(value)) return value.map((value$1) => animation(value$1, options)).join(",");
+				if (isArray(value)) return value.map((value$1) => animation(value$1, options)).join(",");
 				else return animation(value, options);
 			}
 			function createGradientVar(token, value) {
@@ -136,7 +139,7 @@ function createVars(prefix = DEFAULT_VAR_PREFIX, theme, breakpoints) {
 			function createVar(token, value, variable) {
 				return function(semantic, queries = []) {
 					if (isAnimation(token)) value = createAnimationVar(value);
-					if ((0, utils_exports.isArray)(value)) {
+					if (isArray(value)) {
 						const [lightValue, darkValue] = value;
 						createVar(token, lightValue, variable)(semantic, queries);
 						createVar(token, darkValue, variable)(semantic, [...queries, conditions._dark]);
@@ -158,9 +161,9 @@ function createVars(prefix = DEFAULT_VAR_PREFIX, theme, breakpoints) {
 							const [, reference] = getRelatedReference(token, computedValue);
 							resolvedValue = reference;
 						}
-						if (!(0, utils_exports.isObject)(resolvedValue)) resolvedValue = { [variable]: resolvedValue };
+						if (!isObject(resolvedValue)) resolvedValue = { [variable]: resolvedValue };
 						const resolvedCssVars = queries.reduceRight((prev, key) => ({ [key]: prev }), resolvedValue);
-						cssVars = (0, utils_exports.merge)(cssVars, resolvedCssVars);
+						cssVars = merge(cssVars, resolvedCssVars);
 					}
 				};
 			}
@@ -208,8 +211,8 @@ function mergeVars(...fns) {
 	};
 }
 function varAttr(value, token) {
-	if ((0, utils_exports.isUndefined)(value) || (0, utils_exports.isNull)(value)) return value;
-	if ((0, utils_exports.isObject)(value) || (0, utils_exports.isArray)(value)) return (0, utils_exports.replaceObject)(value, (value$1) => varAttr(value$1, token));
+	if (isUndefined(value) || isNull(value)) return value;
+	if (isObject(value) || isArray(value)) return replaceObject(value, (value$1) => varAttr(value$1, token));
 	else return token ? `{${token}.${value}, ${value}}` : value;
 }
 function injectVars(objOrArray, targets, isInvalidProp) {
@@ -222,12 +225,12 @@ function injectVars(objOrArray, targets, isInvalidProp) {
 			if (target) {
 				const { token } = getStyle(prop) ?? {};
 				result.push([`--${target}`, token ? `{${token}.${value}, ${value}}` : value]);
-			} else if ((0, utils_exports.isObject)(value)) result.push([prop, injectVars(value, targets)]);
+			} else if (isObject(value)) result.push([prop, injectVars(value, targets)]);
 			else result.push([prop, value]);
 			return result;
 		}));
 	}
-	if ((0, utils_exports.isArray)(objOrArray)) return objOrArray.map(callback);
+	if (isArray(objOrArray)) return objOrArray.map(callback);
 	else return callback(objOrArray);
 }