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

package/dist/cjs/core/css/token.cjs

@@ -1,12 +1,11 @@
-const require_utils = require('./utils.cjs');
-
+const require_utils = require("./utils.cjs");
 //#region src/core/css/token.ts
 function generateToken(token) {
 	return function(value, { system }) {
 		return require_utils.tokenToVar(system)(token, value);
 	};
 }
-
 //#endregion
 exports.generateToken = generateToken;
+
 //# sourceMappingURL=token.cjs.map

package/dist/cjs/core/css/token.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"token.cjs","names":["tokenToVar"],"sources":["../../../../src/core/css/token.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport function generateToken(token: ThemeToken): Transform {\n  return function (value, { system }) {\n    return tokenToVar(system)(token, value)\n  }\n}\n"],"mappings":";;;AAIA,SAAgB,cAAc,OAA8B;AAC1D,QAAO,SAAU,OAAO,EAAE,UAAU;AAClC,SAAOA,yBAAW,OAAO,CAAC,OAAO,MAAM"}
+{"version":3,"file":"token.cjs","names":["tokenToVar"],"sources":["../../../../src/core/css/token.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport function generateToken(token: ThemeToken): Transform {\n  return function (value, { system }) {\n    return tokenToVar(system)(token, value)\n  }\n}\n"],"mappings":";;AAIA,SAAgB,cAAc,OAA8B;CAC1D,OAAO,SAAU,OAAO,EAAE,UAAU;EAClC,OAAOA,cAAAA,WAAW,OAAO,CAAC,OAAO,MAAM"}

package/dist/cjs/core/css/transform.cjs

@@ -1,4 +1,3 @@
-
 //#region src/core/css/transform.ts
 function transform(value, { prev, properties }) {
 	const result = {};
@@ -8,7 +7,7 @@ function transform(value, { prev, properties }) {
 	});
 	return result;
 }
-
 //#endregion
 exports.transform = transform;
+
 //# sourceMappingURL=transform.cjs.map

package/dist/cjs/core/css/transform.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"transform.cjs","names":["result: Dict"],"sources":["../../../../src/core/css/transform.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { TransformOptions } from \"./utils\"\n\nexport function transform(value: any, { prev, properties }: TransformOptions) {\n  const result: Dict = {}\n\n  properties?.forEach((property) => {\n    result.transform = [prev?.transform ?? \"\", `var(${property})`].join(\" \")\n    result[property] = value\n  })\n\n  return result as CSSObject\n}\n"],"mappings":";;AAIA,SAAgB,UAAU,OAAY,EAAE,MAAM,cAAgC;CAC5E,MAAMA,SAAe,EAAE;AAEvB,aAAY,SAAS,aAAa;AAChC,SAAO,YAAY,CAAC,MAAM,aAAa,IAAI,OAAO,SAAS,GAAG,CAAC,KAAK,IAAI;AACxE,SAAO,YAAY;GACnB;AAEF,QAAO"}
+{"version":3,"file":"transform.cjs","names":[],"sources":["../../../../src/core/css/transform.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { TransformOptions } from \"./utils\"\n\nexport function transform(value: any, { prev, properties }: TransformOptions) {\n  const result: Dict = {}\n\n  properties?.forEach((property) => {\n    result.transform = [prev?.transform ?? \"\", `var(${property})`].join(\" \")\n    result[property] = value\n  })\n\n  return result as CSSObject\n}\n"],"mappings":";AAIA,SAAgB,UAAU,OAAY,EAAE,MAAM,cAAgC;CAC5E,MAAM,SAAe,EAAE;CAEvB,YAAY,SAAS,aAAa;EAChC,OAAO,YAAY,CAAC,MAAM,aAAa,IAAI,OAAO,SAAS,GAAG,CAAC,KAAK,IAAI;EACxE,OAAO,YAAY;GACnB;CAEF,OAAO"}

package/dist/cjs/core/css/transition.cjs

@@ -1,4 +1,3 @@
-
 //#region src/core/css/transition.ts
 const properties = {
 	size: ["width", "height"],
@@ -60,7 +59,7 @@ function generateTransition(type = "transition") {
 		}
 	};
 }
-
 //#endregion
 exports.generateTransition = generateTransition;
+
 //# sourceMappingURL=transition.cjs.map

package/dist/cjs/core/css/transition.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"transition.cjs","names":["properties: { [key: string]: string[] }"],"sources":["../../../../src/core/css/transition.ts"],"sourcesContent":["import type { Transform } from \"./utils\"\n\nconst properties: { [key: string]: string[] } = {\n  size: [\"width\", \"height\"],\n  all: [\"all\"],\n  backgrounds: [\n    \"background\",\n    \"background-color\",\n    \"background-image\",\n    \"background-position\",\n  ],\n  colors: [\n    \"color\",\n    \"fill\",\n    \"stroke\",\n    \"background-color\",\n    \"border-color\",\n    \"outline-color\",\n    \"text-decoration-color\",\n  ],\n  common: [\n    \"color\",\n    \"fill\",\n    \"stroke\",\n    \"background-color\",\n    \"border-color\",\n    \"outline-color\",\n    \"text-decoration-color\",\n    \"opacity\",\n    \"box-shadow\",\n    \"transform\",\n    \"translate\",\n    \"scale\",\n    \"rotate\",\n    \"filter\",\n    \"backdrop-filter\",\n  ],\n  opacity: [\"opacity\"],\n  position: [\"top\", \"right\", \"bottom\", \"left\", \"inset-inline\", \"inset-block\"],\n  shadow: [\"box-shadow\"],\n}\n\nexport function generateTransition(\n  type: \"property\" | \"transition\" = \"transition\",\n): Transform {\n  return function (value, { prev }) {\n    switch (type) {\n      case \"transition\":\n        if (value in properties) {\n          return {\n            transition: properties[value]?.join(\", \"),\n            transitionDuration: prev?.transitionDuration ?? \"200ms\",\n            transitionTimingFunction:\n              prev?.transitionTimingFunction ??\n              \"cubic-bezier(0.42, 0, 0.58, 1)\",\n          }\n        } else {\n          return value\n        }\n      case \"property\":\n        if (value in properties) {\n          return properties[value]?.join(\", \")\n        } else {\n          return value\n        }\n    }\n  }\n}\n"],"mappings":";;AAEA,MAAMA,aAA0C;CAC9C,MAAM,CAAC,SAAS,SAAS;CACzB,KAAK,CAAC,MAAM;CACZ,aAAa;EACX;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,SAAS,CAAC,UAAU;CACpB,UAAU;EAAC;EAAO;EAAS;EAAU;EAAQ;EAAgB;EAAc;CAC3E,QAAQ,CAAC,aAAa;CACvB;AAED,SAAgB,mBACd,OAAkC,cACvB;AACX,QAAO,SAAU,OAAO,EAAE,QAAQ;AAChC,UAAQ,MAAR;GACE,KAAK,aACH,KAAI,SAAS,WACX,QAAO;IACL,YAAY,WAAW,QAAQ,KAAK,KAAK;IACzC,oBAAoB,MAAM,sBAAsB;IAChD,0BACE,MAAM,4BACN;IACH;OAED,QAAO;GAEX,KAAK,WACH,KAAI,SAAS,WACX,QAAO,WAAW,QAAQ,KAAK,KAAK;OAEpC,QAAO"}
+{"version":3,"file":"transition.cjs","names":[],"sources":["../../../../src/core/css/transition.ts"],"sourcesContent":["import type { Transform } from \"./utils\"\n\nconst properties: { [key: string]: string[] } = {\n  size: [\"width\", \"height\"],\n  all: [\"all\"],\n  backgrounds: [\n    \"background\",\n    \"background-color\",\n    \"background-image\",\n    \"background-position\",\n  ],\n  colors: [\n    \"color\",\n    \"fill\",\n    \"stroke\",\n    \"background-color\",\n    \"border-color\",\n    \"outline-color\",\n    \"text-decoration-color\",\n  ],\n  common: [\n    \"color\",\n    \"fill\",\n    \"stroke\",\n    \"background-color\",\n    \"border-color\",\n    \"outline-color\",\n    \"text-decoration-color\",\n    \"opacity\",\n    \"box-shadow\",\n    \"transform\",\n    \"translate\",\n    \"scale\",\n    \"rotate\",\n    \"filter\",\n    \"backdrop-filter\",\n  ],\n  opacity: [\"opacity\"],\n  position: [\"top\", \"right\", \"bottom\", \"left\", \"inset-inline\", \"inset-block\"],\n  shadow: [\"box-shadow\"],\n}\n\nexport function generateTransition(\n  type: \"property\" | \"transition\" = \"transition\",\n): Transform {\n  return function (value, { prev }) {\n    switch (type) {\n      case \"transition\":\n        if (value in properties) {\n          return {\n            transition: properties[value]?.join(\", \"),\n            transitionDuration: prev?.transitionDuration ?? \"200ms\",\n            transitionTimingFunction:\n              prev?.transitionTimingFunction ??\n              \"cubic-bezier(0.42, 0, 0.58, 1)\",\n          }\n        } else {\n          return value\n        }\n      case \"property\":\n        if (value in properties) {\n          return properties[value]?.join(\", \")\n        } else {\n          return value\n        }\n    }\n  }\n}\n"],"mappings":";AAEA,MAAM,aAA0C;CAC9C,MAAM,CAAC,SAAS,SAAS;CACzB,KAAK,CAAC,MAAM;CACZ,aAAa;EACX;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,SAAS,CAAC,UAAU;CACpB,UAAU;EAAC;EAAO;EAAS;EAAU;EAAQ;EAAgB;EAAc;CAC3E,QAAQ,CAAC,aAAa;CACvB;AAED,SAAgB,mBACd,OAAkC,cACvB;CACX,OAAO,SAAU,OAAO,EAAE,QAAQ;EAChC,QAAQ,MAAR;GACE,KAAK,cACH,IAAI,SAAS,YACX,OAAO;IACL,YAAY,WAAW,QAAQ,KAAK,KAAK;IACzC,oBAAoB,MAAM,sBAAsB;IAChD,0BACE,MAAM,4BACN;IACH;QAED,OAAO;GAEX,KAAK,YACH,IAAI,SAAS,YACX,OAAO,WAAW,QAAQ,KAAK,KAAK;QAEpC,OAAO"}

package/dist/cjs/core/css/use-css.cjs

@@ -1,12 +1,10 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_system_provider = require('../system/system-provider.cjs');
-const require_theme_provider = require('../system/theme-provider.cjs');
-require('../system/index.cjs');
-const require_css = require('./css.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_system_provider = require("../system/system-provider.cjs");
+const require_theme_provider = require("../system/theme-provider.cjs");
+const require_css = require("./css.cjs");
 let react = require("react");
 let _emotion_css = require("@emotion/css");
-
 //#region src/core/css/use-css.ts
 const useCSS = (value = []) => {
 	const system = require_system_provider.useSystem();
@@ -18,8 +16,8 @@ const useCSS = (value = []) => {
 	]);
 };
 const getCSS = (system, theme) => (value = []) => (0, _emotion_css.css)(...(0, require_utils_index.utils_exports.toArray)(value).map(require_css.css(system, theme)));
-
 //#endregion
 exports.getCSS = getCSS;
 exports.useCSS = useCSS;
+
 //# sourceMappingURL=use-css.cjs.map

package/dist/cjs/core/css/use-css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-css.cjs","names":["useSystem","useTheme","css"],"sources":["../../../../src/core/css/use-css.ts"],"sourcesContent":["import type { StyledTheme, System, UsageTheme } from \"../system\"\nimport type { CSSObject, CSSObjectOrFunction } from \"./index.types\"\nimport { css as emotionCSS } from \"@emotion/css\"\nimport { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\nimport { useSystem, useTheme } from \"../system\"\nimport { css } from \"./css\"\n\nexport const useCSS = (\n  value: CSSObject | CSSObject[] | CSSObjectOrFunction = [],\n) => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n\n  return useMemo(() => getCSS(system, theme)(value), [value, system, theme])\n}\n\nexport const getCSS =\n  (system: System, theme: StyledTheme<UsageTheme>) =>\n  (value: CSSObject | CSSObject[] | CSSObjectOrFunction = []) =>\n    emotionCSS(...toArray(value).map(css(system, theme)))\n"],"mappings":";;;;;;;;;;AAQA,MAAa,UACX,QAAuD,EAAE,KACtD;CACH,MAAM,SAASA,mCAAW;CAC1B,MAAM,EAAE,UAAUC,iCAAsB;AAExC,iCAAqB,OAAO,QAAQ,MAAM,CAAC,MAAM,EAAE;EAAC;EAAO;EAAQ;EAAM,CAAC;;AAG5E,MAAa,UACV,QAAgB,WAChB,QAAuD,EAAE,2BAC7C,kDAAW,MAAM,CAAC,IAAIC,gBAAI,QAAQ,MAAM,CAAC,CAAC"}
+{"version":3,"file":"use-css.cjs","names":["useSystem","useTheme","css"],"sources":["../../../../src/core/css/use-css.ts"],"sourcesContent":["import type { StyledTheme, System, UsageTheme } from \"../system\"\nimport type { CSSObject, CSSObjectOrFunction } from \"./index.types\"\nimport { css as emotionCSS } from \"@emotion/css\"\nimport { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\nimport { useSystem, useTheme } from \"../system\"\nimport { css } from \"./css\"\n\nexport const useCSS = (\n  value: CSSObject | CSSObject[] | CSSObjectOrFunction = [],\n) => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n\n  return useMemo(() => getCSS(system, theme)(value), [value, system, theme])\n}\n\nexport const getCSS =\n  (system: System, theme: StyledTheme<UsageTheme>) =>\n  (value: CSSObject | CSSObject[] | CSSObjectOrFunction = []) =>\n    emotionCSS(...toArray(value).map(css(system, theme)))\n"],"mappings":";;;;;;;;AAQA,MAAa,UACX,QAAuD,EAAE,KACtD;CACH,MAAM,SAASA,wBAAAA,WAAW;CAC1B,MAAM,EAAE,UAAUC,uBAAAA,UAAsB;CAExC,QAAA,GAAA,MAAA,eAAqB,OAAO,QAAQ,MAAM,CAAC,MAAM,EAAE;EAAC;EAAO;EAAQ;EAAM,CAAC;;AAG5E,MAAa,UACV,QAAgB,WAChB,QAAuD,EAAE,MAAA,GAAA,aAAA,KAC7C,IAAA,GAAA,oBAAA,cAAA,SAAW,MAAM,CAAC,IAAIC,YAAAA,IAAI,QAAQ,MAAM,CAAC,CAAC"}

package/dist/cjs/core/css/use-inject-vars.cjs

@@ -1,12 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_var = require('../system/var.cjs');
-require('../system/index.cjs');
-const require_props = require('../components/props.cjs');
-require('../components/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_var = require("../system/var.cjs");
+const require_props = require("../components/props.cjs");
 let react = require("react");
-
 //#region src/core/css/use-inject-vars.ts
 function useInjectVarsIntoCss(css, targets) {
 	const targetsRef = (0, react.useRef)(targets);
@@ -16,8 +12,8 @@ function useInjectVarsIntoProps(props, targets) {
 	const targetsRef = (0, react.useRef)(targets);
 	return (0, react.useMemo)(() => require_var.injectVars(props, targetsRef.current, (prop) => !require_props.cssProps.has(prop)), [props]);
 }
-
 //#endregion
 exports.useInjectVarsIntoCss = useInjectVarsIntoCss;
 exports.useInjectVarsIntoProps = useInjectVarsIntoProps;
+
 //# sourceMappingURL=use-inject-vars.cjs.map

package/dist/cjs/core/css/use-inject-vars.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-inject-vars.cjs","names":["injectVars","cssProps"],"sources":["../../../../src/core/css/use-inject-vars.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { CSSObject, CSSProperties } from \"./index.types\"\nimport { useMemo, useRef } from \"react\"\nimport { cssProps } from \"../components\"\nimport { injectVars } from \"../system\"\n\nexport function useInjectVarsIntoCss(\n  css: CSSObject | CSSObject[] | undefined,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(() => injectVars(css, targetsRef.current), [css])\n}\n\nexport function useInjectVarsIntoProps<Y extends Dict | undefined>(\n  props: Y,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(\n    () => injectVars(props, targetsRef.current, (prop) => !cssProps.has(prop)),\n    [props],\n  )\n}\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,qBACd,KACA,SACA;CACA,MAAM,+BAAoB,QAAQ;AAElC,iCAAqBA,uBAAW,KAAK,WAAW,QAAQ,EAAE,CAAC,IAAI,CAAC;;AAGlE,SAAgB,uBACd,OACA,SACA;CACA,MAAM,+BAAoB,QAAQ;AAElC,iCACQA,uBAAW,OAAO,WAAW,UAAU,SAAS,CAACC,uBAAS,IAAI,KAAK,CAAC,EAC1E,CAAC,MAAM,CACR"}
+{"version":3,"file":"use-inject-vars.cjs","names":["injectVars","cssProps"],"sources":["../../../../src/core/css/use-inject-vars.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { CSSObject, CSSProperties } from \"./index.types\"\nimport { useMemo, useRef } from \"react\"\nimport { cssProps } from \"../components\"\nimport { injectVars } from \"../system\"\n\nexport function useInjectVarsIntoCss(\n  css: CSSObject | CSSObject[] | undefined,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(() => injectVars(css, targetsRef.current), [css])\n}\n\nexport function useInjectVarsIntoProps<Y extends Dict | undefined>(\n  props: Y,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(\n    () => injectVars(props, targetsRef.current, (prop) => !cssProps.has(prop)),\n    [props],\n  )\n}\n"],"mappings":";;;;;;AAQA,SAAgB,qBACd,KACA,SACA;CACA,MAAM,cAAA,GAAA,MAAA,QAAoB,QAAQ;CAElC,QAAA,GAAA,MAAA,eAAqBA,YAAAA,WAAW,KAAK,WAAW,QAAQ,EAAE,CAAC,IAAI,CAAC;;AAGlE,SAAgB,uBACd,OACA,SACA;CACA,MAAM,cAAA,GAAA,MAAA,QAAoB,QAAQ;CAElC,QAAA,GAAA,MAAA,eACQA,YAAAA,WAAW,OAAO,WAAW,UAAU,SAAS,CAACC,cAAAA,SAAS,IAAI,KAAK,CAAC,EAC1E,CAAC,MAAM,CACR"}

package/dist/cjs/core/css/utils.cjs

@@ -1,7 +1,5 @@
-const require_utils_index = require('../../utils/index.cjs');
-const require_var = require('../system/var.cjs');
-require('../system/index.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
+const require_var = require("../system/var.cjs");
 //#region src/core/css/utils.ts
 const globalValues = new Set([
 	"inherit",
@@ -58,7 +56,7 @@ function omitImportant(value) {
 }
 function insertImportant(value, style) {
 	if ((0, require_utils_index.utils_exports.isString)(value)) return value + " !important";
-	else if ((0, require_utils_index.utils_exports.isObject)(value)) if (style?.important) return Object.fromEntries(Object.entries(value).map(([key, value$1]) => [key, value$1 + " !important"]));
+	else if ((0, require_utils_index.utils_exports.isObject)(value)) if (style?.important) return Object.fromEntries(Object.entries(value).map(([key, value]) => [key, value + " !important"]));
 	else {
 		if (!style?.properties) return value;
 		for (const property of style.properties) value[property] += " !important";
@@ -106,7 +104,6 @@ function combineFunctions(a, b) {
 function pipe(...transformers) {
 	return transformers.reduce(combineFunctions);
 }
-
 //#endregion
 exports.analyzeCSSValue = analyzeCSSValue;
 exports.getCSSFunction = getCSSFunction;
@@ -123,4 +120,5 @@ exports.splitValues = splitValues;
 exports.tokenToValue = tokenToValue;
 exports.tokenToVar = tokenToVar;
 exports.varToValue = varToValue;
+
 //# sourceMappingURL=utils.cjs.map

package/dist/cjs/core/css/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":["value","isColorScheme","getColorSchemeVar"],"sources":["../../../../src/core/css/utils.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { ColorMode, System, ThemeToken, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSFunction, CSSProperties } from \"./index.types\"\nimport { isObject, isString, isUndefined } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\n\nexport interface TransformOptions {\n  system: System\n  css?: CSSFunction\n  fallback?: any\n  prev?: Dict\n  properties?: CSSProperties[]\n  theme?: UsageTheme\n}\n\nexport interface Transform {\n  (value: any, options: TransformOptions): any\n}\n\nexport const globalValues = new Set([\n  \"inherit\",\n  \"initial\",\n  \"none\",\n  \"revert\",\n  \"unset\",\n])\n\nexport function isCSSFunction(value: any) {\n  return isString(value) && value.includes(\"(\") && value.includes(\")\")\n}\n\nexport function getCSSFunction(value: any) {\n  const regex = /(^[a-z-A-Z]+)\\((.*)\\)/g\n  const [, type, values] = regex.exec(value) ?? []\n\n  return { type, values }\n}\n\nexport function splitValues(\n  values: string,\n  cb: (\n    current: string,\n    prev: string | undefined,\n    next: string | undefined,\n  ) => boolean = (current) => current === \",\",\n  addSeparator = false,\n) {\n  const result = []\n\n  let value = \"\"\n  let depth = 0\n\n  for (let i = 0; i < values.length; i++) {\n    const current = values[i]\n    const prev = values[i - 1]\n    const next = values[i + 1]\n\n    if (current === \"(\") depth++\n    if (current === \")\") depth--\n\n    if (!isUndefined(current) && cb(current, prev, next) && depth === 0) {\n      if (value) result.push(value.trim())\n\n      if (addSeparator) result.push(current)\n\n      value = \"\"\n    } else {\n      value += current\n    }\n  }\n\n  if (value) result.push(value.trim())\n\n  return result.filter(Boolean)\n}\n\nexport function isCSSVar(value: string) {\n  return /^var\\(--.+\\)$/.test(value)\n}\n\nexport function isInterpolation(value: string) {\n  return /\\{.+\\}/.test(value)\n}\n\nexport function isCSSToken({ cssMap }: System) {\n  return function (value: any) {\n    return isObject(cssMap) && value in cssMap && !!cssMap[value]?.ref\n  }\n}\n\nexport function isImportant(value: any): boolean {\n  return (\n    isString(value) && (/\\s*!important$/.test(value) || /\\s*!$/.test(value))\n  )\n}\n\nexport function omitImportant(value: any): string {\n  return isString(value) ? value.replace(/(!important|!)$/, \"\").trim() : value\n}\n\nexport function insertImportant(value: any, style?: StyleConfig): any {\n  if (isString(value)) {\n    return value + \" !important\"\n  } else if (isObject(value)) {\n    if (style?.important) {\n      return Object.fromEntries(\n        Object.entries(value).map(([key, value]) => [\n          key,\n          value + \" !important\",\n        ]),\n      )\n    } else {\n      if (!style?.properties) return value\n\n      for (const property of style.properties) {\n        value[property] += \" !important\"\n      }\n    }\n  }\n\n  return value\n}\n\nexport function analyzeCSSValue(value: any) {\n  let n = parseFloat(value.toString())\n  const unit = value.toString().replace(String(n), \"\")\n\n  return { unit, unitless: !unit, value }\n}\n\nexport function tokenToVar(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      return system.cssMap[resolvedToken]!.ref\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function varToValue(system: System) {\n  return function (variable: string): string {\n    const value = system.cssVars[variable]\n\n    if (isCSSVar(value)) {\n      return varToValue(system)(value.replace(/^var\\(/, \"\").replace(/\\)$/, \"\"))\n    } else {\n      return value\n    }\n  }\n}\n\nexport function tokenToValue(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      const variable = system.cssMap[resolvedToken]!.var\n\n      return varToValue(system)(variable)\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function mode<L, D>(light: L, dark: D) {\n  return function (colorMode: ColorMode | undefined = \"light\"): D | L {\n    return colorMode === \"light\" ? light : dark\n  }\n}\n\nfunction combineFunctions(a: Transform, b: Transform): Transform {\n  return function (value, ...args) {\n    return b(a(value, ...args), ...args)\n  }\n}\n\nexport function pipe(...transformers: Transform[]) {\n  return transformers.reduce(combineFunctions)\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.cjs","names":["isColorScheme","getColorSchemeVar"],"sources":["../../../../src/core/css/utils.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { ColorMode, System, ThemeToken, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSFunction, CSSProperties } from \"./index.types\"\nimport { isObject, isString, isUndefined } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\n\nexport interface TransformOptions {\n  system: System\n  css?: CSSFunction\n  fallback?: any\n  prev?: Dict\n  properties?: CSSProperties[]\n  theme?: UsageTheme\n}\n\nexport interface Transform {\n  (value: any, options: TransformOptions): any\n}\n\nexport const globalValues = new Set([\n  \"inherit\",\n  \"initial\",\n  \"none\",\n  \"revert\",\n  \"unset\",\n])\n\nexport function isCSSFunction(value: any) {\n  return isString(value) && value.includes(\"(\") && value.includes(\")\")\n}\n\nexport function getCSSFunction(value: any) {\n  const regex = /(^[a-z-A-Z]+)\\((.*)\\)/g\n  const [, type, values] = regex.exec(value) ?? []\n\n  return { type, values }\n}\n\nexport function splitValues(\n  values: string,\n  cb: (\n    current: string,\n    prev: string | undefined,\n    next: string | undefined,\n  ) => boolean = (current) => current === \",\",\n  addSeparator = false,\n) {\n  const result = []\n\n  let value = \"\"\n  let depth = 0\n\n  for (let i = 0; i < values.length; i++) {\n    const current = values[i]\n    const prev = values[i - 1]\n    const next = values[i + 1]\n\n    if (current === \"(\") depth++\n    if (current === \")\") depth--\n\n    if (!isUndefined(current) && cb(current, prev, next) && depth === 0) {\n      if (value) result.push(value.trim())\n\n      if (addSeparator) result.push(current)\n\n      value = \"\"\n    } else {\n      value += current\n    }\n  }\n\n  if (value) result.push(value.trim())\n\n  return result.filter(Boolean)\n}\n\nexport function isCSSVar(value: string) {\n  return /^var\\(--.+\\)$/.test(value)\n}\n\nexport function isInterpolation(value: string) {\n  return /\\{.+\\}/.test(value)\n}\n\nexport function isCSSToken({ cssMap }: System) {\n  return function (value: any) {\n    return isObject(cssMap) && value in cssMap && !!cssMap[value]?.ref\n  }\n}\n\nexport function isImportant(value: any): boolean {\n  return (\n    isString(value) && (/\\s*!important$/.test(value) || /\\s*!$/.test(value))\n  )\n}\n\nexport function omitImportant(value: any): string {\n  return isString(value) ? value.replace(/(!important|!)$/, \"\").trim() : value\n}\n\nexport function insertImportant(value: any, style?: StyleConfig): any {\n  if (isString(value)) {\n    return value + \" !important\"\n  } else if (isObject(value)) {\n    if (style?.important) {\n      return Object.fromEntries(\n        Object.entries(value).map(([key, value]) => [\n          key,\n          value + \" !important\",\n        ]),\n      )\n    } else {\n      if (!style?.properties) return value\n\n      for (const property of style.properties) {\n        value[property] += \" !important\"\n      }\n    }\n  }\n\n  return value\n}\n\nexport function analyzeCSSValue(value: any) {\n  let n = parseFloat(value.toString())\n  const unit = value.toString().replace(String(n), \"\")\n\n  return { unit, unitless: !unit, value }\n}\n\nexport function tokenToVar(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      return system.cssMap[resolvedToken]!.ref\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function varToValue(system: System) {\n  return function (variable: string): string {\n    const value = system.cssVars[variable]\n\n    if (isCSSVar(value)) {\n      return varToValue(system)(value.replace(/^var\\(/, \"\").replace(/\\)$/, \"\"))\n    } else {\n      return value\n    }\n  }\n}\n\nexport function tokenToValue(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      const variable = system.cssMap[resolvedToken]!.var\n\n      return varToValue(system)(variable)\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function mode<L, D>(light: L, dark: D) {\n  return function (colorMode: ColorMode | undefined = \"light\"): D | L {\n    return colorMode === \"light\" ? light : dark\n  }\n}\n\nfunction combineFunctions(a: Transform, b: Transform): Transform {\n  return function (value, ...args) {\n    return b(a(value, ...args), ...args)\n  }\n}\n\nexport function pipe(...transformers: Transform[]) {\n  return transformers.reduce(combineFunctions)\n}\n"],"mappings":";;;AAoBA,MAAa,eAAe,IAAI,IAAI;CAClC;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAgB,cAAc,OAAY;CACxC,QAAA,GAAA,oBAAA,cAAA,UAAgB,MAAM,IAAI,MAAM,SAAS,IAAI,IAAI,MAAM,SAAS,IAAI;;AAGtE,SAAgB,eAAe,OAAY;CAEzC,MAAM,GAAG,MAAM,UAAU,yBAAM,KAAK,MAAM,IAAI,EAAE;CAEhD,OAAO;EAAE;EAAM;EAAQ;;AAGzB,SAAgB,YACd,QACA,MAIgB,YAAY,YAAY,KACxC,eAAe,OACf;CACA,MAAM,SAAS,EAAE;CAEjB,IAAI,QAAQ;CACZ,IAAI,QAAQ;CAEZ,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,MAAM,UAAU,OAAO;EACvB,MAAM,OAAO,OAAO,IAAI;EACxB,MAAM,OAAO,OAAO,IAAI;EAExB,IAAI,YAAY,KAAK;EACrB,IAAI,YAAY,KAAK;EAErB,IAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,QAAQ,IAAI,GAAG,SAAS,MAAM,KAAK,IAAI,UAAU,GAAG;GACnE,IAAI,OAAO,OAAO,KAAK,MAAM,MAAM,CAAC;GAEpC,IAAI,cAAc,OAAO,KAAK,QAAQ;GAEtC,QAAQ;SAER,SAAS;;CAIb,IAAI,OAAO,OAAO,KAAK,MAAM,MAAM,CAAC;CAEpC,OAAO,OAAO,OAAO,QAAQ;;AAG/B,SAAgB,SAAS,OAAe;CACtC,OAAO,gBAAgB,KAAK,MAAM;;AAGpC,SAAgB,gBAAgB,OAAe;CAC7C,OAAO,SAAS,KAAK,MAAM;;AAG7B,SAAgB,WAAW,EAAE,UAAkB;CAC7C,OAAO,SAAU,OAAY;EAC3B,QAAA,GAAA,oBAAA,cAAA,UAAgB,OAAO,IAAI,SAAS,UAAU,CAAC,CAAC,OAAO,QAAQ;;;AAInE,SAAgB,YAAY,OAAqB;CAC/C,QAAA,GAAA,oBAAA,cAAA,UACW,MAAM,KAAK,iBAAiB,KAAK,MAAM,IAAI,QAAQ,KAAK,MAAM;;AAI3E,SAAgB,cAAc,OAAoB;CAChD,QAAA,GAAA,oBAAA,cAAA,UAAgB,MAAM,GAAG,MAAM,QAAQ,mBAAmB,GAAG,CAAC,MAAM,GAAG;;AAGzE,SAAgB,gBAAgB,OAAY,OAA0B;CACpE,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,EACjB,OAAO,QAAQ;MACV,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,EACxB,IAAI,OAAO,WACT,OAAO,OAAO,YACZ,OAAO,QAAQ,MAAM,CAAC,KAAK,CAAC,KAAK,WAAW,CAC1C,KACA,QAAQ,cACT,CAAC,CACH;MACI;EACL,IAAI,CAAC,OAAO,YAAY,OAAO;EAE/B,KAAK,MAAM,YAAY,MAAM,YAC3B,MAAM,aAAa;;CAKzB,OAAO;;AAGT,SAAgB,gBAAgB,OAAY;CAC1C,IAAI,IAAI,WAAW,MAAM,UAAU,CAAC;CACpC,MAAM,OAAO,MAAM,UAAU,CAAC,QAAQ,OAAO,EAAE,EAAE,GAAG;CAEpD,OAAO;EAAE;EAAM,UAAU,CAAC;EAAM;EAAO;;AAGzC,SAAgB,WAAW,QAAgB;CACzC,OAAO,SAAU,OAAmB,OAAY,eAAqB;EACnE,IAAIA,YAAAA,cAAc,MAAM,EAAE,OAAOC,YAAAA,kBAAkB,OAAO,CAAC,MAAM;EAEjE,MAAM,gBAAgB,GAAG,MAAM,GAAG;EAElC,IAAI,WAAW,OAAO,CAAC,cAAc,EACnC,OAAO,OAAO,OAAO,eAAgB;OAErC,OAAO,iBAAiB;;;AAK9B,SAAgB,WAAW,QAAgB;CACzC,OAAO,SAAU,UAA0B;EACzC,MAAM,QAAQ,OAAO,QAAQ;EAE7B,IAAI,SAAS,MAAM,EACjB,OAAO,WAAW,OAAO,CAAC,MAAM,QAAQ,UAAU,GAAG,CAAC,QAAQ,OAAO,GAAG,CAAC;OAEzE,OAAO;;;AAKb,SAAgB,aAAa,QAAgB;CAC3C,OAAO,SAAU,OAAmB,OAAY,eAAqB;EACnE,MAAM,gBAAgB,GAAG,MAAM,GAAG;EAElC,IAAI,WAAW,OAAO,CAAC,cAAc,EAAE;GACrC,MAAM,WAAW,OAAO,OAAO,eAAgB;GAE/C,OAAO,WAAW,OAAO,CAAC,SAAS;SAEnC,OAAO,iBAAiB;;;AAW9B,SAAS,iBAAiB,GAAc,GAAyB;CAC/D,OAAO,SAAU,OAAO,GAAG,MAAM;EAC/B,OAAO,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK;;;AAIxC,SAAgB,KAAK,GAAG,cAA2B;CACjD,OAAO,aAAa,OAAO,iBAAiB"}

package/dist/cjs/core/index.cjs

@@ -1,40 +1,37 @@
-const require_breakpoint = require('./system/breakpoint.cjs');
-const require_constant = require('./constant.cjs');
-const require_environment_provider = require('./system/environment-provider.cjs');
-const require_storage_manager = require('./system/storage-manager.cjs');
-const require_layer = require('./system/layer.cjs');
-const require_var = require('./system/var.cjs');
-const require_create_system = require('./system/create-system.cjs');
-const require_system_provider = require('./system/system-provider.cjs');
-const require_theme_provider = require('./system/theme-provider.cjs');
-const require_use_system_color_mode = require('./system/use-system-color-mode.cjs');
-const require_color_mode_provider = require('./system/color-mode-provider.cjs');
-const require_config = require('./system/config.cjs');
-const require_styled = require('./system/styled.cjs');
-const require_factory = require('./system/factory.cjs');
-const require_storage_script = require('./system/storage-script.cjs');
-const require_use_color_mode_value = require('./system/use-color-mode-value.cjs');
-require('./system/index.cjs');
-const require_utils = require('./css/utils.cjs');
-const require_animation = require('./css/animation.cjs');
-const require_color_mix = require('./css/color-mix.cjs');
-const require_conditions = require('./css/conditions.cjs');
-const require_display = require('./css/display.cjs');
-const require_focus_ring = require('./css/focus-ring.cjs');
-const require_gradient = require('./css/gradient.cjs');
-const require_config$1 = require('./css/config.cjs');
-const require_styles = require('./css/styles.cjs');
-const require_css = require('./css/css.cjs');
-const require_merge_css = require('./css/merge-css.cjs');
-const require_use_css = require('./css/use-css.cjs');
-const require_use_inject_vars = require('./css/use-inject-vars.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$1 = require('./components/utils.cjs');
-const require_create_component = require('./components/create-component.cjs');
-require('./components/index.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_breakpoint = require("./system/breakpoint.cjs");
+const require_constant = require("./constant.cjs");
+const require_environment_provider = require("./system/environment-provider.cjs");
+const require_storage_manager = require("./system/storage-manager.cjs");
+const require_layer = require("./system/layer.cjs");
+const require_var = require("./system/var.cjs");
+const require_create_system = require("./system/create-system.cjs");
+const require_system_provider = require("./system/system-provider.cjs");
+const require_theme_provider = require("./system/theme-provider.cjs");
+const require_use_system_color_mode = require("./system/use-system-color-mode.cjs");
+const require_color_mode_provider = require("./system/color-mode-provider.cjs");
+const require_config = require("./system/config.cjs");
+const require_styled = require("./system/styled.cjs");
+const require_factory = require("./system/factory.cjs");
+const require_storage_script = require("./system/storage-script.cjs");
+const require_use_color_mode_value = require("./system/use-color-mode-value.cjs");
+const require_utils = require("./css/utils.cjs");
+const require_animation = require("./css/animation.cjs");
+const require_color_mix = require("./css/color-mix.cjs");
+const require_conditions = require("./css/conditions.cjs");
+const require_display = require("./css/display.cjs");
+const require_focus_ring = require("./css/focus-ring.cjs");
+const require_gradient = require("./css/gradient.cjs");
+const require_config$1 = require("./css/config.cjs");
+const require_styles = require("./css/styles.cjs");
+const require_css = require("./css/css.cjs");
+const require_merge_css = require("./css/merge-css.cjs");
+const require_use_css = require("./css/use-css.cjs");
+const require_use_inject_vars = require("./css/use-inject-vars.cjs");
+const require_props = require("./components/props.cjs");
+const require_use_component_style = require("./components/use-component-style.cjs");
+const require_utils$1 = require("./components/utils.cjs");
+const require_create_component = require("./components/create-component.cjs");
 exports.COLOR_MODE_STORAGE_KEY = require_constant.COLOR_MODE_STORAGE_KEY;
 exports.ColorModeContext = require_color_mode_provider.ColorModeContext;
 exports.ColorModeProvider = require_color_mode_provider.ColorModeProvider;
@@ -166,4 +163,4 @@ exports.useTheme = require_theme_provider.useTheme;
 exports.varAttr = require_var.varAttr;
 exports.varToValue = require_utils.varToValue;
 exports.variableLengthProperties = require_styles.variableLengthProperties;
-exports.zIndexProperties = require_styles.zIndexProperties;
+exports.zIndexProperties = require_styles.zIndexProperties;

package/dist/cjs/core/system/breakpoint.cjs

@@ -1,5 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
 //#region src/core/system/breakpoint.ts
 function createQuery(min, max, identifier = "@media screen") {
 	const query = [identifier];
@@ -71,7 +70,7 @@ function createBreakpoints(breakpoints = {}, config = {}) {
 		queriesObj
 	};
 }
-
 //#endregion
 exports.createBreakpoints = createBreakpoints;
+
 //# sourceMappingURL=breakpoint.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.cjs","names":[],"sources":["../../../../src/core/system/breakpoint.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type {\n  Breakpoint,\n  BreakpointConfig,\n  DefineThemeBreakpointTokens,\n} from \"./index.types\"\nimport { getPx, isObject } from \"../../utils\"\n\ninterface BreakpointQuery {\n  breakpoint: Breakpoint\n  maxW: number | undefined\n  maxWQuery: string | undefined\n  minMaxQuery: string | undefined\n  minW: number | undefined\n  minWQuery: string | undefined\n  query: string | undefined\n}\n\nexport interface Breakpoints {\n  keys: Breakpoint[]\n  queries: BreakpointQuery[]\n  queriesObj: { [key: string]: BreakpointQuery }\n  getQuery: (key: string) => string | undefined\n  isResponsive: (obj: any, strict?: boolean) => boolean\n  isResponsiveKey: (key: string) => boolean\n}\n\nfunction createQuery(\n  min: number | undefined,\n  max: number | undefined,\n  identifier = \"@media screen\",\n): string | undefined {\n  const query = [identifier]\n\n  if (min) query.push(\"and\", `(min-width: ${min}px)`)\n  if (max) query.push(\"and\", `(max-width: ${max}px)`)\n\n  return query.length > 1\n    ? query.join(\" \").replace(/^@container(\\s+\\w*)?\\s+and/, `@container$1`)\n    : undefined\n}\n\nfunction createQueries(breakpoints: Dict<number>, config: BreakpointConfig) {\n  const { direction, identifier } = config\n  const down = direction !== \"up\"\n\n  const queryEntries = Object.entries(breakpoints)\n    .map(([breakpoint, width], i, entry) => {\n      const [, relatedWidth] = entry[i + 1] ?? []\n      let minW = down ? relatedWidth : width\n      let maxW = down ? width : relatedWidth\n\n      if (breakpoint === \"base\") {\n        if (down) {\n          maxW = undefined\n        } else {\n          minW = undefined\n        }\n      }\n\n      if (down) {\n        if (minW) minW += 1\n      } else {\n        if (maxW) maxW -= 1\n      }\n\n      const maxWQuery = createQuery(undefined, maxW, identifier)\n      const minWQuery = createQuery(minW, undefined, identifier)\n      const minMaxQuery = createQuery(minW, maxW, identifier)\n      const query = down ? maxWQuery : minWQuery\n\n      return [\n        breakpoint,\n        {\n          breakpoint: breakpoint as Breakpoint,\n          maxW,\n          maxWQuery,\n          minMaxQuery,\n          minW,\n          minWQuery,\n          query,\n        },\n      ] as const\n    })\n    .sort((a, b) =>\n      down\n        ? (b[1].maxW ?? Infinity) - (a[1].maxW ?? Infinity)\n        : (a[1].minW ?? 0) - (b[1].minW ?? 0),\n    )\n\n  const queries = queryEntries.map(([_, query]) => query)\n  const queriesObj = Object.fromEntries(queryEntries)\n\n  return { queries, queriesObj }\n}\n\nfunction transformBreakpoints(\n  breakpoints: Dict,\n  config: BreakpointConfig,\n): Dict {\n  return Object.fromEntries(\n    Object.entries(breakpoints)\n      .map(([name, value]) => [name, getPx(value)] as const)\n      .sort((a, b) => {\n        if (config.direction !== \"up\") {\n          return b[1] - a[1]\n        } else {\n          return a[1] - b[1]\n        }\n      }),\n  )\n}\n\nexport function createBreakpoints(\n  breakpoints: DefineThemeBreakpointTokens = {},\n  config: BreakpointConfig = {},\n): Breakpoints {\n  config.base ??= \"9999px\"\n  config.direction ??= \"down\"\n\n  breakpoints.base = config.direction !== \"up\" ? config.base : \"0px\"\n\n  const transformedBreakpoints = transformBreakpoints(breakpoints, config)\n  const { queries, queriesObj } = createQueries(transformedBreakpoints, config)\n  const keys = Object.keys(queriesObj) as Breakpoint[]\n\n  function isResponsive(obj: any, strict = false) {\n    if (!isObject(obj)) return false\n\n    const providedKeys = Object.keys(obj) as Breakpoint[]\n\n    if (!providedKeys.length) return false\n\n    if (strict && !providedKeys.includes(\"base\")) return false\n\n    return providedKeys.every((key) => keys.includes(key))\n  }\n\n  function isResponsiveKey(key: string) {\n    return key in queriesObj\n  }\n\n  function getQuery(key: string) {\n    return key in queriesObj ? queriesObj[key]?.query : undefined\n  }\n\n  return {\n    getQuery,\n    isResponsive,\n    isResponsiveKey,\n    keys,\n    queries,\n    queriesObj,\n  }\n}\n"],"mappings":";;;AA2BA,SAAS,YACP,KACA,KACA,aAAa,iBACO;CACpB,MAAM,QAAQ,CAAC,WAAW;AAE1B,KAAI,IAAK,OAAM,KAAK,OAAO,eAAe,IAAI,KAAK;AACnD,KAAI,IAAK,OAAM,KAAK,OAAO,eAAe,IAAI,KAAK;AAEnD,QAAO,MAAM,SAAS,IAClB,MAAM,KAAK,IAAI,CAAC,QAAQ,8BAA8B,eAAe,GACrE;;AAGN,SAAS,cAAc,aAA2B,QAA0B;CAC1E,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OAAO,cAAc;CAE3B,MAAM,eAAe,OAAO,QAAQ,YAAY,CAC7C,KAAK,CAAC,YAAY,QAAQ,GAAG,UAAU;EACtC,MAAM,GAAG,gBAAgB,MAAM,IAAI,MAAM,EAAE;EAC3C,IAAI,OAAO,OAAO,eAAe;EACjC,IAAI,OAAO,OAAO,QAAQ;AAE1B,MAAI,eAAe,OACjB,KAAI,KACF,QAAO;MAEP,QAAO;AAIX,MAAI,MACF;OAAI,KAAM,SAAQ;aAEd,KAAM,SAAQ;EAGpB,MAAM,YAAY,YAAY,QAAW,MAAM,WAAW;EAC1D,MAAM,YAAY,YAAY,MAAM,QAAW,WAAW;EAC1D,MAAM,cAAc,YAAY,MAAM,MAAM,WAAW;AAGvD,SAAO,CACL,YACA;GACc;GACZ;GACA;GACA;GACA;GACA;GACA,OAXU,OAAO,YAAY;GAY9B,CACF;GACD,CACD,MAAM,GAAG,MACR,QACK,EAAE,GAAG,QAAQ,aAAa,EAAE,GAAG,QAAQ,aACvC,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,QAAQ,GACtC;AAKH,QAAO;EAAE,SAHO,aAAa,KAAK,CAAC,GAAG,WAAW,MAAM;EAGrC,YAFC,OAAO,YAAY,aAAa;EAErB;;AAGhC,SAAS,qBACP,aACA,QACM;AACN,QAAO,OAAO,YACZ,OAAO,QAAQ,YAAY,CACxB,KAAK,CAAC,MAAM,WAAW,CAAC,mDAAY,MAAM,CAAC,CAAU,CACrD,MAAM,GAAG,MAAM;AACd,MAAI,OAAO,cAAc,KACvB,QAAO,EAAE,KAAK,EAAE;MAEhB,QAAO,EAAE,KAAK,EAAE;GAElB,CACL;;AAGH,SAAgB,kBACd,cAA2C,EAAE,EAC7C,SAA2B,EAAE,EAChB;AACb,QAAO,SAAS;AAChB,QAAO,cAAc;AAErB,aAAY,OAAO,OAAO,cAAc,OAAO,OAAO,OAAO;CAG7D,MAAM,EAAE,SAAS,eAAe,cADD,qBAAqB,aAAa,OAAO,EACF,OAAO;CAC7E,MAAM,OAAO,OAAO,KAAK,WAAW;CAEpC,SAAS,aAAa,KAAU,SAAS,OAAO;AAC9C,MAAI,iDAAU,IAAI,CAAE,QAAO;EAE3B,MAAM,eAAe,OAAO,KAAK,IAAI;AAErC,MAAI,CAAC,aAAa,OAAQ,QAAO;AAEjC,MAAI,UAAU,CAAC,aAAa,SAAS,OAAO,CAAE,QAAO;AAErD,SAAO,aAAa,OAAO,QAAQ,KAAK,SAAS,IAAI,CAAC;;CAGxD,SAAS,gBAAgB,KAAa;AACpC,SAAO,OAAO;;CAGhB,SAAS,SAAS,KAAa;AAC7B,SAAO,OAAO,aAAa,WAAW,MAAM,QAAQ;;AAGtD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"breakpoint.cjs","names":[],"sources":["../../../../src/core/system/breakpoint.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type {\n  Breakpoint,\n  BreakpointConfig,\n  DefineThemeBreakpointTokens,\n} from \"./index.types\"\nimport { getPx, isObject } from \"../../utils\"\n\ninterface BreakpointQuery {\n  breakpoint: Breakpoint\n  maxW: number | undefined\n  maxWQuery: string | undefined\n  minMaxQuery: string | undefined\n  minW: number | undefined\n  minWQuery: string | undefined\n  query: string | undefined\n}\n\nexport interface Breakpoints {\n  keys: Breakpoint[]\n  queries: BreakpointQuery[]\n  queriesObj: { [key: string]: BreakpointQuery }\n  getQuery: (key: string) => string | undefined\n  isResponsive: (obj: any, strict?: boolean) => boolean\n  isResponsiveKey: (key: string) => boolean\n}\n\nfunction createQuery(\n  min: number | undefined,\n  max: number | undefined,\n  identifier = \"@media screen\",\n): string | undefined {\n  const query = [identifier]\n\n  if (min) query.push(\"and\", `(min-width: ${min}px)`)\n  if (max) query.push(\"and\", `(max-width: ${max}px)`)\n\n  return query.length > 1\n    ? query.join(\" \").replace(/^@container(\\s+\\w*)?\\s+and/, `@container$1`)\n    : undefined\n}\n\nfunction createQueries(breakpoints: Dict<number>, config: BreakpointConfig) {\n  const { direction, identifier } = config\n  const down = direction !== \"up\"\n\n  const queryEntries = Object.entries(breakpoints)\n    .map(([breakpoint, width], i, entry) => {\n      const [, relatedWidth] = entry[i + 1] ?? []\n      let minW = down ? relatedWidth : width\n      let maxW = down ? width : relatedWidth\n\n      if (breakpoint === \"base\") {\n        if (down) {\n          maxW = undefined\n        } else {\n          minW = undefined\n        }\n      }\n\n      if (down) {\n        if (minW) minW += 1\n      } else {\n        if (maxW) maxW -= 1\n      }\n\n      const maxWQuery = createQuery(undefined, maxW, identifier)\n      const minWQuery = createQuery(minW, undefined, identifier)\n      const minMaxQuery = createQuery(minW, maxW, identifier)\n      const query = down ? maxWQuery : minWQuery\n\n      return [\n        breakpoint,\n        {\n          breakpoint: breakpoint as Breakpoint,\n          maxW,\n          maxWQuery,\n          minMaxQuery,\n          minW,\n          minWQuery,\n          query,\n        },\n      ] as const\n    })\n    .sort((a, b) =>\n      down\n        ? (b[1].maxW ?? Infinity) - (a[1].maxW ?? Infinity)\n        : (a[1].minW ?? 0) - (b[1].minW ?? 0),\n    )\n\n  const queries = queryEntries.map(([_, query]) => query)\n  const queriesObj = Object.fromEntries(queryEntries)\n\n  return { queries, queriesObj }\n}\n\nfunction transformBreakpoints(\n  breakpoints: Dict,\n  config: BreakpointConfig,\n): Dict {\n  return Object.fromEntries(\n    Object.entries(breakpoints)\n      .map(([name, value]) => [name, getPx(value)] as const)\n      .sort((a, b) => {\n        if (config.direction !== \"up\") {\n          return b[1] - a[1]\n        } else {\n          return a[1] - b[1]\n        }\n      }),\n  )\n}\n\nexport function createBreakpoints(\n  breakpoints: DefineThemeBreakpointTokens = {},\n  config: BreakpointConfig = {},\n): Breakpoints {\n  config.base ??= \"9999px\"\n  config.direction ??= \"down\"\n\n  breakpoints.base = config.direction !== \"up\" ? config.base : \"0px\"\n\n  const transformedBreakpoints = transformBreakpoints(breakpoints, config)\n  const { queries, queriesObj } = createQueries(transformedBreakpoints, config)\n  const keys = Object.keys(queriesObj) as Breakpoint[]\n\n  function isResponsive(obj: any, strict = false) {\n    if (!isObject(obj)) return false\n\n    const providedKeys = Object.keys(obj) as Breakpoint[]\n\n    if (!providedKeys.length) return false\n\n    if (strict && !providedKeys.includes(\"base\")) return false\n\n    return providedKeys.every((key) => keys.includes(key))\n  }\n\n  function isResponsiveKey(key: string) {\n    return key in queriesObj\n  }\n\n  function getQuery(key: string) {\n    return key in queriesObj ? queriesObj[key]?.query : undefined\n  }\n\n  return {\n    getQuery,\n    isResponsive,\n    isResponsiveKey,\n    keys,\n    queries,\n    queriesObj,\n  }\n}\n"],"mappings":";;AA2BA,SAAS,YACP,KACA,KACA,aAAa,iBACO;CACpB,MAAM,QAAQ,CAAC,WAAW;CAE1B,IAAI,KAAK,MAAM,KAAK,OAAO,eAAe,IAAI,KAAK;CACnD,IAAI,KAAK,MAAM,KAAK,OAAO,eAAe,IAAI,KAAK;CAEnD,OAAO,MAAM,SAAS,IAClB,MAAM,KAAK,IAAI,CAAC,QAAQ,8BAA8B,eAAe,GACrE,KAAA;;AAGN,SAAS,cAAc,aAA2B,QAA0B;CAC1E,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OAAO,cAAc;CAE3B,MAAM,eAAe,OAAO,QAAQ,YAAY,CAC7C,KAAK,CAAC,YAAY,QAAQ,GAAG,UAAU;EACtC,MAAM,GAAG,gBAAgB,MAAM,IAAI,MAAM,EAAE;EAC3C,IAAI,OAAO,OAAO,eAAe;EACjC,IAAI,OAAO,OAAO,QAAQ;EAE1B,IAAI,eAAe,QACjB,IAAI,MACF,OAAO,KAAA;OAEP,OAAO,KAAA;EAIX,IAAI;OACE,MAAM,QAAQ;SAElB,IAAI,MAAM,QAAQ;EAGpB,MAAM,YAAY,YAAY,KAAA,GAAW,MAAM,WAAW;EAC1D,MAAM,YAAY,YAAY,MAAM,KAAA,GAAW,WAAW;EAC1D,MAAM,cAAc,YAAY,MAAM,MAAM,WAAW;EAGvD,OAAO,CACL,YACA;GACc;GACZ;GACA;GACA;GACA;GACA;GACA,OAXU,OAAO,YAAY;GAY9B,CACF;GACD,CACD,MAAM,GAAG,MACR,QACK,EAAE,GAAG,QAAQ,aAAa,EAAE,GAAG,QAAQ,aACvC,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,QAAQ,GACtC;CAKH,OAAO;EAAE,SAHO,aAAa,KAAK,CAAC,GAAG,WAAW,MAGjC;EAAE,YAFC,OAAO,YAAY,aAEV;EAAE;;AAGhC,SAAS,qBACP,aACA,QACM;CACN,OAAO,OAAO,YACZ,OAAO,QAAQ,YAAY,CACxB,KAAK,CAAC,MAAM,WAAW,CAAC,OAAA,GAAA,oBAAA,cAAA,OAAY,MAAM,CAAC,CAAU,CACrD,MAAM,GAAG,MAAM;EACd,IAAI,OAAO,cAAc,MACvB,OAAO,EAAE,KAAK,EAAE;OAEhB,OAAO,EAAE,KAAK,EAAE;GAElB,CACL;;AAGH,SAAgB,kBACd,cAA2C,EAAE,EAC7C,SAA2B,EAAE,EAChB;CACb,OAAO,SAAS;CAChB,OAAO,cAAc;CAErB,YAAY,OAAO,OAAO,cAAc,OAAO,OAAO,OAAO;CAG7D,MAAM,EAAE,SAAS,eAAe,cADD,qBAAqB,aAAa,OACG,EAAE,OAAO;CAC7E,MAAM,OAAO,OAAO,KAAK,WAAW;CAEpC,SAAS,aAAa,KAAU,SAAS,OAAO;EAC9C,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,IAAI,EAAE,OAAO;EAE3B,MAAM,eAAe,OAAO,KAAK,IAAI;EAErC,IAAI,CAAC,aAAa,QAAQ,OAAO;EAEjC,IAAI,UAAU,CAAC,aAAa,SAAS,OAAO,EAAE,OAAO;EAErD,OAAO,aAAa,OAAO,QAAQ,KAAK,SAAS,IAAI,CAAC;;CAGxD,SAAS,gBAAgB,KAAa;EACpC,OAAO,OAAO;;CAGhB,SAAS,SAAS,KAAa;EAC7B,OAAO,OAAO,aAAa,WAAW,MAAM,QAAQ,KAAA;;CAGtD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACD"}

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

@@ -1,15 +1,13 @@
 "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_theme_provider = require('./theme-provider.cjs');
-const require_use_system_color_mode = require('./use-system-color-mode.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_theme_provider = require("./theme-provider.cjs");
+const require_use_system_color_mode = require("./use-system-color-mode.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/core/system/color-mode-provider.tsx
 const ColorModeContext = (0, react.createContext)({
 	changeColorMode: require_utils_index.utils_exports.noop,
@@ -29,20 +27,20 @@ const ColorModeProvider = ({ children, colorMode: forcedColorMode, config: { def
 	const { getDocument } = environment;
 	const [internalColorMode, setInternalColorMode] = (0, react.useState)(storageManager.get());
 	const { getSystemColorMode, systemColorMode } = require_use_system_color_mode.useSystemColorMode({
-		callback: (systemColorMode$1) => {
+		callback: (systemColorMode) => {
 			if (internalColorMode !== "system") return;
-			setClassName(systemColorMode$1 === "dark");
-			setDataset(systemColorMode$1);
+			setClassName(systemColorMode === "dark");
+			setDataset(systemColorMode);
 		},
 		defaultColorMode: storageManager.default(defaultColorMode === "dark" ? "dark" : "light")
 	});
 	const colorMode = internalColorMode === "system" ? systemColorMode : internalColorMode;
-	const setDataset = (0, react.useCallback)((colorMode$1) => {
+	const setDataset = (0, react.useCallback)((colorMode) => {
 		const doc = getDocument();
 		if (!doc) return;
 		const cleanup = disableTransitionOnChange ? require_theme_provider.getPreventTransition(environment) : void 0;
-		doc.documentElement.dataset.mode = colorMode$1;
-		doc.documentElement.style.colorScheme = colorMode$1;
+		doc.documentElement.dataset.mode = colorMode;
+		doc.documentElement.style.colorScheme = colorMode;
 		cleanup?.();
 	}, [
 		disableTransitionOnChange,
@@ -55,12 +53,12 @@ const ColorModeProvider = ({ children, colorMode: forcedColorMode, config: { def
 		doc.body.classList.add(isDark ? "dark" : "light");
 		doc.body.classList.remove(isDark ? "light" : "dark");
 	}, [getDocument]);
-	const changeColorMode = (0, react.useCallback)((internalColorMode$1) => {
-		const colorMode$1 = internalColorMode$1 === "system" ? getSystemColorMode() : internalColorMode$1;
-		setInternalColorMode(internalColorMode$1);
-		setClassName(colorMode$1 === "dark");
-		setDataset(colorMode$1);
-		storageManager.set(internalColorMode$1);
+	const changeColorMode = (0, react.useCallback)((internalColorMode) => {
+		const colorMode = internalColorMode === "system" ? getSystemColorMode() : internalColorMode;
+		setInternalColorMode(internalColorMode);
+		setClassName(colorMode === "dark");
+		setDataset(colorMode);
+		storageManager.set(internalColorMode);
 	}, [
 		storageManager,
 		getSystemColorMode,
@@ -106,9 +104,9 @@ const useColorMode = () => {
 	};
 	else return context;
 };
-
 //#endregion
 exports.ColorModeContext = ColorModeContext;
 exports.ColorModeProvider = ColorModeProvider;
 exports.useColorMode = useColorMode;
+
 //# sourceMappingURL=color-mode-provider.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"color-mode-provider.cjs","names":["ColorModeProvider: FC<ColorModeProviderProps>","COLOR_MODE_STORAGE_KEY","createStorageManager","useEnvironment","useSystemColorMode","systemColorMode","getPreventTransition","colorMode","internalColorMode"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isEmptyObject, noop } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY } from \"../constant\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { getPreventTransition } from \"./theme-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\ninterface ColorModeContext {\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nexport const ColorModeContext = createContext<ColorModeContext>({\n  changeColorMode: noop,\n  colorMode: \"light\",\n  forced: false,\n  internalColorMode: \"light\",\n  toggleColorMode: noop,\n})\n\nexport interface ColorModeProviderProps extends PropsWithChildren {\n  /**\n   * The forced color mode.\n   */\n  colorMode?: ColorMode\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * The key of the value saved in storage.\n   *\n   * @default 'color-mode'\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = COLOR_MODE_STORAGE_KEY,\n}) => {\n  const storageManager = useMemo(\n    () =>\n      createStorageManager<ColorModeWithSystem, ColorMode>(\n        storage,\n        storageKey,\n        defaultColorMode,\n        cookie,\n      ),\n    [cookie, defaultColorMode, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const { getDocument } = environment\n  const [internalColorMode, setInternalColorMode] =\n    useState<ColorModeWithSystem>(storageManager.get())\n  const { getSystemColorMode, systemColorMode } = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (internalColorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n    defaultColorMode: storageManager.default(\n      defaultColorMode === \"dark\" ? \"dark\" : \"light\",\n    ),\n  })\n  const colorMode =\n    internalColorMode === \"system\" ? systemColorMode : internalColorMode\n\n  const setDataset = useCallback(\n    (colorMode: ColorMode) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      doc.documentElement.dataset.mode = colorMode\n      doc.documentElement.style.colorScheme = colorMode\n\n      cleanup?.()\n    },\n    [disableTransitionOnChange, environment, getDocument],\n  )\n\n  const setClassName = useCallback(\n    (isDark: boolean) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      doc.body.classList.add(isDark ? \"dark\" : \"light\")\n      doc.body.classList.remove(isDark ? \"light\" : \"dark\")\n    },\n    [getDocument],\n  )\n\n  const changeColorMode = useCallback(\n    (internalColorMode: ColorModeWithSystem) => {\n      const colorMode =\n        internalColorMode === \"system\"\n          ? getSystemColorMode()\n          : internalColorMode\n\n      setInternalColorMode(internalColorMode)\n      setClassName(colorMode === \"dark\")\n      setDataset(colorMode)\n\n      storageManager.set(internalColorMode)\n    },\n    [storageManager, getSystemColorMode, setClassName, setDataset],\n  )\n\n  const toggleColorMode = useCallback(() => {\n    changeColorMode(colorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, colorMode])\n\n  useEffect(() => {\n    const internalColorMode = storageManager.get()\n\n    changeColorMode(internalColorMode)\n  }, [changeColorMode, storageManager])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? colorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      colorMode,\n      internalColorMode,\n      changeColorMode,\n      toggleColorMode,\n    ],\n  )\n\n  return <ColorModeContext value={context}>{children}</ColorModeContext>\n}\n\n/**\n * `useColorMode` is a custom hook that returns the current color mode.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode\n */\nexport const useColorMode = (): ColorModeContext => {\n  const context = use(ColorModeContext)\n\n  if (isEmptyObject(context)) {\n    return {\n      changeColorMode: noop,\n      colorMode: \"light\",\n      forced: false,\n      internalColorMode: \"light\",\n      toggleColorMode: noop,\n    }\n  } else {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA4BA,MAAa,4CAAmD;CAC9D,mDAAiB;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,mDAAiB;CAClB,CAAC;AA+BF,MAAaA,qBAAiD,EAC5D,UACA,WAAW,iBACX,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,SAC1B,EAAE,EACN,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAaC,8CACT;CACJ,MAAM,0CAEFC,6CACE,SACA,YACA,kBACA,OACD,EACH;EAAC;EAAQ;EAAkB;EAAS;EAAW,CAChD;CACD,MAAM,cAAcC,6CAAgB;CACpC,MAAM,EAAE,gBAAgB;CACxB,MAAM,CAAC,mBAAmB,4CACM,eAAe,KAAK,CAAC;CACrD,MAAM,EAAE,oBAAoB,oBAAoBC,iDAAmB;EACjE,WAAW,sBAAoB;AAC7B,OAAI,sBAAsB,SAAU;AAEpC,gBAAaC,sBAAoB,OAAO;AACxC,cAAWA,kBAAgB;;EAE7B,kBAAkB,eAAe,QAC/B,qBAAqB,SAAS,SAAS,QACxC;EACF,CAAC;CACF,MAAM,YACJ,sBAAsB,WAAW,kBAAkB;CAErD,MAAM,qCACH,gBAAyB;EACxB,MAAM,MAAM,aAAa;AAEzB,MAAI,CAAC,IAAK;EAEV,MAAM,UAAU,4BACZC,4CAAqB,YAAY,GACjC;AAEJ,MAAI,gBAAgB,QAAQ,OAAOC;AACnC,MAAI,gBAAgB,MAAM,cAAcA;AAExC,aAAW;IAEb;EAAC;EAA2B;EAAa;EAAY,CACtD;CAED,MAAM,uCACH,WAAoB;EACnB,MAAM,MAAM,aAAa;AAEzB,MAAI,CAAC,IAAK;AAEV,MAAI,KAAK,UAAU,IAAI,SAAS,SAAS,QAAQ;AACjD,MAAI,KAAK,UAAU,OAAO,SAAS,UAAU,OAAO;IAEtD,CAAC,YAAY,CACd;CAED,MAAM,0CACH,wBAA2C;EAC1C,MAAMA,cACJC,wBAAsB,WAClB,oBAAoB,GACpBA;AAEN,uBAAqBA,oBAAkB;AACvC,eAAaD,gBAAc,OAAO;AAClC,aAAWA,YAAU;AAErB,iBAAe,IAAIC,oBAAkB;IAEvC;EAAC;EAAgB;EAAoB;EAAc;EAAW,CAC/D;CAED,MAAM,+CAAoC;AACxC,kBAAgB,cAAc,SAAS,UAAU,OAAO;IACvD,CAAC,iBAAiB,UAAU,CAAC;AAEhC,4BAAgB;AAGd,kBAF0B,eAAe,KAAK,CAEZ;IACjC,CAAC,iBAAiB,eAAe,CAAC;AAmBrC,QAAO,2CAAC;EAAiB,iCAhBhB;GACL,iBAAiB,oDAAkB,OAAO;GAC1C,WAAW,mBAAmB;GAC9B,QAAQ,oBAAoB;GAC5B;GACA,iBAAiB,oDAAkB,OAAO;GAC3C,GACD;GACE;GACA;GACA;GACA;GACA;GACD,CACF;EAEyC;GAA4B;;;;;;;AAQxE,MAAa,qBAAuC;CAClD,MAAM,yBAAc,iBAAiB;AAErC,0DAAkB,QAAQ,CACxB,QAAO;EACL,mDAAiB;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,mDAAiB;EAClB;KAED,QAAO"}
+{"version":3,"file":"color-mode-provider.cjs","names":["COLOR_MODE_STORAGE_KEY","createStorageManager","useEnvironment","useSystemColorMode","getPreventTransition"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isEmptyObject, noop } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY } from \"../constant\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { getPreventTransition } from \"./theme-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\ninterface ColorModeContext {\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nexport const ColorModeContext = createContext<ColorModeContext>({\n  changeColorMode: noop,\n  colorMode: \"light\",\n  forced: false,\n  internalColorMode: \"light\",\n  toggleColorMode: noop,\n})\n\nexport interface ColorModeProviderProps extends PropsWithChildren {\n  /**\n   * The forced color mode.\n   */\n  colorMode?: ColorMode\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * The key of the value saved in storage.\n   *\n   * @default 'color-mode'\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = COLOR_MODE_STORAGE_KEY,\n}) => {\n  const storageManager = useMemo(\n    () =>\n      createStorageManager<ColorModeWithSystem, ColorMode>(\n        storage,\n        storageKey,\n        defaultColorMode,\n        cookie,\n      ),\n    [cookie, defaultColorMode, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const { getDocument } = environment\n  const [internalColorMode, setInternalColorMode] =\n    useState<ColorModeWithSystem>(storageManager.get())\n  const { getSystemColorMode, systemColorMode } = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (internalColorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n    defaultColorMode: storageManager.default(\n      defaultColorMode === \"dark\" ? \"dark\" : \"light\",\n    ),\n  })\n  const colorMode =\n    internalColorMode === \"system\" ? systemColorMode : internalColorMode\n\n  const setDataset = useCallback(\n    (colorMode: ColorMode) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      doc.documentElement.dataset.mode = colorMode\n      doc.documentElement.style.colorScheme = colorMode\n\n      cleanup?.()\n    },\n    [disableTransitionOnChange, environment, getDocument],\n  )\n\n  const setClassName = useCallback(\n    (isDark: boolean) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      doc.body.classList.add(isDark ? \"dark\" : \"light\")\n      doc.body.classList.remove(isDark ? \"light\" : \"dark\")\n    },\n    [getDocument],\n  )\n\n  const changeColorMode = useCallback(\n    (internalColorMode: ColorModeWithSystem) => {\n      const colorMode =\n        internalColorMode === \"system\"\n          ? getSystemColorMode()\n          : internalColorMode\n\n      setInternalColorMode(internalColorMode)\n      setClassName(colorMode === \"dark\")\n      setDataset(colorMode)\n\n      storageManager.set(internalColorMode)\n    },\n    [storageManager, getSystemColorMode, setClassName, setDataset],\n  )\n\n  const toggleColorMode = useCallback(() => {\n    changeColorMode(colorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, colorMode])\n\n  useEffect(() => {\n    const internalColorMode = storageManager.get()\n\n    changeColorMode(internalColorMode)\n  }, [changeColorMode, storageManager])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? colorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      colorMode,\n      internalColorMode,\n      changeColorMode,\n      toggleColorMode,\n    ],\n  )\n\n  return <ColorModeContext value={context}>{children}</ColorModeContext>\n}\n\n/**\n * `useColorMode` is a custom hook that returns the current color mode.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode\n */\nexport const useColorMode = (): ColorModeContext => {\n  const context = use(ColorModeContext)\n\n  if (isEmptyObject(context)) {\n    return {\n      changeColorMode: noop,\n      colorMode: \"light\",\n      forced: false,\n      internalColorMode: \"light\",\n      toggleColorMode: noop,\n    }\n  } else {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;;AA4BA,MAAa,oBAAA,GAAA,MAAA,eAAmD;CAC9D,iBAAA,oBAAA,cAAiB;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,iBAAA,oBAAA,cAAiB;CAClB,CAAC;AA+BF,MAAa,qBAAiD,EAC5D,UACA,WAAW,iBACX,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,SAC1B,EAAE,EACN,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAaA,iBAAAA,6BACT;CACJ,MAAM,kBAAA,GAAA,MAAA,eAEFC,wBAAAA,qBACE,SACA,YACA,kBACA,OACD,EACH;EAAC;EAAQ;EAAkB;EAAS;EAAW,CAChD;CACD,MAAM,cAAcC,6BAAAA,gBAAgB;CACpC,MAAM,EAAE,gBAAgB;CACxB,MAAM,CAAC,mBAAmB,yBAAA,GAAA,MAAA,UACM,eAAe,KAAK,CAAC;CACrD,MAAM,EAAE,oBAAoB,oBAAoBC,8BAAAA,mBAAmB;EACjE,WAAW,oBAAoB;GAC7B,IAAI,sBAAsB,UAAU;GAEpC,aAAa,oBAAoB,OAAO;GACxC,WAAW,gBAAgB;;EAE7B,kBAAkB,eAAe,QAC/B,qBAAqB,SAAS,SAAS,QACxC;EACF,CAAC;CACF,MAAM,YACJ,sBAAsB,WAAW,kBAAkB;CAErD,MAAM,cAAA,GAAA,MAAA,cACH,cAAyB;EACxB,MAAM,MAAM,aAAa;EAEzB,IAAI,CAAC,KAAK;EAEV,MAAM,UAAU,4BACZC,uBAAAA,qBAAqB,YAAY,GACjC,KAAA;EAEJ,IAAI,gBAAgB,QAAQ,OAAO;EACnC,IAAI,gBAAgB,MAAM,cAAc;EAExC,WAAW;IAEb;EAAC;EAA2B;EAAa;EAAY,CACtD;CAED,MAAM,gBAAA,GAAA,MAAA,cACH,WAAoB;EACnB,MAAM,MAAM,aAAa;EAEzB,IAAI,CAAC,KAAK;EAEV,IAAI,KAAK,UAAU,IAAI,SAAS,SAAS,QAAQ;EACjD,IAAI,KAAK,UAAU,OAAO,SAAS,UAAU,OAAO;IAEtD,CAAC,YAAY,CACd;CAED,MAAM,mBAAA,GAAA,MAAA,cACH,sBAA2C;EAC1C,MAAM,YACJ,sBAAsB,WAClB,oBAAoB,GACpB;EAEN,qBAAqB,kBAAkB;EACvC,aAAa,cAAc,OAAO;EAClC,WAAW,UAAU;EAErB,eAAe,IAAI,kBAAkB;IAEvC;EAAC;EAAgB;EAAoB;EAAc;EAAW,CAC/D;CAED,MAAM,mBAAA,GAAA,MAAA,mBAAoC;EACxC,gBAAgB,cAAc,SAAS,UAAU,OAAO;IACvD,CAAC,iBAAiB,UAAU,CAAC;CAEhC,CAAA,GAAA,MAAA,iBAAgB;EAGd,gBAF0B,eAAe,KAER,CAAC;IACjC,CAAC,iBAAiB,eAAe,CAAC;CAmBrC,OAAO,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBAhBhB;GACL,iBAAiB,kBAAA,oBAAA,cAAkB,OAAO;GAC1C,WAAW,mBAAmB;GAC9B,QAAQ,oBAAoB,KAAA;GAC5B;GACA,iBAAiB,kBAAA,oBAAA,cAAkB,OAAO;GAC3C,GACD;GACE;GACA;GACA;GACA;GACA;GACD,CAGoC;EAAG;EAA4B,CAAA;;;;;;;AAQxE,MAAa,qBAAuC;CAClD,MAAM,WAAA,GAAA,MAAA,KAAc,iBAAiB;CAErC,KAAA,GAAA,oBAAA,cAAA,eAAkB,QAAQ,EACxB,OAAO;EACL,iBAAA,oBAAA,cAAiB;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,iBAAA,oBAAA,cAAiB;EAClB;MAED,OAAO"}

package/dist/cjs/core/system/config.cjs

@@ -1,4 +1,3 @@
-
 //#region src/core/system/config.ts
 const defineConfig = (value) => value;
 const defineComponentStyle = (value) => value;
@@ -99,7 +98,6 @@ const defineSemanticTokens = {
 };
 const defineThemeSchemes = (value) => value;
 const defineTheme = (value) => value;
-
 //#endregion
 exports.defineComponentSlotStyle = defineComponentSlotStyle;
 exports.defineComponentStyle = defineComponentStyle;
@@ -109,4 +107,5 @@ exports.defineStyles = defineStyles;
 exports.defineTheme = defineTheme;
 exports.defineThemeSchemes = defineThemeSchemes;
 exports.defineTokens = defineTokens;
+
 //# sourceMappingURL=config.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.cjs","names":["defineConfig: DefineConfig","defineComponentStyle: DefineComponentStyle","defineComponentSlotStyle: DefineComponentSlotStyle","defineGlobalStyle: DefineStyle","defineResetStyle: DefineStyle","defineLayerStyle: DefineModifierStyle","defineTextStyle: DefineModifierStyle","defineAnimationTokens: DefineAnimationTokens","defineAspectRatioTokens: DefineTokens","defineBlurTokens: DefineTokens","defineBorderTokens: DefineTokens","defineBreakpointTokens: DefineBreakpointTokens","defineColorTokens: DefineTokens","defineDurationTokens: DefineTokens","defineEasingTokens: DefineTokens","defineFontTokens: DefineTokens","defineFontSizeTokens: DefineTokens","defineFontWeightTokens: DefineTokens","defineGradientTokens: DefineTokens","defineKeyframeTokens: DefineKeyframeTokens","defineLetterSpacingTokens: DefineTokens","defineLineHeightTokens: DefineTokens","defineRadiusTokens: DefineTokens","defineShadowTokens: DefineTokens","defineSizeTokens: DefineTokens","defineSpaceTokens: DefineTokens","defineZIndexTokens: DefineTokens","defineAnimationSemanticTokens: DefineAnimationSemanticTokens","defineAspectRatioSemanticTokens: DefineSemanticTokens","defineBlurSemanticTokens: DefineSemanticTokens","defineBorderSemanticTokens: DefineSemanticTokens","defineColorSemanticTokens: DefineColorSemanticTokens","defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens","defineDurationSemanticTokens: DefineSemanticTokens","defineEasingSemanticTokens: DefineSemanticTokens","defineFontSemanticTokens: DefineSemanticTokens","defineFontSizeSemanticTokens: DefineSemanticTokens","defineFontWeightSemanticTokens: DefineSemanticTokens","defineGradientSemanticTokens: DefineSemanticTokens","defineKeyframeSemanticTokens: DefineKeyframeTokens","defineLetterSpacingSemanticTokens: DefineSemanticTokens","defineLineHeightSemanticTokens: DefineSemanticTokens","defineRadiusSemanticTokens: DefineSemanticTokens","defineShadowSemanticTokens: DefineSemanticTokens","defineSizeSemanticTokens: DefineSemanticTokens","defineSpaceSemanticTokens: DefineSemanticTokens","defineZIndexSemanticTokens: DefineSemanticTokens","defineThemeSchemes: DefineThemeSchemes","defineTheme: DefineTheme"],"sources":["../../../../src/core/system/config.ts"],"sourcesContent":["import type {\n  CSSAnimationObject,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n} from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  DefineThemeAnimationTokens,\n  DefineThemeBreakpointTokens,\n  DefineThemeColorSchemeSemanticTokens,\n  DefineThemeColorSemanticTokens,\n  DefineThemeKeyframeTokens,\n  DefineThemeSchemeTokens,\n  DefineThemeTokens,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\n\ninterface DefineConfig {\n  (value: ThemeConfig): ThemeConfig\n}\n\nexport const defineConfig: DefineConfig = (value) => value\n\nexport type DefineComponentStyleProps<Y extends { [key: string]: string }> = {\n  [K in keyof Y]: { [V in Y[K]]: CSSObject }\n}\n\nexport type DefineComponentStyleModifiers<Y extends string> = {\n  [K in Y]: CSSObject\n}\n\nexport interface DefineComponentStyle {\n  <\n    Y extends CSSPropObject = CSSPropObject,\n    M extends CSSModifierObject = CSSModifierObject,\n    D extends CSSModifierObject = CSSModifierObject,\n  >(\n    value: ComponentStyle<Y, M, D>,\n  ): ComponentStyle<Y, M, D>\n}\n\nexport const defineComponentStyle: DefineComponentStyle = (value) => value\n\nexport type DefineComponentStyleSlotProps<\n  Y extends string = string,\n  M extends { [key: string]: string } = {},\n> = {\n  [D in keyof M]: { [H in M[D]]: CSSSlotObject<Y> }\n}\n\nexport type DefineComponentStyleSlotModifiers<\n  Y extends string = string,\n  M extends string = string,\n> = {\n  [D in M]: CSSSlotObject<Y>\n}\n\nexport interface DefineComponentSlotStyle {\n  <\n    Y extends string = string,\n    M extends CSSPropObject<CSSSlotObject<Y>> = CSSPropObject<CSSSlotObject<Y>>,\n    D extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n    H extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n  >(\n    value: ComponentSlotStyle<Y, M, D, H>,\n  ): ComponentSlotStyle<Y, M, D, H>\n}\n\nexport const defineComponentSlotStyle: DefineComponentSlotStyle = (value) =>\n  value\n\ninterface DefineStyle {\n  (value: CSSObject): CSSObject\n}\n\ninterface DefineModifierStyle {\n  <Y extends CSSModifierObject>(value: Y): Y\n}\n\nconst defineGlobalStyle: DefineStyle = (value) => value\nconst defineResetStyle: DefineStyle = (value) => value\nconst defineLayerStyle: DefineModifierStyle = (value) => value\nconst defineTextStyle: DefineModifierStyle = (value) => value\n\nexport const defineStyles = {\n  layerStyle: defineLayerStyle,\n  textStyle: defineTextStyle,\n  globalStyle: defineGlobalStyle,\n  resetStyle: defineResetStyle,\n}\n\ninterface DefineTokens {\n  <Y extends DefineThemeTokens>(value: Y): Y\n}\n\ninterface DefineAnimationTokens {\n  <Y extends DefineThemeAnimationTokens>(value: Y): Y\n}\n\ninterface DefineBreakpointTokens {\n  <Y extends DefineThemeBreakpointTokens>(value: Y): Y\n}\n\ninterface DefineKeyframeTokens {\n  <Y extends DefineThemeKeyframeTokens>(value: Y): Y\n}\n\nconst defineAnimationTokens: DefineAnimationTokens = (value) => value\nconst defineAspectRatioTokens: DefineTokens = (value) => value\nconst defineBlurTokens: DefineTokens = (value) => value\nconst defineBorderTokens: DefineTokens = (value) => value\nconst defineBreakpointTokens: DefineBreakpointTokens = (value) => value\nconst defineColorTokens: DefineTokens = (value) => value\nconst defineDurationTokens: DefineTokens = (value) => value\nconst defineEasingTokens: DefineTokens = (value) => value\nconst defineFontTokens: DefineTokens = (value) => value\nconst defineFontSizeTokens: DefineTokens = (value) => value\nconst defineFontWeightTokens: DefineTokens = (value) => value\nconst defineGradientTokens: DefineTokens = (value) => value\nconst defineKeyframeTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingTokens: DefineTokens = (value) => value\nconst defineLineHeightTokens: DefineTokens = (value) => value\nconst defineRadiusTokens: DefineTokens = (value) => value\nconst defineShadowTokens: DefineTokens = (value) => value\nconst defineSizeTokens: DefineTokens = (value) => value\nconst defineSpaceTokens: DefineTokens = (value) => value\nconst defineZIndexTokens: DefineTokens = (value) => value\n\nexport const defineTokens = {\n  animations: defineAnimationTokens,\n  aspectRatios: defineAspectRatioTokens,\n  blurs: defineBlurTokens,\n  borders: defineBorderTokens,\n  breakpoints: defineBreakpointTokens,\n  colors: defineColorTokens,\n  durations: defineDurationTokens,\n  easings: defineEasingTokens,\n  fonts: defineFontTokens,\n  fontSizes: defineFontSizeTokens,\n  fontWeights: defineFontWeightTokens,\n  gradients: defineGradientTokens,\n  keyframes: defineKeyframeTokens,\n  letterSpacings: defineLetterSpacingTokens,\n  lineHeights: defineLineHeightTokens,\n  radii: defineRadiusTokens,\n  shadows: defineShadowTokens,\n  sizes: defineSizeTokens,\n  spaces: defineSpaceTokens,\n  zIndices: defineZIndexTokens,\n}\n\ninterface DefineSemanticTokens extends DefineTokens {}\n\ninterface DefineAnimationSemanticTokens {\n  <Y extends DefineThemeAnimationTokens<CSSAnimationObject | string>>(\n    value: Y,\n  ): Y\n}\n\ninterface DefineColorSemanticTokens {\n  <Y extends DefineThemeColorSemanticTokens>(value: Y): Y\n}\n\ninterface DefineColorSchemeSemanticTokens {\n  <Y extends DefineThemeColorSchemeSemanticTokens>(value: Y): Y\n}\n\nconst defineAnimationSemanticTokens: DefineAnimationSemanticTokens = (value) =>\n  value\nconst defineAspectRatioSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBlurSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBorderSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineColorSemanticTokens: DefineColorSemanticTokens = (value) => value\nconst defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens = (\n  value,\n) => value\nconst defineDurationSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineEasingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontWeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineGradientSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineKeyframeSemanticTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineLineHeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineRadiusSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineShadowSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSpaceSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineZIndexSemanticTokens: DefineSemanticTokens = (value) => value\n\nexport const defineSemanticTokens = {\n  animations: defineAnimationSemanticTokens,\n  aspectRatios: defineAspectRatioSemanticTokens,\n  blurs: defineBlurSemanticTokens,\n  borders: defineBorderSemanticTokens,\n  colors: defineColorSemanticTokens,\n  colorSchemes: defineColorSchemeSemanticTokens,\n  durations: defineDurationSemanticTokens,\n  easings: defineEasingSemanticTokens,\n  fonts: defineFontSemanticTokens,\n  fontSizes: defineFontSizeSemanticTokens,\n  fontWeights: defineFontWeightSemanticTokens,\n  gradients: defineGradientSemanticTokens,\n  keyframes: defineKeyframeSemanticTokens,\n  letterSpacings: defineLetterSpacingSemanticTokens,\n  lineHeights: defineLineHeightSemanticTokens,\n  radii: defineRadiusSemanticTokens,\n  shadows: defineShadowSemanticTokens,\n  sizes: defineSizeSemanticTokens,\n  spaces: defineSpaceSemanticTokens,\n  zIndices: defineZIndexSemanticTokens,\n}\n\ninterface DefineThemeSchemes {\n  <Y extends DefineThemeSchemeTokens>(value: Y): Y\n}\n\nexport const defineThemeSchemes: DefineThemeSchemes = (value) => value\n\ninterface DefineTheme {\n  <Y extends UsageTheme>(value: Y): Y\n}\n\nexport const defineTheme: DefineTheme = (value) => value\n"],"mappings":";;AAyBA,MAAaA,gBAA8B,UAAU;AAoBrD,MAAaC,wBAA8C,UAAU;AA+BrE,MAAaC,4BAAsD,UACjE;AAUF,MAAMC,qBAAkC,UAAU;AAClD,MAAMC,oBAAiC,UAAU;AACjD,MAAMC,oBAAyC,UAAU;AACzD,MAAMC,mBAAwC,UAAU;AAExD,MAAa,eAAe;CAC1B,YAAY;CACZ,WAAW;CACX,aAAa;CACb,YAAY;CACb;AAkBD,MAAMC,yBAAgD,UAAU;AAChE,MAAMC,2BAAyC,UAAU;AACzD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,0BAAkD,UAAU;AAClE,MAAMC,qBAAmC,UAAU;AACnD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,0BAAwC,UAAU;AACxD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,wBAA8C,UAAU;AAC9D,MAAMC,6BAA2C,UAAU;AAC3D,MAAMC,0BAAwC,UAAU;AACxD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,qBAAmC,UAAU;AACnD,MAAMC,sBAAoC,UAAU;AAEpD,MAAa,eAAe;CAC1B,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAkBD,MAAMC,iCAAgE,UACpE;AACF,MAAMC,mCAAyD,UAAU;AACzE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,6BAAwD,UAAU;AACxE,MAAMC,mCACJ,UACG;AACL,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,kCAAwD,UAAU;AACxE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,qCAA2D,UAAU;AAC3E,MAAMC,kCAAwD,UAAU;AACxE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,6BAAmD,UAAU;AACnE,MAAMC,8BAAoD,UAAU;AAEpE,MAAa,uBAAuB;CAClC,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,QAAQ;CACR,cAAc;CACd,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAMD,MAAaC,sBAA0C,UAAU;AAMjE,MAAaC,eAA4B,UAAU"}
+{"version":3,"file":"config.cjs","names":[],"sources":["../../../../src/core/system/config.ts"],"sourcesContent":["import type {\n  CSSAnimationObject,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n} from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  DefineThemeAnimationTokens,\n  DefineThemeBreakpointTokens,\n  DefineThemeColorSchemeSemanticTokens,\n  DefineThemeColorSemanticTokens,\n  DefineThemeKeyframeTokens,\n  DefineThemeSchemeTokens,\n  DefineThemeTokens,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\n\ninterface DefineConfig {\n  (value: ThemeConfig): ThemeConfig\n}\n\nexport const defineConfig: DefineConfig = (value) => value\n\nexport type DefineComponentStyleProps<Y extends { [key: string]: string }> = {\n  [K in keyof Y]: { [V in Y[K]]: CSSObject }\n}\n\nexport type DefineComponentStyleModifiers<Y extends string> = {\n  [K in Y]: CSSObject\n}\n\nexport interface DefineComponentStyle {\n  <\n    Y extends CSSPropObject = CSSPropObject,\n    M extends CSSModifierObject = CSSModifierObject,\n    D extends CSSModifierObject = CSSModifierObject,\n  >(\n    value: ComponentStyle<Y, M, D>,\n  ): ComponentStyle<Y, M, D>\n}\n\nexport const defineComponentStyle: DefineComponentStyle = (value) => value\n\nexport type DefineComponentStyleSlotProps<\n  Y extends string = string,\n  M extends { [key: string]: string } = {},\n> = {\n  [D in keyof M]: { [H in M[D]]: CSSSlotObject<Y> }\n}\n\nexport type DefineComponentStyleSlotModifiers<\n  Y extends string = string,\n  M extends string = string,\n> = {\n  [D in M]: CSSSlotObject<Y>\n}\n\nexport interface DefineComponentSlotStyle {\n  <\n    Y extends string = string,\n    M extends CSSPropObject<CSSSlotObject<Y>> = CSSPropObject<CSSSlotObject<Y>>,\n    D extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n    H extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n  >(\n    value: ComponentSlotStyle<Y, M, D, H>,\n  ): ComponentSlotStyle<Y, M, D, H>\n}\n\nexport const defineComponentSlotStyle: DefineComponentSlotStyle = (value) =>\n  value\n\ninterface DefineStyle {\n  (value: CSSObject): CSSObject\n}\n\ninterface DefineModifierStyle {\n  <Y extends CSSModifierObject>(value: Y): Y\n}\n\nconst defineGlobalStyle: DefineStyle = (value) => value\nconst defineResetStyle: DefineStyle = (value) => value\nconst defineLayerStyle: DefineModifierStyle = (value) => value\nconst defineTextStyle: DefineModifierStyle = (value) => value\n\nexport const defineStyles = {\n  layerStyle: defineLayerStyle,\n  textStyle: defineTextStyle,\n  globalStyle: defineGlobalStyle,\n  resetStyle: defineResetStyle,\n}\n\ninterface DefineTokens {\n  <Y extends DefineThemeTokens>(value: Y): Y\n}\n\ninterface DefineAnimationTokens {\n  <Y extends DefineThemeAnimationTokens>(value: Y): Y\n}\n\ninterface DefineBreakpointTokens {\n  <Y extends DefineThemeBreakpointTokens>(value: Y): Y\n}\n\ninterface DefineKeyframeTokens {\n  <Y extends DefineThemeKeyframeTokens>(value: Y): Y\n}\n\nconst defineAnimationTokens: DefineAnimationTokens = (value) => value\nconst defineAspectRatioTokens: DefineTokens = (value) => value\nconst defineBlurTokens: DefineTokens = (value) => value\nconst defineBorderTokens: DefineTokens = (value) => value\nconst defineBreakpointTokens: DefineBreakpointTokens = (value) => value\nconst defineColorTokens: DefineTokens = (value) => value\nconst defineDurationTokens: DefineTokens = (value) => value\nconst defineEasingTokens: DefineTokens = (value) => value\nconst defineFontTokens: DefineTokens = (value) => value\nconst defineFontSizeTokens: DefineTokens = (value) => value\nconst defineFontWeightTokens: DefineTokens = (value) => value\nconst defineGradientTokens: DefineTokens = (value) => value\nconst defineKeyframeTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingTokens: DefineTokens = (value) => value\nconst defineLineHeightTokens: DefineTokens = (value) => value\nconst defineRadiusTokens: DefineTokens = (value) => value\nconst defineShadowTokens: DefineTokens = (value) => value\nconst defineSizeTokens: DefineTokens = (value) => value\nconst defineSpaceTokens: DefineTokens = (value) => value\nconst defineZIndexTokens: DefineTokens = (value) => value\n\nexport const defineTokens = {\n  animations: defineAnimationTokens,\n  aspectRatios: defineAspectRatioTokens,\n  blurs: defineBlurTokens,\n  borders: defineBorderTokens,\n  breakpoints: defineBreakpointTokens,\n  colors: defineColorTokens,\n  durations: defineDurationTokens,\n  easings: defineEasingTokens,\n  fonts: defineFontTokens,\n  fontSizes: defineFontSizeTokens,\n  fontWeights: defineFontWeightTokens,\n  gradients: defineGradientTokens,\n  keyframes: defineKeyframeTokens,\n  letterSpacings: defineLetterSpacingTokens,\n  lineHeights: defineLineHeightTokens,\n  radii: defineRadiusTokens,\n  shadows: defineShadowTokens,\n  sizes: defineSizeTokens,\n  spaces: defineSpaceTokens,\n  zIndices: defineZIndexTokens,\n}\n\ninterface DefineSemanticTokens extends DefineTokens {}\n\ninterface DefineAnimationSemanticTokens {\n  <Y extends DefineThemeAnimationTokens<CSSAnimationObject | string>>(\n    value: Y,\n  ): Y\n}\n\ninterface DefineColorSemanticTokens {\n  <Y extends DefineThemeColorSemanticTokens>(value: Y): Y\n}\n\ninterface DefineColorSchemeSemanticTokens {\n  <Y extends DefineThemeColorSchemeSemanticTokens>(value: Y): Y\n}\n\nconst defineAnimationSemanticTokens: DefineAnimationSemanticTokens = (value) =>\n  value\nconst defineAspectRatioSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBlurSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBorderSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineColorSemanticTokens: DefineColorSemanticTokens = (value) => value\nconst defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens = (\n  value,\n) => value\nconst defineDurationSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineEasingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontWeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineGradientSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineKeyframeSemanticTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineLineHeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineRadiusSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineShadowSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSpaceSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineZIndexSemanticTokens: DefineSemanticTokens = (value) => value\n\nexport const defineSemanticTokens = {\n  animations: defineAnimationSemanticTokens,\n  aspectRatios: defineAspectRatioSemanticTokens,\n  blurs: defineBlurSemanticTokens,\n  borders: defineBorderSemanticTokens,\n  colors: defineColorSemanticTokens,\n  colorSchemes: defineColorSchemeSemanticTokens,\n  durations: defineDurationSemanticTokens,\n  easings: defineEasingSemanticTokens,\n  fonts: defineFontSemanticTokens,\n  fontSizes: defineFontSizeSemanticTokens,\n  fontWeights: defineFontWeightSemanticTokens,\n  gradients: defineGradientSemanticTokens,\n  keyframes: defineKeyframeSemanticTokens,\n  letterSpacings: defineLetterSpacingSemanticTokens,\n  lineHeights: defineLineHeightSemanticTokens,\n  radii: defineRadiusSemanticTokens,\n  shadows: defineShadowSemanticTokens,\n  sizes: defineSizeSemanticTokens,\n  spaces: defineSpaceSemanticTokens,\n  zIndices: defineZIndexSemanticTokens,\n}\n\ninterface DefineThemeSchemes {\n  <Y extends DefineThemeSchemeTokens>(value: Y): Y\n}\n\nexport const defineThemeSchemes: DefineThemeSchemes = (value) => value\n\ninterface DefineTheme {\n  <Y extends UsageTheme>(value: Y): Y\n}\n\nexport const defineTheme: DefineTheme = (value) => value\n"],"mappings":";AAyBA,MAAa,gBAA8B,UAAU;AAoBrD,MAAa,wBAA8C,UAAU;AA+BrE,MAAa,4BAAsD,UACjE;AAUF,MAAM,qBAAkC,UAAU;AAClD,MAAM,oBAAiC,UAAU;AACjD,MAAM,oBAAyC,UAAU;AACzD,MAAM,mBAAwC,UAAU;AAExD,MAAa,eAAe;CAC1B,YAAY;CACZ,WAAW;CACX,aAAa;CACb,YAAY;CACb;AAkBD,MAAM,yBAAgD,UAAU;AAChE,MAAM,2BAAyC,UAAU;AACzD,MAAM,oBAAkC,UAAU;AAClD,MAAM,sBAAoC,UAAU;AACpD,MAAM,0BAAkD,UAAU;AAClE,MAAM,qBAAmC,UAAU;AACnD,MAAM,wBAAsC,UAAU;AACtD,MAAM,sBAAoC,UAAU;AACpD,MAAM,oBAAkC,UAAU;AAClD,MAAM,wBAAsC,UAAU;AACtD,MAAM,0BAAwC,UAAU;AACxD,MAAM,wBAAsC,UAAU;AACtD,MAAM,wBAA8C,UAAU;AAC9D,MAAM,6BAA2C,UAAU;AAC3D,MAAM,0BAAwC,UAAU;AACxD,MAAM,sBAAoC,UAAU;AACpD,MAAM,sBAAoC,UAAU;AACpD,MAAM,oBAAkC,UAAU;AAClD,MAAM,qBAAmC,UAAU;AACnD,MAAM,sBAAoC,UAAU;AAEpD,MAAa,eAAe;CAC1B,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAkBD,MAAM,iCAAgE,UACpE;AACF,MAAM,mCAAyD,UAAU;AACzE,MAAM,4BAAkD,UAAU;AAClE,MAAM,8BAAoD,UAAU;AACpE,MAAM,6BAAwD,UAAU;AACxE,MAAM,mCACJ,UACG;AACL,MAAM,gCAAsD,UAAU;AACtE,MAAM,8BAAoD,UAAU;AACpE,MAAM,4BAAkD,UAAU;AAClE,MAAM,gCAAsD,UAAU;AACtE,MAAM,kCAAwD,UAAU;AACxE,MAAM,gCAAsD,UAAU;AACtE,MAAM,gCAAsD,UAAU;AACtE,MAAM,qCAA2D,UAAU;AAC3E,MAAM,kCAAwD,UAAU;AACxE,MAAM,8BAAoD,UAAU;AACpE,MAAM,8BAAoD,UAAU;AACpE,MAAM,4BAAkD,UAAU;AAClE,MAAM,6BAAmD,UAAU;AACnE,MAAM,8BAAoD,UAAU;AAEpE,MAAa,uBAAuB;CAClC,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,QAAQ;CACR,cAAc;CACd,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAMD,MAAa,sBAA0C,UAAU;AAMjE,MAAa,eAA4B,UAAU"}