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

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

@@ -1,9 +1,8 @@
-const require_utils_index = require('../../utils/index.cjs');
-const require_breakpoint = require('./breakpoint.cjs');
-const require_constant = require('../constant.cjs');
-const require_layer = require('./layer.cjs');
-const require_var = require('./var.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
+const require_breakpoint = require("./breakpoint.cjs");
+require("../constant.cjs");
+const require_layer = require("./layer.cjs");
+const require_var = require("./var.cjs");
 //#region src/core/system/create-system.ts
 const tokenMap = {
 	primary: {
@@ -39,7 +38,7 @@ const defaultSystem = {
 	utils: { getClassName: require_utils_index.utils_exports.bem }
 };
 function createSystem(theme, config = {}) {
-	const prefix = config.css?.varPrefix ?? require_constant.DEFAULT_VAR_PREFIX;
+	const prefix = config.css?.varPrefix ?? "ui";
 	const breakpoints = require_breakpoint.createBreakpoints(theme.breakpoints, config.breakpoint);
 	const layers = require_layer.createLayers(config.css?.layers);
 	const shouldProcess = config.theme?.responsive ? (obj) => !breakpoints.isResponsive(obj, true) : () => true;
@@ -103,8 +102,8 @@ function createColorSchemeTokens(theme, nestedTheme, shouldProcess) {
 			value
 		};
 	}
-	function processValue(primaryKey, colors$1, keyOrValue) {
-		const value = colors$1.nested[keyOrValue] ?? colors$1.base[keyOrValue];
+	function processValue(primaryKey, colors, keyOrValue) {
+		const value = colors.nested[keyOrValue] ?? colors.base[keyOrValue];
 		if ((0, require_utils_index.utils_exports.isObject)(value)) {
 			const tokens = (0, require_utils_index.utils_exports.flattenObject)(value, { shouldProcess });
 			Object.keys(tokens).forEach((secondaryKey) => {
@@ -112,10 +111,10 @@ function createColorSchemeTokens(theme, nestedTheme, shouldProcess) {
 			});
 		} else insertToken(primaryKey, void 0, keyOrValue);
 	}
-	function processColorModeValue(primaryKey, colors$1, keyOrValue) {
+	function processColorModeValue(primaryKey, colors, keyOrValue) {
 		const [lightValue, darkValue] = keyOrValue;
-		const lightColors = colors$1.nested[lightValue] ?? colors$1.base[lightValue];
-		const darkColors = colors$1.nested[darkValue] ?? colors$1.base[darkValue];
+		const lightColors = colors.nested[lightValue] ?? colors.base[lightValue];
+		const darkColors = colors.nested[darkValue] ?? colors.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 });
 			Object.keys(tokens).forEach((secondaryKey) => {
@@ -161,8 +160,8 @@ function createTokens(theme, target, shouldProcess = () => true) {
 	});
 	return results;
 }
-
 //#endregion
 exports.createSystem = createSystem;
 exports.defaultSystem = defaultSystem;
+
 //# sourceMappingURL=create-system.cjs.map

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","createBreakpoints","createLayers","DEFAULT_VAR_PREFIX","mergeVars","createVars","results: VariableTokens","colors","options: FlattenObjectOptions"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\nimport type { CSSAnimationObject, CSSModifierObject } from \"../css\"\nimport type {\n  DefineThemeValue,\n  System,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\nimport { bem, flattenObject, isArray, isObject, isUndefined } from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport { createBreakpoints } from \"./breakpoint\"\nimport { createLayers } from \"./layer\"\nimport { createVars, mergeVars } from \"./var\"\n\nexport type VariableResponsiveValue = Dict<\n  [DefineThemeValue, DefineThemeValue] | DefineThemeValue\n>\n\nexport type VariableColorModeValue = [\n  DefineThemeValue | Dict<DefineThemeValue>,\n  DefineThemeValue | Dict<DefineThemeValue>,\n]\n\nexport type VariableKeyframeValue =\n  | [\n      CSSModifierObject | Dict<CSSModifierObject>,\n      CSSModifierObject | Dict<CSSModifierObject>,\n    ]\n  | CSSModifierObject\n  | Dict<CSSModifierObject>\n\nexport type VariableAnimationValue =\n  | CSSAnimationObject\n  | CSSAnimationObject[]\n  | Dict<CSSAnimationObject>\n\nexport type VariableValue =\n  | DefineThemeValue\n  | VariableAnimationValue\n  | VariableColorModeValue\n  | VariableKeyframeValue\n  | VariableResponsiveValue\n\ninterface VariableToken {\n  semantic: boolean\n  value: VariableValue\n}\n\nexport interface VariableTokens {\n  [key: string]: VariableToken\n}\n\ninterface TokenOptions {\n  [key: string]: FlattenObjectOptions\n}\n\nconst primaryTokens = {\n  aspectRatios: {},\n  blurs: {},\n  borders: {},\n  colors: {},\n  durations: {},\n  easings: {},\n  fonts: {},\n  fontSizes: {},\n  fontWeights: {},\n  letterSpacings: {},\n  lineHeights: {},\n  radii: {},\n  sizes: {},\n  spaces: {},\n  zIndices: {},\n} satisfies TokenOptions\n\ntype PrimaryToken = keyof typeof primaryTokens\n\nconst secondaryTokens = {\n  gradients: {},\n  keyframes: { maxDepth: 1 },\n  shadows: {},\n} satisfies TokenOptions\n\ntype SecondaryToken = keyof typeof secondaryTokens\n\nconst tertiaryTokens = {\n  animations: { shouldProcess: (obj) => !obj.keyframes },\n} satisfies TokenOptions\n\ntype TertiaryToken = keyof typeof tertiaryTokens\n\nconst tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n} = {\n  primary: primaryTokens,\n  secondary: secondaryTokens,\n  tertiary: tertiaryTokens,\n}\n\nexport type ThemeToken =\n  | \"breakpoints\"\n  | PrimaryToken\n  | SecondaryToken\n  | TertiaryToken\n\nexport const defaultSystem: System = {\n  breakpoints: createBreakpoints(),\n  config: {},\n  cssMap: {},\n  cssVars: {},\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":";;;;;;;AA0FA,MAAMA,WAEF;CACF,SArCoB;EACpB,cAAc,EAAE;EAChB,OAAO,EAAE;EACT,SAAS,EAAE;EACX,QAAQ,EAAE;EACV,WAAW,EAAE;EACb,SAAS,EAAE;EACX,OAAO,EAAE;EACT,WAAW,EAAE;EACb,aAAa,EAAE;EACf,gBAAgB,EAAE;EAClB,aAAa,EAAE;EACf,OAAO,EAAE;EACT,OAAO,EAAE;EACT,QAAQ,EAAE;EACV,UAAU,EAAE;EACb;CAsBC,WAlBsB;EACtB,WAAW,EAAE;EACb,WAAW,EAAE,UAAU,GAAG;EAC1B,SAAS,EAAE;EACZ;CAeC,UAXqB,EACrB,YAAY,EAAE,gBAAgB,QAAQ,CAAC,IAAI,WAAW,EACvD;CAUA;AAQD,MAAaC,gBAAwB;CACnC,aAAaC,sCAAmB;CAChC,QAAQ,EAAE;CACV,QAAQ,EAAE;CACV,SAAS,EAAE;CACX,QAAQC,4BAAc;CACtB,OAAO,EAAE,gDAAc,KAAK;CAC7B;AAED,SAAgB,aACd,OACA,SAAsB,EAAE,EAChB;CACR,MAAM,SAAS,OAAO,KAAK,aAAaC;CACxC,MAAM,cAAcF,qCAAkB,MAAM,aAAa,OAAO,WAAW;CAC3E,MAAM,SAASC,2BAAa,OAAO,KAAK,OAAO;CAC/C,MAAM,gBAAgB,OAAO,OAAO,cAC/B,QAAa,CAAC,YAAY,aAAa,KAAK,KAAK,SAC5C;CAEV,MAAM,gBAAgB;EACpB,GAAG,aAAa,OAAO,WAAW,cAAc;EAChD,GAAG,wBAAwB,OAAO,QAAW,cAAc;EAC5D;CACD,MAAM,kBAAkB,aAAa,OAAO,aAAa,cAAc;CACvE,MAAM,iBAAiB,aAAa,OAAO,YAAY,cAAc;CAErE,MAAM,EAAE,QAAQ,YAAYE,sBAC1BC,uBAAW,QAAQ,OAAO,YAAY,CAAC,cAAc,EACrDA,uBAAW,QAAQ,OAAO,YAAY,CAAC,gBAAgB,EACvDA,uBAAW,QAAQ,OAAO,YAAY,CAAC,eAAe,CACvD,EAAE;CAEH,MAAM,gBACJ,OACA,SACA,aACG;AACH,MAAI,CAAC,MAAO,QAAO;AAInB,SAAO,GAAG,OAAO,8CAFK,OAAO,SAAS,SAAS;;AAKjD,KAAI,MAAM,cAAc;EACtB,MAAM,qBAAqB,OAAO,QAAc,MAAM,aAAa;AAEnE,OAAK,MAAM,CAAC,aAAa,gBAAgB,oBAAoB;GAC3D,MAAM,iBAAiB,eAAe,YAAY,sCAAsC,YAAY;GAEpG,MAAM,sBAAsB;IAC1B,GAAG,aAAa,aAAa,WAAW,cAAc;IACtD,GAAG,wBAAwB,OAAO,aAAa,cAAc;IAC9D;GACD,MAAM,wBAAwB,aAC5B,aACA,aACA,cACD;GACD,MAAM,uBAAuB,aAC3B,aACA,YACA,cACD;GAED,MAAM,EAAE,SAAS,kBAAkBD,sBACjCC,uBAAW,QAAQ,OAAO,YAAY,CAAC,oBAAoB,EAC3DA,uBAAW,QAAQ,OAAO,YAAY,CAAC,sBAAsB,EAC7DA,uBAAW,QAAQ,OAAO,YAAY,CAAC,qBAAqB,CAC7D,CAAC;IAAE,GAAG;IAAe,GAAG;IAAiB,GAAG;IAAgB,CAAC;AAE9D,WAAQ,kBAAkB;;;AAI9B,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,OAAO,EAAE,cAAc;EACxB;;AAGH,SAAS,wBACP,OACA,aACA,eACA;CACA,MAAM,SAAS;EAAE,MAAM,MAAM,UAAU,EAAE;EAAE,QAAQ,aAAa,UAAU,EAAE;EAAE;CAC9E,MAAM,iBAAiB;EACrB,MAAM,MAAM,gBAAgB,UAAU,EAAE;EACxC,QAAQ,aAAa,gBAAgB,UAAU,EAAE;EAClD;CACD,MAAM,0EACH,eAAe,OAAO,gBAAgB,gBAAgB,EAAE,EACzD,EAAE,eAAe,CAClB;CAED,MAAMC,UAA0B,EAAE;CAElC,SAAS,YACP,YACA,cACA,OACA;AACA,yDAAgB,MAAM,CAAE;AAExB,MAAI,CAAC,gBAAgB,iBAAiB,OACpC,SAAQ,UAAU,gBAAgB;GAAE,UAAU;GAAM;GAAO;MAE3D,SAAQ,UAAU,WAAW,GAAG,kBAAkB;GAChD,UAAU;GACV;GACD;;CAIL,SAAS,aAAa,YAAoB,UAAa,YAAiB;EACtE,MAAM,QAAQC,SAAO,OAAO,eAAeA,SAAO,KAAK;AAEvD,sDAAa,MAAM,EAAE;GACnB,MAAM,8DAAuB,OAAO,EAAE,eAAe,CAAC;AAEtD,UAAO,KAAK,OAAO,CAAC,SAAS,iBAAiB;AAI5C,gBAAY,YAAY,cAFtB,iBAAiB,SAAS,aAAa,GAAG,WAAW,GAAG,eAEd;KAC5C;QAEF,aAAY,YAAY,QAAW,WAAW;;CAIlD,SAAS,sBACP,YACA,UACA,YACA;EACA,MAAM,CAAC,YAAY,aAAa;EAChC,MAAM,cAAcA,SAAO,OAAO,eAAeA,SAAO,KAAK;EAC7D,MAAM,aAAaA,SAAO,OAAO,cAAcA,SAAO,KAAK;AAE3D,sDAAa,YAAY,oDAAa,WAAW,EAAE;GACjD,MAAM,8DAAuB,aAAa,EAAE,eAAe,CAAC;AAE5D,UAAO,KAAK,OAAO,CAAC,SAAS,iBAAiB;AAQ5C,gBAAY,YAAY,cAPV,CACZ,iBAAiB,SACb,aACA,GAAG,WAAW,GAAG,gBACrB,iBAAiB,SAAS,YAAY,GAAG,UAAU,GAAG,eACvD,CAE2C;KAC5C;aACO,iDAAU,WAAW,IAAI,iDAAU,UAAU,CACtD,aAAY,YAAY,QAAW,CAAC,YAAY,UAAU,CAAC;;AAI/D,QAAO,QAAQ,kBAAkB,CAAC,SAAS,CAAC,YAAY,WAAW;AACjE,qDAAY,MAAM,EAAE;AAClB,yBAAsB,YAAY,QAAQ,MAAM;AAChD,yBAAsB,YAAY,gBAAgB,MAAM;SACnD;AACL,gBAAa,YAAY,QAAQ,MAAM;AACvC,gBAAa,YAAY,gBAAgB,MAAM;;GAEjD;AAEF,QAAO;;AAGT,SAAS,aACP,OACA,QACA,sBAA6D,MAC7D;CACA,MAAMD,UAA0B,EAAE;AAElC,QAAO,QAAQ,SAAS,QAAQ,CAAC,SAC9B,CAAC,YAAY,EAAE,eAAe,mBAAmB,GAAG,YAAY;EAC/D,MAAME,UAAgC;GACpC,GAAG;GACH,gBAAgB,QACd,cAAc,IAAI,KAAK,CAAC,qBAAqB,kBAAkB,IAAI;GACtE;EAED,MAAM,8DAAuB,MAAM,eAAe,EAAE,EAAE,QAAQ;EAC9D,MAAM,sEACJ,MAAM,iBAAiB,eAAe,EAAE,EACxC,QACD;AAED,SAAO,QAAQ,OAAO,CAAC,SAAS,CAAC,cAAc,WAAW;GACxD,MAAM,QAAQ,GAAG,WAAW,GAAG;AAE/B,WAAQ,SAAS;IAAE,UAAU;IAAO;IAAO;IAC3C;AAEF,SAAO,QAAQ,eAAe,CAAC,SAAS,CAAC,cAAc,WAAW;GAChE,IAAI,QAAQ,GAAG,WAAW,GAAG;AAE7B,OAAI,MAAM,SAAS,QAAQ,CAAE,SAAQ,MAAM,QAAQ,SAAS,GAAG;AAE/D,WAAQ,SAAS;IAAE,UAAU;IAAM;IAAO;IAC1C;GAEL;AAED,QAAO"}
+{"version":3,"file":"create-system.cjs","names":["createBreakpoints","createLayers","mergeVars","createVars"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\nimport type { CSSAnimationObject, CSSModifierObject } from \"../css\"\nimport type {\n  DefineThemeValue,\n  System,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\nimport { bem, flattenObject, isArray, isObject, isUndefined } from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport { createBreakpoints } from \"./breakpoint\"\nimport { createLayers } from \"./layer\"\nimport { createVars, mergeVars } from \"./var\"\n\nexport type VariableResponsiveValue = Dict<\n  [DefineThemeValue, DefineThemeValue] | DefineThemeValue\n>\n\nexport type VariableColorModeValue = [\n  DefineThemeValue | Dict<DefineThemeValue>,\n  DefineThemeValue | Dict<DefineThemeValue>,\n]\n\nexport type VariableKeyframeValue =\n  | [\n      CSSModifierObject | Dict<CSSModifierObject>,\n      CSSModifierObject | Dict<CSSModifierObject>,\n    ]\n  | CSSModifierObject\n  | Dict<CSSModifierObject>\n\nexport type VariableAnimationValue =\n  | CSSAnimationObject\n  | CSSAnimationObject[]\n  | Dict<CSSAnimationObject>\n\nexport type VariableValue =\n  | DefineThemeValue\n  | VariableAnimationValue\n  | VariableColorModeValue\n  | VariableKeyframeValue\n  | VariableResponsiveValue\n\ninterface VariableToken {\n  semantic: boolean\n  value: VariableValue\n}\n\nexport interface VariableTokens {\n  [key: string]: VariableToken\n}\n\ninterface TokenOptions {\n  [key: string]: FlattenObjectOptions\n}\n\nconst primaryTokens = {\n  aspectRatios: {},\n  blurs: {},\n  borders: {},\n  colors: {},\n  durations: {},\n  easings: {},\n  fonts: {},\n  fontSizes: {},\n  fontWeights: {},\n  letterSpacings: {},\n  lineHeights: {},\n  radii: {},\n  sizes: {},\n  spaces: {},\n  zIndices: {},\n} satisfies TokenOptions\n\ntype PrimaryToken = keyof typeof primaryTokens\n\nconst secondaryTokens = {\n  gradients: {},\n  keyframes: { maxDepth: 1 },\n  shadows: {},\n} satisfies TokenOptions\n\ntype SecondaryToken = keyof typeof secondaryTokens\n\nconst tertiaryTokens = {\n  animations: { shouldProcess: (obj) => !obj.keyframes },\n} satisfies TokenOptions\n\ntype TertiaryToken = keyof typeof tertiaryTokens\n\nconst tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n} = {\n  primary: primaryTokens,\n  secondary: secondaryTokens,\n  tertiary: tertiaryTokens,\n}\n\nexport type ThemeToken =\n  | \"breakpoints\"\n  | PrimaryToken\n  | SecondaryToken\n  | TertiaryToken\n\nexport const defaultSystem: System = {\n  breakpoints: createBreakpoints(),\n  config: {},\n  cssMap: {},\n  cssVars: {},\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

@@ -1,10 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/core/system/environment-provider.tsx
 const defaultEnvironment = {
 	getDocument: () => document,
@@ -39,9 +37,9 @@ const EnvironmentProvider = ({ children, value }) => {
 const useEnvironment = () => {
 	return (0, react.use)(EnvironmentContext);
 };
-
 //#endregion
 exports.EnvironmentProvider = EnvironmentProvider;
 exports.defaultEnvironment = defaultEnvironment;
 exports.useEnvironment = useEnvironment;
+
 //# sourceMappingURL=environment-provider.cjs.map

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, useCallback, useMemo, useRef } from \"react\"\nimport { createdDom, getDocument, getWindow, runIfFn } from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootNode: () => RootNode | undefined\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 = useCallback(() => {\n    return runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const context = useMemo<Environment>(() => {\n    if (createdDom()) {\n      return {\n        getDocument: () => getDocument(getRootNode()),\n        getRootNode,\n        getWindow: () => getWindow(getRootNode()),\n      }\n    } else {\n      return {\n        getDocument: () => undefined,\n        getRootNode: () => undefined,\n        getWindow: () => undefined,\n      }\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,mBAAmB;CACnB,mBAAmB;CACnB,iBAAiB;CAClB;AAED,MAAM,8CAAgD,mBAAmB;AAMzE,MAAaC,uBAAqD,EAChE,UACA,YACI;CACJ,MAAM,wBAA8B,KAAK;CAEzC,MAAM,2CAAgC;AACpC,wDAAe,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;IACtD,CAAC,OAAO,IAAI,CAAC;AAkBhB,QACE,4CAAC;EAAmB,gCAjBqB;AACzC,0DAAgB,CACd,QAAO;IACL,sEAA+B,aAAa,CAAC;IAC7C;IACA,kEAA2B,aAAa,CAAC;IAC1C;OAED,QAAO;IACL,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IAClB;KAEF,CAAC,YAAY,CAAC;aAIZ,UAEA,CAAC,QAAQ,2CAAC;GAAU;GAAK;IAAS,GAAG;GACnB;;AAIzB,MAAa,uBAAuB;AAClC,uBAAW,mBAAmB"}
+{"version":3,"file":"environment-provider.cjs","names":[],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useCallback, useMemo, useRef } from \"react\"\nimport { createdDom, getDocument, getWindow, runIfFn } from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootNode: () => RootNode | undefined\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 = useCallback(() => {\n    return runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const context = useMemo<Environment>(() => {\n    if (createdDom()) {\n      return {\n        getDocument: () => getDocument(getRootNode()),\n        getRootNode,\n        getWindow: () => getWindow(getRootNode()),\n      }\n    } else {\n      return {\n        getDocument: () => undefined,\n        getRootNode: () => undefined,\n        getWindow: () => undefined,\n      }\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,MAAa,qBAAkC;CAC7C,mBAAmB;CACnB,mBAAmB;CACnB,iBAAiB;CAClB;AAED,MAAM,sBAAA,GAAA,MAAA,eAAgD,mBAAmB;AAMzE,MAAa,uBAAqD,EAChE,UACA,YACI;CACJ,MAAM,OAAA,GAAA,MAAA,QAA8B,KAAK;CAEzC,MAAM,eAAA,GAAA,MAAA,mBAAgC;EACpC,QAAA,GAAA,oBAAA,cAAA,SAAe,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;IACtD,CAAC,OAAO,IAAI,CAAC;CAkBhB,OACE,iBAAA,GAAA,kBAAA,MAAC,oBAAD;EAAoB,QAAA,GAAA,MAAA,eAjBqB;GACzC,KAAA,GAAA,oBAAA,cAAA,aAAgB,EACd,OAAO;IACL,oBAAA,GAAA,oBAAA,cAAA,aAA+B,aAAa,CAAC;IAC7C;IACA,kBAAA,GAAA,oBAAA,cAAA,WAA2B,aAAa,CAAC;IAC1C;QAED,OAAO;IACL,mBAAmB,KAAA;IACnB,mBAAmB,KAAA;IACnB,iBAAiB,KAAA;IAClB;KAEF,CAAC,YAAY,CAGoB;YAAlC,CACG,UAEA,CAAC,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAW;GAAK,QAAA;GAAS,CAAA,GAAG,KACnB;;;AAIzB,MAAa,uBAAuB;CAClC,QAAA,GAAA,MAAA,KAAW,mBAAmB"}

package/dist/cjs/core/system/factory.cjs

@@ -1,5 +1,4 @@
-const require_styled = require('./styled.cjs');
-
+const require_styled = require("./styled.cjs");
 //#region src/core/system/factory.ts
 function factory() {
 	const cache = /* @__PURE__ */ new Map();
@@ -21,7 +20,7 @@ function factory() {
 * @see https://yamada-ui.com/docs/components/styled
 */
 const styled = factory();
-
 //#endregion
 exports.styled = styled;
+
 //# sourceMappingURL=factory.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"factory.cjs","names":["target: ProxyTarget","createStyled"],"sources":["../../../../src/core/system/factory.ts"],"sourcesContent":["import type { FC } from \"react\"\nimport type { As, DOMElement, StyledComponent } from \"../components\"\nimport type { CSSModifierObject, CSSPropObject } from \"../css\"\nimport type { ComponentStyle, ThemeProps } from \"./index.types\"\nimport type { StyledOptions } from \"./styled\"\nimport { createStyled } from \"./styled\"\n\ntype ProxyTarget = (el: DOMElement, options?: StyledOptions) => unknown\n\ntype Components = {\n  [Y in DOMElement]: StyledComponent<Y>\n}\n\ninterface Factory extends Components {\n  <\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: FC<M> | Y,\n    options?: StyledOptions<D, H, R, keyof M>,\n  ): StyledComponent<Y, M & ThemeProps<ComponentStyle<D, H, R>>>\n}\n\nfunction factory() {\n  const cache = new Map<DOMElement, FC>()\n  const target: ProxyTarget = (el, options) => createStyled(el, options)\n\n  return new Proxy(target, {\n    apply: function (\n      _target,\n      _thisArg,\n      [el, options]: [DOMElement, StyledOptions],\n    ) {\n      return createStyled(el, options)\n    },\n\n    get: function (_target, el: DOMElement): FC | undefined {\n      if (!cache.has(el)) cache.set(el, createStyled(el))\n\n      return cache.get(el)\n    },\n  }) as Factory\n}\n\n/**\n * `styled` is an object of JSX elements enabled with Yamada UI's style system,\n * and can also be used as a function for custom components to receive Yamada UI's style system.\n *\n * @see https://yamada-ui.com/docs/components/styled\n */\nexport const styled = factory()\n"],"mappings":";;;AA0BA,SAAS,UAAU;CACjB,MAAM,wBAAQ,IAAI,KAAqB;CACvC,MAAMA,UAAuB,IAAI,YAAYC,4BAAa,IAAI,QAAQ;AAEtE,QAAO,IAAI,MAAM,QAAQ;EACvB,OAAO,SACL,SACA,UACA,CAAC,IAAI,UACL;AACA,UAAOA,4BAAa,IAAI,QAAQ;;EAGlC,KAAK,SAAU,SAAS,IAAgC;AACtD,OAAI,CAAC,MAAM,IAAI,GAAG,CAAE,OAAM,IAAI,IAAIA,4BAAa,GAAG,CAAC;AAEnD,UAAO,MAAM,IAAI,GAAG;;EAEvB,CAAC;;;;;;;;AASJ,MAAa,SAAS,SAAS"}
+{"version":3,"file":"factory.cjs","names":["createStyled"],"sources":["../../../../src/core/system/factory.ts"],"sourcesContent":["import type { FC } from \"react\"\nimport type { As, DOMElement, StyledComponent } from \"../components\"\nimport type { CSSModifierObject, CSSPropObject } from \"../css\"\nimport type { ComponentStyle, ThemeProps } from \"./index.types\"\nimport type { StyledOptions } from \"./styled\"\nimport { createStyled } from \"./styled\"\n\ntype ProxyTarget = (el: DOMElement, options?: StyledOptions) => unknown\n\ntype Components = {\n  [Y in DOMElement]: StyledComponent<Y>\n}\n\ninterface Factory extends Components {\n  <\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: FC<M> | Y,\n    options?: StyledOptions<D, H, R, keyof M>,\n  ): StyledComponent<Y, M & ThemeProps<ComponentStyle<D, H, R>>>\n}\n\nfunction factory() {\n  const cache = new Map<DOMElement, FC>()\n  const target: ProxyTarget = (el, options) => createStyled(el, options)\n\n  return new Proxy(target, {\n    apply: function (\n      _target,\n      _thisArg,\n      [el, options]: [DOMElement, StyledOptions],\n    ) {\n      return createStyled(el, options)\n    },\n\n    get: function (_target, el: DOMElement): FC | undefined {\n      if (!cache.has(el)) cache.set(el, createStyled(el))\n\n      return cache.get(el)\n    },\n  }) as Factory\n}\n\n/**\n * `styled` is an object of JSX elements enabled with Yamada UI's style system,\n * and can also be used as a function for custom components to receive Yamada UI's style system.\n *\n * @see https://yamada-ui.com/docs/components/styled\n */\nexport const styled = factory()\n"],"mappings":";;AA0BA,SAAS,UAAU;CACjB,MAAM,wBAAQ,IAAI,KAAqB;CACvC,MAAM,UAAuB,IAAI,YAAYA,eAAAA,aAAa,IAAI,QAAQ;CAEtE,OAAO,IAAI,MAAM,QAAQ;EACvB,OAAO,SACL,SACA,UACA,CAAC,IAAI,UACL;GACA,OAAOA,eAAAA,aAAa,IAAI,QAAQ;;EAGlC,KAAK,SAAU,SAAS,IAAgC;GACtD,IAAI,CAAC,MAAM,IAAI,GAAG,EAAE,MAAM,IAAI,IAAIA,eAAAA,aAAa,GAAG,CAAC;GAEnD,OAAO,MAAM,IAAI,GAAG;;EAEvB,CAAC;;;;;;;;AASJ,MAAa,SAAS,SAAS"}

package/dist/cjs/core/system/index.cjs

@@ -1,19 +1,19 @@
-const require_breakpoint = require('./breakpoint.cjs');
-const require_environment_provider = require('./environment-provider.cjs');
-const require_storage_manager = require('./storage-manager.cjs');
-const require_layer = require('./layer.cjs');
-const require_var = require('./var.cjs');
-const require_create_system = require('./create-system.cjs');
-const require_system_provider = require('./system-provider.cjs');
-const require_theme_provider = require('./theme-provider.cjs');
-const require_use_system_color_mode = require('./use-system-color-mode.cjs');
-const require_color_mode_provider = require('./color-mode-provider.cjs');
-const require_config = require('./config.cjs');
-const require_styled = require('./styled.cjs');
-const require_factory = require('./factory.cjs');
-const require_storage_script = require('./storage-script.cjs');
-const require_use_color_mode_value = require('./use-color-mode-value.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_breakpoint = require("./breakpoint.cjs");
+const require_environment_provider = require("./environment-provider.cjs");
+const require_storage_manager = require("./storage-manager.cjs");
+const require_layer = require("./layer.cjs");
+const require_var = require("./var.cjs");
+const require_create_system = require("./create-system.cjs");
+const require_system_provider = require("./system-provider.cjs");
+const require_theme_provider = require("./theme-provider.cjs");
+const require_use_system_color_mode = require("./use-system-color-mode.cjs");
+const require_color_mode_provider = require("./color-mode-provider.cjs");
+const require_config = require("./config.cjs");
+const require_styled = require("./styled.cjs");
+const require_factory = require("./factory.cjs");
+const require_storage_script = require("./storage-script.cjs");
+const require_use_color_mode_value = require("./use-color-mode-value.cjs");
 exports.ColorModeContext = require_color_mode_provider.ColorModeContext;
 exports.ColorModeProvider = require_color_mode_provider.ColorModeProvider;
 exports.ColorModeScript = require_storage_script.ColorModeScript;
@@ -58,4 +58,4 @@ exports.useEnvironment = require_environment_provider.useEnvironment;
 exports.useSystem = require_system_provider.useSystem;
 exports.useSystemColorMode = require_use_system_color_mode.useSystemColorMode;
 exports.useTheme = require_theme_provider.useTheme;
-exports.varAttr = require_var.varAttr;
+exports.varAttr = require_var.varAttr;

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

@@ -1,6 +1,5 @@
-const require_utils_index = require('../../utils/index.cjs');
-const require_constant = require('../constant.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
+const require_constant = require("../constant.cjs");
 //#region src/core/system/layer.ts
 const defaultLayers = {
 	atRule: void 0,
@@ -24,8 +23,8 @@ function createLayers(layers = require_constant.DEFAULT_LAYERS) {
 		wrap
 	};
 }
-
 //#endregion
 exports.createLayers = createLayers;
 exports.defaultLayers = defaultLayers;
+
 //# sourceMappingURL=layer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"layer.cjs","names":["defaultLayers: Layers","DEFAULT_LAYERS"],"sources":["../../../../src/core/system/layer.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { LayerScheme, LayersConfig } from \"./index.types\"\nimport { runIfFn } from \"../../utils\"\nimport { DEFAULT_LAYERS } from \"../constant\"\n\nexport interface Layers {\n  atRule: string | undefined\n  names: string[]\n  wrap: (name: LayerScheme, style?: (() => Dict) | Dict) => Dict\n  getAtRule?: (name: LayerScheme) => string\n}\n\nexport const defaultLayers: Layers = {\n  atRule: undefined,\n  names: [] as string[],\n  wrap: function (_: LayerScheme, style?: (() => Dict) | Dict) {\n    return runIfFn(style) ?? {}\n  },\n}\n\nexport function createLayers(\n  layers: false | LayersConfig = DEFAULT_LAYERS,\n): Layers {\n  if (!layers) return defaultLayers\n\n  const names = Object.values(layers)\n    .sort((a, b) => a.order - b.order)\n    .map((layer) => layer.name)\n  const atRule = `@layer ${names.join(\", \")};`\n\n  const getAtRule = (name: LayerScheme) => `@layer ${layers[name].name}`\n\n  const wrap = (name: LayerScheme, style?: (() => Dict) | Dict) => {\n    const atRule = getAtRule(name)\n\n    return { [atRule]: runIfFn(style) }\n  }\n\n  return {\n    atRule,\n    getAtRule,\n    names,\n    wrap,\n  }\n}\n"],"mappings":";;;;AAYA,MAAaA,gBAAwB;CACnC,QAAQ;CACR,OAAO,EAAE;CACT,MAAM,SAAU,GAAgB,OAA6B;AAC3D,wDAAe,MAAM,IAAI,EAAE;;CAE9B;AAED,SAAgB,aACd,SAA+BC,iCACvB;AACR,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,QAAQ,OAAO,OAAO,OAAO,CAChC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KAAK,UAAU,MAAM,KAAK;CAC7B,MAAM,SAAS,UAAU,MAAM,KAAK,KAAK,CAAC;CAE1C,MAAM,aAAa,SAAsB,UAAU,OAAO,MAAM;CAEhE,MAAM,QAAQ,MAAmB,UAAgC;AAG/D,SAAO,GAFQ,UAAU,KAAK,kDAEH,MAAM,EAAE;;AAGrC,QAAO;EACL;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"layer.cjs","names":["DEFAULT_LAYERS"],"sources":["../../../../src/core/system/layer.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { LayerScheme, LayersConfig } from \"./index.types\"\nimport { runIfFn } from \"../../utils\"\nimport { DEFAULT_LAYERS } from \"../constant\"\n\nexport interface Layers {\n  atRule: string | undefined\n  names: string[]\n  wrap: (name: LayerScheme, style?: (() => Dict) | Dict) => Dict\n  getAtRule?: (name: LayerScheme) => string\n}\n\nexport const defaultLayers: Layers = {\n  atRule: undefined,\n  names: [] as string[],\n  wrap: function (_: LayerScheme, style?: (() => Dict) | Dict) {\n    return runIfFn(style) ?? {}\n  },\n}\n\nexport function createLayers(\n  layers: false | LayersConfig = DEFAULT_LAYERS,\n): Layers {\n  if (!layers) return defaultLayers\n\n  const names = Object.values(layers)\n    .sort((a, b) => a.order - b.order)\n    .map((layer) => layer.name)\n  const atRule = `@layer ${names.join(\", \")};`\n\n  const getAtRule = (name: LayerScheme) => `@layer ${layers[name].name}`\n\n  const wrap = (name: LayerScheme, style?: (() => Dict) | Dict) => {\n    const atRule = getAtRule(name)\n\n    return { [atRule]: runIfFn(style) }\n  }\n\n  return {\n    atRule,\n    getAtRule,\n    names,\n    wrap,\n  }\n}\n"],"mappings":";;;AAYA,MAAa,gBAAwB;CACnC,QAAQ,KAAA;CACR,OAAO,EAAE;CACT,MAAM,SAAU,GAAgB,OAA6B;EAC3D,QAAA,GAAA,oBAAA,cAAA,SAAe,MAAM,IAAI,EAAE;;CAE9B;AAED,SAAgB,aACd,SAA+BA,iBAAAA,gBACvB;CACR,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,QAAQ,OAAO,OAAO,OAAO,CAChC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KAAK,UAAU,MAAM,KAAK;CAC7B,MAAM,SAAS,UAAU,MAAM,KAAK,KAAK,CAAC;CAE1C,MAAM,aAAa,SAAsB,UAAU,OAAO,MAAM;CAEhE,MAAM,QAAQ,MAAmB,UAAgC;EAG/D,OAAO,GAFQ,UAAU,KAET,IAAA,GAAA,oBAAA,cAAA,SAAW,MAAM,EAAE;;CAGrC,OAAO;EACL;EACA;EACA;EACA;EACD"}

package/dist/cjs/core/system/storage-manager.cjs

@@ -1,10 +1,8 @@
 "use client";
-
-
 //#region src/core/system/storage-manager.ts
 const hasSupport = !!globalThis.document;
 function parseCookie(cookie, key) {
-	return cookie.match(/* @__PURE__ */ new RegExp(`(^| )${key}=([^;]+)`))?.[2];
+	return cookie.match(new RegExp(`(^| )${key}=([^;]+)`))?.[2];
 }
 function createStorageManager(storage, storageKey, defaultValue, cookie) {
 	return {
@@ -39,7 +37,7 @@ function createStorageManager(storage, storageKey, defaultValue, cookie) {
 		}
 	};
 }
-
 //#endregion
 exports.createStorageManager = createStorageManager;
+
 //# sourceMappingURL=storage-manager.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"storage-manager.cjs","names":[],"sources":["../../../../src/core/system/storage-manager.ts"],"sourcesContent":["\"use client\"\n\nexport type Storage = \"cookie\" | \"localStorage\"\n\nconst hasSupport = !!(globalThis.document as Document | undefined)\n\nfunction parseCookie<Y extends string>(\n  cookie: string,\n  key: string,\n): undefined | Y {\n  const match = cookie.match(new RegExp(`(^| )${key}=([^;]+)`))\n\n  return match?.[2] as undefined | Y\n}\n\nexport interface StorageManager<Y extends string, M extends Y = Y> {\n  default(value: M): M\n  get(value?: Y): Y\n  set(value: Y): void\n}\n\nexport function createStorageManager<Y extends string, M extends Y = Y>(\n  storage: Storage,\n  storageKey: string,\n  defaultValue: Y,\n  cookie?: string,\n): StorageManager<Y, M> {\n  return {\n    default(value) {\n      const defaultStorageKey = `default-${storageKey}`\n\n      if (cookie) return parseCookie(cookie, defaultStorageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(defaultStorageKey) as M | null) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, defaultStorageKey) || value\n      }\n    },\n    get(value = defaultValue) {\n      if (cookie) return parseCookie(cookie, storageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(storageKey) as null | Y) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, storageKey) || value\n      }\n    },\n    set(value: Y) {\n      if (storage === \"localStorage\") {\n        localStorage.setItem(storageKey, value)\n      } else {\n        document.cookie = `${storageKey}=${value}; max-age=31536000; path=/`\n      }\n    },\n  }\n}\n"],"mappings":";;;;AAIA,MAAM,aAAa,CAAC,CAAE,WAAW;AAEjC,SAAS,YACP,QACA,KACe;AAGf,QAFc,OAAO,sBAAM,IAAI,OAAO,QAAQ,IAAI,UAAU,CAAC,GAE9C;;AASjB,SAAgB,qBACd,SACA,YACA,cACA,QACsB;AACtB,QAAO;EACL,QAAQ,OAAO;GACb,MAAM,oBAAoB,WAAW;AAErC,OAAI,OAAQ,QAAO,YAAY,QAAQ,kBAAkB,IAAI;AAE7D,OAAI,YAAY,eACd,KAAI;AACF,WAAQ,aAAa,QAAQ,kBAAkB,IAAiB;WAC1D;AACN,WAAO;;QAEJ;AACL,QAAI,CAAC,WAAY,QAAO;AAExB,WAAO,YAAY,SAAS,QAAQ,kBAAkB,IAAI;;;EAG9D,IAAI,QAAQ,cAAc;AACxB,OAAI,OAAQ,QAAO,YAAY,QAAQ,WAAW,IAAI;AAEtD,OAAI,YAAY,eACd,KAAI;AACF,WAAQ,aAAa,QAAQ,WAAW,IAAiB;WACnD;AACN,WAAO;;QAEJ;AACL,QAAI,CAAC,WAAY,QAAO;AAExB,WAAO,YAAY,SAAS,QAAQ,WAAW,IAAI;;;EAGvD,IAAI,OAAU;AACZ,OAAI,YAAY,eACd,cAAa,QAAQ,YAAY,MAAM;OAEvC,UAAS,SAAS,GAAG,WAAW,GAAG,MAAM;;EAG9C"}
+{"version":3,"file":"storage-manager.cjs","names":[],"sources":["../../../../src/core/system/storage-manager.ts"],"sourcesContent":["\"use client\"\n\nexport type Storage = \"cookie\" | \"localStorage\"\n\nconst hasSupport = !!(globalThis.document as Document | undefined)\n\nfunction parseCookie<Y extends string>(\n  cookie: string,\n  key: string,\n): undefined | Y {\n  const match = cookie.match(new RegExp(`(^| )${key}=([^;]+)`))\n\n  return match?.[2] as undefined | Y\n}\n\nexport interface StorageManager<Y extends string, M extends Y = Y> {\n  default(value: M): M\n  get(value?: Y): Y\n  set(value: Y): void\n}\n\nexport function createStorageManager<Y extends string, M extends Y = Y>(\n  storage: Storage,\n  storageKey: string,\n  defaultValue: Y,\n  cookie?: string,\n): StorageManager<Y, M> {\n  return {\n    default(value) {\n      const defaultStorageKey = `default-${storageKey}`\n\n      if (cookie) return parseCookie(cookie, defaultStorageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(defaultStorageKey) as M | null) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, defaultStorageKey) || value\n      }\n    },\n    get(value = defaultValue) {\n      if (cookie) return parseCookie(cookie, storageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(storageKey) as null | Y) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, storageKey) || value\n      }\n    },\n    set(value: Y) {\n      if (storage === \"localStorage\") {\n        localStorage.setItem(storageKey, value)\n      } else {\n        document.cookie = `${storageKey}=${value}; max-age=31536000; path=/`\n      }\n    },\n  }\n}\n"],"mappings":";;AAIA,MAAM,aAAa,CAAC,CAAE,WAAW;AAEjC,SAAS,YACP,QACA,KACe;CAGf,OAFc,OAAO,MAAM,IAAI,OAAO,QAAQ,IAAI,UAAU,CAEhD,GAAG;;AASjB,SAAgB,qBACd,SACA,YACA,cACA,QACsB;CACtB,OAAO;EACL,QAAQ,OAAO;GACb,MAAM,oBAAoB,WAAW;GAErC,IAAI,QAAQ,OAAO,YAAY,QAAQ,kBAAkB,IAAI;GAE7D,IAAI,YAAY,gBACd,IAAI;IACF,OAAQ,aAAa,QAAQ,kBAAkB,IAAiB;WAC1D;IACN,OAAO;;QAEJ;IACL,IAAI,CAAC,YAAY,OAAO;IAExB,OAAO,YAAY,SAAS,QAAQ,kBAAkB,IAAI;;;EAG9D,IAAI,QAAQ,cAAc;GACxB,IAAI,QAAQ,OAAO,YAAY,QAAQ,WAAW,IAAI;GAEtD,IAAI,YAAY,gBACd,IAAI;IACF,OAAQ,aAAa,QAAQ,WAAW,IAAiB;WACnD;IACN,OAAO;;QAEJ;IACL,IAAI,CAAC,YAAY,OAAO;IAExB,OAAO,YAAY,SAAS,QAAQ,WAAW,IAAI;;;EAGvD,IAAI,OAAU;GACZ,IAAI,YAAY,gBACd,aAAa,QAAQ,YAAY,MAAM;QAEvC,SAAS,SAAS,GAAG,WAAW,GAAG,MAAM;;EAG9C"}

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

@@ -1,10 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_constant = require('../constant.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_constant = require("../constant.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/core/system/storage-script.tsx
 function getStorageScript(type, defaultKey) {
 	return function({ key = defaultKey, type: storage = "localStorage", defaultValue } = {}) {
@@ -36,9 +34,9 @@ function ThemeSchemeScript({ nonce, ...rest }) {
 		nonce
 	});
 }
-
 //#endregion
 exports.ColorModeScript = ColorModeScript;
 exports.ThemeSchemeScript = ThemeSchemeScript;
 exports.getStorageScript = getStorageScript;
+
 //# sourceMappingURL=storage-script.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"storage-script.cjs","names":["COLOR_MODE_STORAGE_KEY","THEME_SCHEME_STORAGE_KEY"],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { createdDom } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\") {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n      }\n    } else {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n      }\n    }\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,iBACd,MACA,YACA;AACA,QAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,EAAE,EAAE;AAC5C,MAAI,SAAS,YACX,KAAI,YAAY,eACd,QAAO,4TAA4T,aAAa,OAAO,IAAI;MAE3V,QAAO,4TAA4T,aAAa,OAAO,IAAI;WAGzV,YAAY,eACd,QAAO,oGAAoG,aAAa,OAAO,IAAI;MAEnI,QAAO,oGAAoG,aAAa,OAAO,IAAI;;;AAM3I,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;CAC1C,MAAM,OAAO,iBACX,aACAA,wCACD,CAAC;EAAE,cAAc;EAAS,GAAG;EAAM,CAAC;AAErC,wDAAgB,CAAE,QAAO;AAEzB,QAAO,2CAAC;EAAO,yBAAyB,EAAE,QAAQ,MAAM;EAAS;GAAS;;AAG5E,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;CAClC,MAAM,OAAO,iBACX,eACAC,0CACD,CAAC;EACA,cAAc;EACd,GAAG;EACJ,CAAC;AAEF,wDAAgB,CAAE,QAAO;AAEzB,QAAO,2CAAC;EAAO,yBAAyB,EAAE,QAAQ,MAAM;EAAS;GAAS"}
+{"version":3,"file":"storage-script.cjs","names":["COLOR_MODE_STORAGE_KEY","THEME_SCHEME_STORAGE_KEY"],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { createdDom } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\") {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n      }\n    } else {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n      }\n    }\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;;AAcA,SAAgB,iBACd,MACA,YACA;CACA,OAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,EAAE,EAAE;EAC5C,IAAI,SAAS,aACX,IAAI,YAAY,gBACd,OAAO,4TAA4T,aAAa,OAAO,IAAI;OAE3V,OAAO,4TAA4T,aAAa,OAAO,IAAI;OAG7V,IAAI,YAAY,gBACd,OAAO,oGAAoG,aAAa,OAAO,IAAI;OAEnI,OAAO,oGAAoG,aAAa,OAAO,IAAI;;;AAM3I,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;CAC1C,MAAM,OAAO,iBACX,aACAA,iBAAAA,uBACD,CAAC;EAAE,cAAc;EAAS,GAAG;EAAM,CAAC;CAErC,KAAA,GAAA,oBAAA,cAAA,aAAgB,EAAE,OAAO;CAEzB,OAAO,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAQ,yBAAyB,EAAE,QAAQ,MAAM;EAAS;EAAS,CAAA;;AAG5E,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;CAClC,MAAM,OAAO,iBACX,eACAC,iBAAAA,yBACD,CAAC;EACA,cAAc;EACd,GAAG;EACJ,CAAC;CAEF,KAAA,GAAA,oBAAA,cAAA,aAAgB,EAAE,OAAO;CAEzB,OAAO,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAQ,yBAAyB,EAAE,QAAQ,MAAM;EAAS;EAAS,CAAA"}

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

@@ -1,18 +1,14 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_context = require('../../utils/context.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_system_provider = require('./system-provider.cjs');
-const require_theme_provider = require('./theme-provider.cjs');
-const require_slot = require('../../components/slot/slot.cjs');
-require('../../components/slot/index.cjs');
-const require_css = require('../css/css.cjs');
-require('../css/index.cjs');
-const require_props = require('../components/props.cjs');
-const require_use_component_style = require('../components/use-component-style.cjs');
-const require_utils = require('../components/utils.cjs');
-require('../components/index.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_context = require("../../utils/context.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_system_provider = require("./system-provider.cjs");
+const require_theme_provider = require("./theme-provider.cjs");
+const require_slot = require("../../components/slot/slot.cjs");
+const require_css = require("../css/css.cjs");
+const require_props = require("../components/props.cjs");
+const require_use_component_style = require("../components/use-component-style.cjs");
+const require_utils = require("../components/utils.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
@@ -20,8 +16,7 @@ let _emotion_serialize = require("@emotion/serialize");
 let _emotion_use_insertion_effect_with_fallbacks = require("@emotion/use-insertion-effect-with-fallbacks");
 let _emotion_utils = require("@emotion/utils");
 let react_fast_compare = require("react-fast-compare");
-react_fast_compare = require_rolldown_runtime.__toESM(react_fast_compare);
-
+react_fast_compare = require_runtime.__toESM(react_fast_compare);
 //#region src/core/system/styled.tsx
 const Insertion = ({ cache, htmlTag, serialized }) => {
 	(0, _emotion_utils.registerStyles)(cache, serialized, htmlTag);
@@ -61,7 +56,7 @@ function createStyled(el, { name, base, compounds, props, sizes, variants, defau
 		variants,
 		defaultProps
 	});
-	const StyledComponent = (0, _emotion_react.withEmotionCache)(function({ as: Component = el, asChild, children, ...props$1 }, cache, ref) {
+	const StyledComponent = (0, _emotion_react.withEmotionCache)(function({ as: Component = el, asChild, children, ...props }, cache, ref) {
 		let className = "";
 		const system = require_system_provider.useSystem();
 		const { theme } = require_theme_provider.useTheme();
@@ -74,14 +69,14 @@ function createStyled(el, { name, base, compounds, props, sizes, variants, defau
 		const registered = (0, react.useRef)([]);
 		const htmlTag = (0, require_utils_index.utils_exports.isString)(Component);
 		const forwardAsChild = options.forwardAsChild || options.forwardProps?.includes("asChild");
-		const [omittedProps, styleProps] = useSplitProps(props$1, shouldForwardProp);
+		const [omittedProps, styleProps] = useSplitProps(props, shouldForwardProp);
 		const [, rest] = require_use_component_style.useComponentStyle(omittedProps, componentStyleOptions);
 		const [cssArray, colorScheme, forwardProps] = (0, react.useMemo)(() => {
-			const { css: css$1, colorScheme: colorScheme$1, ...forwardProps$1 } = rest;
+			const { css, colorScheme, ...forwardProps } = rest;
 			return [
-				(0, require_utils_index.utils_exports.toArray)(css$1),
-				colorScheme$1,
-				forwardProps$1
+				(0, require_utils_index.utils_exports.toArray)(css),
+				colorScheme,
+				forwardProps
 			];
 		}, [rest]);
 		styleProps.colorScheme ??= colorScheme;
@@ -119,9 +114,9 @@ function createStyled(el, { name, base, compounds, props, sizes, variants, defau
 	StyledComponent.displayName = displayName || "StyledComponent";
 	return StyledComponent;
 }
-
 //#endregion
 exports.ColorSchemeContext = ColorSchemeContext;
 exports.createStyled = createStyled;
 exports.useColorSchemeContext = useColorSchemeContext;
+
 //# sourceMappingURL=styled.cjs.map

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

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

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

@@ -1,10 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_create_system = require('./create-system.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_create_system = require("./create-system.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/core/system/system-provider.tsx
 const SystemContext = (0, react.createContext)(require_create_system.defaultSystem);
 const SystemProvider = ({ children, config, theme = {} }) => {
@@ -16,8 +14,8 @@ const SystemProvider = ({ children, config, theme = {} }) => {
 const useSystem = () => {
 	return (0, react.use)(SystemContext);
 };
-
 //#endregion
 exports.SystemProvider = SystemProvider;
 exports.useSystem = useSystem;
+
 //# sourceMappingURL=system-provider.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"system-provider.cjs","names":["defaultSystem","SystemProvider: FC<SystemProviderProps>","createSystem"],"sources":["../../../../src/core/system/system-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { System, ThemeConfig, UsageTheme } from \"./index.types\"\nimport { createContext, use, useMemo } from \"react\"\nimport { createSystem, defaultSystem } from \"./create-system\"\n\ninterface SystemContext extends System {}\n\nconst SystemContext = createContext<SystemContext>(defaultSystem)\n\nexport interface SystemProviderProps extends PropsWithChildren {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const SystemProvider: FC<SystemProviderProps> = ({\n  children,\n  config,\n  theme = {},\n}) => {\n  const system = useMemo(() => createSystem(theme, config), [theme, config])\n\n  return <SystemContext value={system}>{children}</SystemContext>\n}\n\nexport const useSystem = () => {\n  const system = use(SystemContext)\n\n  return system\n}\n"],"mappings":";;;;;;;;AASA,MAAM,yCAA6CA,oCAAc;AAajE,MAAaC,kBAA2C,EACtD,UACA,QACA,QAAQ,EAAE,OACN;AAGJ,QAAO,2CAAC;EAAc,gCAFOC,mCAAa,OAAO,OAAO,EAAE,CAAC,OAAO,OAAO,CAAC;EAEpC;GAAyB;;AAGjE,MAAa,kBAAkB;AAG7B,uBAFmB,cAAc"}
+{"version":3,"file":"system-provider.cjs","names":["defaultSystem","createSystem"],"sources":["../../../../src/core/system/system-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { System, ThemeConfig, UsageTheme } from \"./index.types\"\nimport { createContext, use, useMemo } from \"react\"\nimport { createSystem, defaultSystem } from \"./create-system\"\n\ninterface SystemContext extends System {}\n\nconst SystemContext = createContext<SystemContext>(defaultSystem)\n\nexport interface SystemProviderProps extends PropsWithChildren {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const SystemProvider: FC<SystemProviderProps> = ({\n  children,\n  config,\n  theme = {},\n}) => {\n  const system = useMemo(() => createSystem(theme, config), [theme, config])\n\n  return <SystemContext value={system}>{children}</SystemContext>\n}\n\nexport const useSystem = () => {\n  const system = use(SystemContext)\n\n  return system\n}\n"],"mappings":";;;;;;AASA,MAAM,iBAAA,GAAA,MAAA,eAA6CA,sBAAAA,cAAc;AAajE,MAAa,kBAA2C,EACtD,UACA,QACA,QAAQ,EAAE,OACN;CAGJ,OAAO,iBAAA,GAAA,kBAAA,KAAC,eAAD;EAAe,QAAA,GAAA,MAAA,eAFOC,sBAAAA,aAAa,OAAO,OAAO,EAAE,CAAC,OAAO,OAAO,CAEtC;EAAG;EAAyB,CAAA;;AAGjE,MAAa,kBAAkB;CAG7B,QAAA,GAAA,MAAA,KAFmB,cAEN"}

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

@@ -1,33 +1,30 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_constant = require('../constant.cjs');
-const require_environment_provider = require('./environment-provider.cjs');
-const require_storage_manager = require('./storage-manager.cjs');
-const require_system_provider = require('./system-provider.cjs');
-const require_css = require('../css/css.cjs');
-require('../css/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_constant = require("../constant.cjs");
+const require_environment_provider = require("./environment-provider.cjs");
+const require_storage_manager = require("./storage-manager.cjs");
+const require_system_provider = require("./system-provider.cjs");
+const require_css = require("../css/css.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
-
 //#region src/core/system/theme-provider.tsx
 const getPreventTransition = (environment) => {
 	const { getDocument, getWindow } = environment;
 	const win = getWindow();
 	const doc = getDocument();
 	if (!win || !doc) return;
-	const css$1 = doc.createElement("style");
+	const css = doc.createElement("style");
 	const node = doc.createTextNode(`*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`);
-	css$1.appendChild(node);
-	doc.head.appendChild(css$1);
+	css.appendChild(node);
+	doc.head.appendChild(css);
 	return () => {
 		const forceReflow = () => win.getComputedStyle(doc.body);
 		forceReflow();
 		requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
-				doc.head.removeChild(css$1);
+				doc.head.removeChild(css);
 			});
 		});
 	};
@@ -42,14 +39,14 @@ const ThemeProvider = ({ children, config, cookie, storage = cookie ? "cookie" :
 	]);
 	const environment = require_environment_provider.useEnvironment();
 	const [themeScheme, setThemeScheme] = (0, react.useState)(storageManager.get());
-	const changeThemeScheme = (0, react.useCallback)((themeScheme$1) => {
+	const changeThemeScheme = (0, react.useCallback)((themeScheme) => {
 		const { getDocument } = environment;
 		const doc = getDocument();
 		const cleanup = disableTransitionOnChange ? getPreventTransition(environment) : void 0;
-		if (doc) doc.documentElement.dataset.theme = themeScheme$1;
+		if (doc) doc.documentElement.dataset.theme = themeScheme;
 		cleanup?.();
-		setThemeScheme(themeScheme$1);
-		storageManager.set(themeScheme$1);
+		setThemeScheme(themeScheme);
+		storageManager.set(themeScheme);
 	}, [
 		disableTransitionOnChange,
 		environment,
@@ -114,10 +111,10 @@ const useTheme = () => {
 		};
 	}, [theme, internalTheme]);
 };
-
 //#endregion
 exports.GlobalStyles = GlobalStyles;
 exports.ThemeProvider = ThemeProvider;
 exports.getPreventTransition = getPreventTransition;
 exports.useTheme = useTheme;
+
 //# sourceMappingURL=theme-provider.cjs.map