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

package/dist/cjs/core/css/color-mix.cjs

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_css_utils = require('./utils.cjs');
 const require_core_system_var = require('../system/var.cjs');
 
@@ -35,7 +35,7 @@ function omitPercent(value) {
 }
 function createVariable(value, fallbackValue, properties) {
 	if (!properties) return value;
-	const key = "--mix-" + ((0, require_utils_index.utils_exports.isArray)(properties) ? properties.join("-") : properties);
+	const key = "--mix-" + (require_utils_common_assertion.isArray(properties) ? properties.join("-") : properties);
 	const result = { [key]: value };
 	properties.forEach((property) => {
 		result[property] = fallbackValue ? `var(${key}, ${fallbackValue})` : `var(${key})`;

package/dist/cjs/core/css/color-mix.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-mix.cjs","names":["methods: { [key: string]: string }","system: System","value: string | undefined","fallbackColor?: string","value?: string","value: string","fallbackValue?: string","properties?: string[]","value: any"],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\nimport { getCSSFunction, globalValues, splitValues, tokenToVar } from \"./utils\"\n\nconst DEFAULT_METHOD = \"in srgb\"\n\nconst methods: { [key: string]: string } = {\n  \"a98-rgb\": \"in a98-rgb\",\n  \"display-p3\": \"in display-p3\",\n  lab: \"in lab\",\n  oklab: \"in oklab\",\n  \"prophoto-rgb\": \"in prophoto-rgb\",\n  rec2020: \"in rec2020\",\n  srgb: \"in srgb\",\n  \"srgb-linear\": \"in srgb-linear\",\n  xyz: \"in xyz\",\n  \"xyz-d50\": \"in xyz-d50\",\n  \"xyz-d65\": \"in xyz-d65\",\n}\n\nfunction getColor(system: System) {\n  return function (value: string | undefined, fallbackColor?: string) {\n    if (!value) return \"\"\n\n    let [color, percent, ...rest] = value.split(\" \").filter(Boolean)\n\n    if (rest.length) return value\n\n    if (color?.startsWith(\"colors.\")) color = color.replace(\"colors.\", \"\")\n\n    if (isColorScheme(color)) {\n      color = getColorSchemeVar(system)(color)\n    } else {\n      color = tokenToVar(system)(\"colors\", color, fallbackColor)\n    }\n\n    if (percent && !percent.endsWith(\"%\")) percent = `${percent}%`\n\n    return !percent ? color : `${color} ${percent}`\n  }\n}\n\nfunction omitPercent(value?: string) {\n  if (value?.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\")\n\n  return value\n}\n\nfunction createVariable(\n  value: string,\n  fallbackValue?: string,\n  properties?: string[],\n) {\n  if (!properties) return value\n\n  const key =\n    \"--mix-\" + (isArray(properties) ? properties.join(\"-\") : properties)\n\n  const result = { [key]: value }\n\n  properties.forEach((property) => {\n    result[property] = fallbackValue\n      ? `var(${key}, ${fallbackValue})`\n      : `var(${key})`\n  })\n\n  return result\n}\n\nexport function colorMix(\n  value: any,\n  { fallback, properties, system }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (value.includes(\"/\")) {\n    const [color, percent] = value.split(\"/\")\n\n    value = `transparentize(${color}, ${percent})`\n  }\n\n  const { type, values } = getCSSFunction(value)\n\n  if (!values) return getColor(system)(value, fallback)\n\n  switch (type) {\n    case \"mix\":\n    case \"color-mix\": {\n      let [color2, color1, method] = splitValues(values).reverse()\n\n      if (method) {\n        method = method in methods ? methods[method] : method\n      } else {\n        method = DEFAULT_METHOD\n      }\n\n      color1 = getColor(system)(color1, fallback)\n      color2 = getColor(system)(color2, fallback)\n\n      return createVariable(\n        `color-mix(${method}` +\n          (color1 ? `, ${color1}` : \"\") +\n          (color2 ? `, ${color2}` : \"\") +\n          \")\",\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tint\":\n    case \"shade\":\n    case \"transparentize\": {\n      const [color, percent] = splitValues(values)\n\n      const color1 = getColor(system)(\n        percent ? `${color} ${percent}` : color,\n        fallback,\n      )\n      const color2 =\n        type === \"transparentize\"\n          ? \"transparent\"\n          : type === \"tint\"\n            ? \"#fff\"\n            : \"#000\"\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tone\": {\n      const [color, tone] = splitValues(values)\n\n      const color1 = getColor(system)(color, fallback)\n\n      if (!tone) return color1\n\n      let ratio = parseInt(tone) || 500\n\n      if (ratio < 50 && 950 < ratio) ratio = 500\n      if (ratio === 500) return color1\n\n      const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n      const percent = `${100 - (Math.abs(ratio - 500) * 2) / 10}%`\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    default: {\n      return value\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-mix.cjs","names":["methods: { [key: string]: string }","system: System","value: string | undefined","fallbackColor?: string","value?: string","value: string","fallbackValue?: string","properties?: string[]","value: any"],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\nimport { getCSSFunction, globalValues, splitValues, tokenToVar } from \"./utils\"\n\nconst DEFAULT_METHOD = \"in srgb\"\n\nconst methods: { [key: string]: string } = {\n  \"a98-rgb\": \"in a98-rgb\",\n  \"display-p3\": \"in display-p3\",\n  lab: \"in lab\",\n  oklab: \"in oklab\",\n  \"prophoto-rgb\": \"in prophoto-rgb\",\n  rec2020: \"in rec2020\",\n  srgb: \"in srgb\",\n  \"srgb-linear\": \"in srgb-linear\",\n  xyz: \"in xyz\",\n  \"xyz-d50\": \"in xyz-d50\",\n  \"xyz-d65\": \"in xyz-d65\",\n}\n\nfunction getColor(system: System) {\n  return function (value: string | undefined, fallbackColor?: string) {\n    if (!value) return \"\"\n\n    let [color, percent, ...rest] = value.split(\" \").filter(Boolean)\n\n    if (rest.length) return value\n\n    if (color?.startsWith(\"colors.\")) color = color.replace(\"colors.\", \"\")\n\n    if (isColorScheme(color)) {\n      color = getColorSchemeVar(system)(color)\n    } else {\n      color = tokenToVar(system)(\"colors\", color, fallbackColor)\n    }\n\n    if (percent && !percent.endsWith(\"%\")) percent = `${percent}%`\n\n    return !percent ? color : `${color} ${percent}`\n  }\n}\n\nfunction omitPercent(value?: string) {\n  if (value?.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\")\n\n  return value\n}\n\nfunction createVariable(\n  value: string,\n  fallbackValue?: string,\n  properties?: string[],\n) {\n  if (!properties) return value\n\n  const key =\n    \"--mix-\" + (isArray(properties) ? properties.join(\"-\") : properties)\n\n  const result = { [key]: value }\n\n  properties.forEach((property) => {\n    result[property] = fallbackValue\n      ? `var(${key}, ${fallbackValue})`\n      : `var(${key})`\n  })\n\n  return result\n}\n\nexport function colorMix(\n  value: any,\n  { fallback, properties, system }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (value.includes(\"/\")) {\n    const [color, percent] = value.split(\"/\")\n\n    value = `transparentize(${color}, ${percent})`\n  }\n\n  const { type, values } = getCSSFunction(value)\n\n  if (!values) return getColor(system)(value, fallback)\n\n  switch (type) {\n    case \"mix\":\n    case \"color-mix\": {\n      let [color2, color1, method] = splitValues(values).reverse()\n\n      if (method) {\n        method = method in methods ? methods[method] : method\n      } else {\n        method = DEFAULT_METHOD\n      }\n\n      color1 = getColor(system)(color1, fallback)\n      color2 = getColor(system)(color2, fallback)\n\n      return createVariable(\n        `color-mix(${method}` +\n          (color1 ? `, ${color1}` : \"\") +\n          (color2 ? `, ${color2}` : \"\") +\n          \")\",\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tint\":\n    case \"shade\":\n    case \"transparentize\": {\n      const [color, percent] = splitValues(values)\n\n      const color1 = getColor(system)(\n        percent ? `${color} ${percent}` : color,\n        fallback,\n      )\n      const color2 =\n        type === \"transparentize\"\n          ? \"transparent\"\n          : type === \"tint\"\n            ? \"#fff\"\n            : \"#000\"\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tone\": {\n      const [color, tone] = splitValues(values)\n\n      const color1 = getColor(system)(color, fallback)\n\n      if (!tone) return color1\n\n      let ratio = parseInt(tone) || 500\n\n      if (ratio < 50 && 950 < ratio) ratio = 500\n      if (ratio === 500) return color1\n\n      const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n      const percent = `${100 - (Math.abs(ratio - 500) * 2) / 10}%`\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    default: {\n      return value\n    }\n  }\n}\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB;AAEvB,MAAMA,UAAqC;CACzC,WAAW;CACX,cAAc;CACd,KAAK;CACL,OAAO;CACP,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,eAAe;CACf,KAAK;CACL,WAAW;CACX,WAAW;AACZ;AAED,SAAS,SAASC,QAAgB;AAChC,QAAO,SAAUC,OAA2BC,eAAwB;AAClE,OAAK,MAAO,QAAO;EAEnB,IAAI,CAAC,OAAO,SAAS,GAAG,KAAK,GAAG,MAAM,MAAM,IAAI,CAAC,OAAO,QAAQ;AAEhE,MAAI,KAAK,OAAQ,QAAO;AAExB,MAAI,OAAO,WAAW,UAAU,CAAE,SAAQ,MAAM,QAAQ,WAAW,GAAG;AAEtE,MAAI,sCAAc,MAAM,CACtB,SAAQ,0CAAkB,OAAO,CAAC,MAAM;MAExC,SAAQ,kCAAW,OAAO,CAAC,UAAU,OAAO,cAAc;AAG5D,MAAI,YAAY,QAAQ,SAAS,IAAI,CAAE,cAAa,QAAQ;AAE5D,UAAQ,UAAU,WAAW,MAAM,GAAG;CACvC;AACF;AAED,SAAS,YAAYC,OAAgB;AACnC,KAAI,OAAO,SAAS,IAAI,CAAE,QAAO,MAAM,QAAQ,aAAa,GAAG;AAE/D,QAAO;AACR;AAED,SAAS,eACPC,OACAC,eACAC,YACA;AACA,MAAK,WAAY,QAAO;CAExB,MAAM,MACJ,YAAY,uCAAQ,WAAW,GAAG,WAAW,KAAK,IAAI,GAAG;CAE3D,MAAM,SAAS,GAAG,MAAM,MAAO;AAE/B,YAAW,QAAQ,CAAC,aAAa;AAC/B,SAAO,YAAY,iBACd,MAAM,IAAI,IAAI,cAAc,MAC5B,MAAM,IAAI;CAChB,EAAC;AAEF,QAAO;AACR;AAED,SAAgB,SACdC,OACA,EAAE,UAAU,YAAY,QAA0B,EAClD;AACA,KAAI,SAAS,QAAQ,oCAAa,IAAI,MAAM,CAAE,QAAO;AAErD,KAAI,MAAM,SAAS,IAAI,EAAE;EACvB,MAAM,CAAC,OAAO,QAAQ,GAAG,MAAM,MAAM,IAAI;AAEzC,WAAS,iBAAiB,MAAM,IAAI,QAAQ;CAC7C;CAED,MAAM,EAAE,MAAM,QAAQ,GAAG,sCAAe,MAAM;AAE9C,MAAK,OAAQ,QAAO,SAAS,OAAO,CAAC,OAAO,SAAS;AAErD,SAAQ,MAAR;EACE,KAAK;EACL,KAAK,aAAa;GAChB,IAAI,CAAC,QAAQ,QAAQ,OAAO,GAAG,mCAAY,OAAO,CAAC,SAAS;AAE5D,OAAI,OACF,UAAS,UAAU,UAAU,QAAQ,UAAU;OAE/C,UAAS;AAGX,YAAS,SAAS,OAAO,CAAC,QAAQ,SAAS;AAC3C,YAAS,SAAS,OAAO,CAAC,QAAQ,SAAS;AAE3C,UAAO,gBACJ,YAAY,YACV,UAAU,IAAI,WAAW,OACzB,UAAU,IAAI,WAAW,MAC1B,KACF,YAAY,OAAO,EACnB,WACD;EACF;EAED,KAAK;EACL,KAAK;EACL,KAAK,kBAAkB;GACrB,MAAM,CAAC,OAAO,QAAQ,GAAG,mCAAY,OAAO;GAE5C,MAAM,SAAS,SAAS,OAAO,CAC7B,aAAa,MAAM,GAAG,YAAY,OAClC,SACD;GACD,MAAM,SACJ,SAAS,mBACL,gBACA,SAAS,SACP,SACA;AAER,UAAO,gBACJ,YAAY,eAAe,IAAI,OAAO,IAAI,OAAO,IAClD,YAAY,OAAO,EACnB,WACD;EACF;EAED,KAAK,QAAQ;GACX,MAAM,CAAC,OAAO,KAAK,GAAG,mCAAY,OAAO;GAEzC,MAAM,SAAS,SAAS,OAAO,CAAC,OAAO,SAAS;AAEhD,QAAK,KAAM,QAAO;GAElB,IAAI,QAAQ,SAAS,KAAK,IAAI;AAE9B,OAAI,QAAQ,MAAM,MAAM,MAAO,SAAQ;AACvC,OAAI,UAAU,IAAK,QAAO;GAE1B,MAAM,SAAS,QAAQ,MAAM,SAAS;GACtC,MAAM,aAAa,MAAO,KAAK,IAAI,QAAQ,IAAI,GAAG,IAAK,GAAG;AAE1D,UAAO,gBACJ,YAAY,eAAe,IAAI,OAAO,GAAG,QAAQ,IAAI,OAAO,IAC7D,YAAY,OAAO,EACnB,WACD;EACF;EAED,QACE,QAAO;CAEV;AACF"}

package/dist/cjs/core/css/color-scheme.cjs

@@ -1,4 +1,5 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_color = require('../../utils/common/color.cjs');
 const require_core_css_utils = require('./utils.cjs');
 const require_core_css_conditions = require('./conditions.cjs');
 const require_core_system_var = require('../system/var.cjs');
@@ -7,7 +8,7 @@ const require_core_system_var = require('../system/var.cjs');
 function createColorSchemeVariables(value) {
 	return function({ system }) {
 		return {
-			...Object.fromEntries(require_utils_index.utils_exports.TONES.map((tone) => [require_core_system_var.getVarName(system)(`colorScheme-${tone}`), require_core_css_utils.tokenToVar(system)("colors", `${value}.${tone}`)])),
+			...Object.fromEntries(require_utils_common_color.TONES.map((tone) => [require_core_system_var.getVarName(system)(`colorScheme-${tone}`), require_core_css_utils.tokenToVar(system)("colors", `${value}.${tone}`)])),
 			...Object.fromEntries([
 				"contrast",
 				"fg",
@@ -23,7 +24,7 @@ function createColorSchemeVariables(value) {
 	};
 }
 function colorScheme(value, options) {
-	if ((0, require_utils_index.utils_exports.isArray)(value)) {
+	if (require_utils_common_assertion.isArray(value)) {
 		const [lightValue, darkValue] = value;
 		return {
 			...createColorSchemeVariables(lightValue)(options),

package/dist/cjs/core/css/color-scheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-scheme.cjs","names":["value: ColorScheme","value: any","options: TransformOptions","conditions"],"sources":["../../../../src/core/css/color-scheme.ts"],"sourcesContent":["import type { ColorScheme } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, TONES } from \"../../utils\"\nimport { getVarName } from \"../system\"\nimport { conditions } from \"./conditions\"\nimport { tokenToVar } from \"./utils\"\n\nfunction createColorSchemeVariables(value: ColorScheme) {\n  return function ({ system }: TransformOptions) {\n    return {\n      ...Object.fromEntries(\n        TONES.map((tone) => [\n          getVarName(system)(`colorScheme-${tone}`),\n          tokenToVar(system)(\"colors\", `${value}.${tone}`),\n        ]),\n      ),\n      ...Object.fromEntries(\n        [\n          \"contrast\",\n          \"fg\",\n          \"subtle\",\n          \"muted\",\n          \"emphasized\",\n          \"bg\",\n          \"ghost\",\n          \"solid\",\n          \"outline\",\n        ].map((token) => [\n          getVarName(system)(`colorScheme-${token}`),\n          tokenToVar(system)(\"colors\", `${value}.${token}`),\n        ]),\n      ),\n    }\n  }\n}\n\nexport function colorScheme(value: any, options: TransformOptions) {\n  if (isArray(value)) {\n    const [lightValue, darkValue] = value\n\n    return {\n      ...createColorSchemeVariables(lightValue)(options),\n      [conditions._dark]: createColorSchemeVariables(darkValue)(options),\n    }\n  } else {\n    return createColorSchemeVariables(value)(options)\n  }\n}\n"],"mappings":";;;;;;AAOA,SAAS,2BAA2BA,OAAoB;AACtD,QAAO,SAAU,EAAE,QAA0B,EAAE;AAC7C,SAAO;GACL,GAAG,OAAO,YACR,wCAAM,IAAI,CAAC,SAAS,CAClB,mCAAW,OAAO,EAAE,cAAc,OAAO,EACzC,kCAAW,OAAO,CAAC,aAAa,MAAM,GAAG,OAAO,AACjD,EAAC,CACH;GACD,GAAG,OAAO,YACR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD,EAAC,IAAI,CAAC,UAAU,CACf,mCAAW,OAAO,EAAE,cAAc,QAAQ,EAC1C,kCAAW,OAAO,CAAC,aAAa,MAAM,GAAG,QAAQ,AAClD,EAAC,CACH;EACF;CACF;AACF;AAED,SAAgB,YAAYC,OAAYC,SAA2B;AACjE,KAAI,+CAAQ,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,SAAO;GACL,GAAG,2BAA2B,WAAW,CAAC,QAAQ;IACjDC,uCAAW,QAAQ,2BAA2B,UAAU,CAAC,QAAQ;EACnE;CACF,MACC,QAAO,2BAA2B,MAAM,CAAC,QAAQ;AAEpD"}
+{"version":3,"file":"color-scheme.cjs","names":["value: ColorScheme","value: any","options: TransformOptions","conditions"],"sources":["../../../../src/core/css/color-scheme.ts"],"sourcesContent":["import type { ColorScheme } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, TONES } from \"../../utils\"\nimport { getVarName } from \"../system\"\nimport { conditions } from \"./conditions\"\nimport { tokenToVar } from \"./utils\"\n\nfunction createColorSchemeVariables(value: ColorScheme) {\n  return function ({ system }: TransformOptions) {\n    return {\n      ...Object.fromEntries(\n        TONES.map((tone) => [\n          getVarName(system)(`colorScheme-${tone}`),\n          tokenToVar(system)(\"colors\", `${value}.${tone}`),\n        ]),\n      ),\n      ...Object.fromEntries(\n        [\n          \"contrast\",\n          \"fg\",\n          \"subtle\",\n          \"muted\",\n          \"emphasized\",\n          \"bg\",\n          \"ghost\",\n          \"solid\",\n          \"outline\",\n        ].map((token) => [\n          getVarName(system)(`colorScheme-${token}`),\n          tokenToVar(system)(\"colors\", `${value}.${token}`),\n        ]),\n      ),\n    }\n  }\n}\n\nexport function colorScheme(value: any, options: TransformOptions) {\n  if (isArray(value)) {\n    const [lightValue, darkValue] = value\n\n    return {\n      ...createColorSchemeVariables(lightValue)(options),\n      [conditions._dark]: createColorSchemeVariables(darkValue)(options),\n    }\n  } else {\n    return createColorSchemeVariables(value)(options)\n  }\n}\n"],"mappings":";;;;;;;AAOA,SAAS,2BAA2BA,OAAoB;AACtD,QAAO,SAAU,EAAE,QAA0B,EAAE;AAC7C,SAAO;GACL,GAAG,OAAO,YACR,iCAAM,IAAI,CAAC,SAAS,CAClB,mCAAW,OAAO,EAAE,cAAc,OAAO,EACzC,kCAAW,OAAO,CAAC,aAAa,MAAM,GAAG,OAAO,AACjD,EAAC,CACH;GACD,GAAG,OAAO,YACR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD,EAAC,IAAI,CAAC,UAAU,CACf,mCAAW,OAAO,EAAE,cAAc,QAAQ,EAC1C,kCAAW,OAAO,CAAC,aAAa,MAAM,GAAG,QAAQ,AAClD,EAAC,CACH;EACF;CACF;AACF;AAED,SAAgB,YAAYC,OAAYC,SAA2B;AACjE,KAAI,uCAAQ,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,SAAO;GACL,GAAG,2BAA2B,WAAW,CAAC,QAAQ;IACjDC,uCAAW,QAAQ,2BAA2B,UAAU,CAAC,QAAQ;EACnE;CACF,MACC,QAAO,2BAA2B,MAAM,CAAC,QAAQ;AAEpD"}

package/dist/cjs/core/css/config.cjs

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_css_utils = require('./utils.cjs');
 const require_core_css_animation = require('./animation.cjs');
 const require_core_css_color_mix = require('./color-mix.cjs');
@@ -31,7 +31,7 @@ const transforms = {
 	colorMix: require_core_css_color_mix.colorMix,
 	container: require_core_css_at_rule.generateAtRule("container"),
 	content: (value) => {
-		if ((0, require_utils_index.utils_exports.isObject)(value)) return {
+		if (require_utils_common_assertion.isObject(value)) return {
 			content: "''",
 			...value
 		};
@@ -40,12 +40,12 @@ const transforms = {
 	deg: (value) => {
 		if (require_core_css_utils.isCSSVar(value) || value == null) return value;
 		const isUnitless = typeof value === "string" && !value.endsWith("deg");
-		return isUnitless || (0, require_utils_index.utils_exports.isNumber)(value) ? `${value}deg` : value;
+		return isUnitless || require_utils_common_assertion.isNumber(value) ? `${value}deg` : value;
 	},
 	filter: require_core_css_filter.generateFilter,
 	focusRing: require_core_css_focus_ring.generateFocusRing,
 	fraction: (value) => {
-		if ((0, require_utils_index.utils_exports.isNumber)(value) && value <= 1) value = `${value * 100}%`;
+		if (require_utils_common_assertion.isNumber(value) && value <= 1) value = `${value * 100}%`;
 		return value;
 	},
 	function: require_core_css_function.generateFunction,
@@ -56,7 +56,7 @@ const transforms = {
 	px: (value) => {
 		if (value == null) return value;
 		const { unitless } = require_core_css_utils.analyzeCSSValue(value);
-		return unitless || (0, require_utils_index.utils_exports.isNumber)(value) ? `${value}px` : value;
+		return unitless || require_utils_common_assertion.isNumber(value) ? `${value}px` : value;
 	},
 	supports: require_core_css_at_rule.generateAtRule("supports"),
 	token: require_core_css_token.generateToken,

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

@@ -1 +1 @@
-{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateFilter","generateFocusRing","generateFunction","generateToken","generateTransition","value: boolean"],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n  properties?: CSSProperties[]\n  static?: CSSObject\n  token?: ThemeToken\n  transform?: Transform\n}\n\nexport interface StyleConfigs {\n  [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n  style: generateStyle,\n  colorScheme,\n  animation,\n  bgClip: (value, { prev }) => {\n    if (value === \"text\") {\n      prev ??= {}\n      prev.color ??= \"transparent\"\n\n      return value\n    } else {\n      return value\n    }\n  },\n  calc: generateCalc,\n  colorMix,\n  container: generateAtRule(\"container\"),\n  content: (value) => {\n    if (isObject(value)) {\n      return { content: \"''\", ...value }\n    } else {\n      return value\n    }\n  },\n  deg: (value) => {\n    if (isCSSVar(value) || value == null) return value\n\n    const isUnitless = typeof value === \"string\" && !value.endsWith(\"deg\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  filter: generateFilter,\n  focusRing: generateFocusRing,\n  fraction: (value) => {\n    if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n    return value\n  },\n  function: generateFunction,\n  gradient,\n  grid,\n  keyframes,\n  media: generateAtRule(\"media\"),\n  px: (value) => {\n    if (value == null) return value\n\n    const { unitless } = analyzeCSSValue(value)\n\n    return unitless || isNumber(value) ? `${value}px` : value\n  },\n  supports: generateAtRule(\"supports\"),\n  token: generateToken,\n  transform,\n  transition: generateTransition,\n  truncated: (value: boolean) => {\n    if (value) {\n      return {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }\n    }\n  },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAa,aAAa;CACxB,OAAOA;CACP;CACA;CACA,QAAQ,CAAC,OAAO,EAAE,MAAM,KAAK;AAC3B,MAAI,UAAU,QAAQ;AACpB,YAAS,CAAE;AACX,QAAK,UAAU;AAEf,UAAO;EACR,MACC,QAAO;CAEV;CACD,MAAMC;CACN;CACA,WAAW,wCAAe,YAAY;CACtC,SAAS,CAAC,UAAU;AAClB,MAAI,gDAAS,MAAM,CACjB,QAAO;GAAE,SAAS;GAAM,GAAG;EAAO;MAElC,QAAO;CAEV;CACD,KAAK,CAAC,UAAU;AACd,MAAI,gCAAS,MAAM,IAAI,SAAS,KAAM,QAAO;EAE7C,MAAM,oBAAoB,UAAU,aAAa,MAAM,SAAS,MAAM;AAEtE,SAAO,cAAc,gDAAS,MAAM,MAAM,MAAM,OAAO;CACxD;CACD,QAAQC;CACR,WAAWC;CACX,UAAU,CAAC,UAAU;AACnB,MAAI,gDAAS,MAAM,IAAI,SAAS,EAAG,YAAW,QAAQ,IAAI;AAE1D,SAAO;CACR;CACD,UAAUC;CACV;CACA;CACA;CACA,OAAO,wCAAe,QAAQ;CAC9B,IAAI,CAAC,UAAU;AACb,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,EAAE,UAAU,GAAG,uCAAgB,MAAM;AAE3C,SAAO,YAAY,gDAAS,MAAM,MAAM,MAAM,MAAM;CACrD;CACD,UAAU,wCAAe,WAAW;CACpC,OAAOC;CACP;CACA,YAAYC;CACZ,WAAW,CAACC,UAAmB;AAC7B,MAAI,MACF,QAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACb;CAEJ;AACF"}
+{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateFilter","generateFocusRing","generateFunction","generateToken","generateTransition","value: boolean"],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n  properties?: CSSProperties[]\n  static?: CSSObject\n  token?: ThemeToken\n  transform?: Transform\n}\n\nexport interface StyleConfigs {\n  [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n  style: generateStyle,\n  colorScheme,\n  animation,\n  bgClip: (value, { prev }) => {\n    if (value === \"text\") {\n      prev ??= {}\n      prev.color ??= \"transparent\"\n\n      return value\n    } else {\n      return value\n    }\n  },\n  calc: generateCalc,\n  colorMix,\n  container: generateAtRule(\"container\"),\n  content: (value) => {\n    if (isObject(value)) {\n      return { content: \"''\", ...value }\n    } else {\n      return value\n    }\n  },\n  deg: (value) => {\n    if (isCSSVar(value) || value == null) return value\n\n    const isUnitless = typeof value === \"string\" && !value.endsWith(\"deg\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  filter: generateFilter,\n  focusRing: generateFocusRing,\n  fraction: (value) => {\n    if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n    return value\n  },\n  function: generateFunction,\n  gradient,\n  grid,\n  keyframes,\n  media: generateAtRule(\"media\"),\n  px: (value) => {\n    if (value == null) return value\n\n    const { unitless } = analyzeCSSValue(value)\n\n    return unitless || isNumber(value) ? `${value}px` : value\n  },\n  supports: generateAtRule(\"supports\"),\n  token: generateToken,\n  transform,\n  transition: generateTransition,\n  truncated: (value: boolean) => {\n    if (value) {\n      return {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }\n    }\n  },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAa,aAAa;CACxB,OAAOA;CACP;CACA;CACA,QAAQ,CAAC,OAAO,EAAE,MAAM,KAAK;AAC3B,MAAI,UAAU,QAAQ;AACpB,YAAS,CAAE;AACX,QAAK,UAAU;AAEf,UAAO;EACR,MACC,QAAO;CAEV;CACD,MAAMC;CACN;CACA,WAAW,wCAAe,YAAY;CACtC,SAAS,CAAC,UAAU;AAClB,MAAI,wCAAS,MAAM,CACjB,QAAO;GAAE,SAAS;GAAM,GAAG;EAAO;MAElC,QAAO;CAEV;CACD,KAAK,CAAC,UAAU;AACd,MAAI,gCAAS,MAAM,IAAI,SAAS,KAAM,QAAO;EAE7C,MAAM,oBAAoB,UAAU,aAAa,MAAM,SAAS,MAAM;AAEtE,SAAO,cAAc,wCAAS,MAAM,MAAM,MAAM,OAAO;CACxD;CACD,QAAQC;CACR,WAAWC;CACX,UAAU,CAAC,UAAU;AACnB,MAAI,wCAAS,MAAM,IAAI,SAAS,EAAG,YAAW,QAAQ,IAAI;AAE1D,SAAO;CACR;CACD,UAAUC;CACV;CACA;CACA;CACA,OAAO,wCAAe,QAAQ;CAC9B,IAAI,CAAC,UAAU;AACb,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,EAAE,UAAU,GAAG,uCAAgB,MAAM;AAE3C,SAAO,YAAY,wCAAS,MAAM,MAAM,MAAM,MAAM;CACrD;CACD,UAAU,wCAAe,WAAW;CACpC,OAAOC;CACP;CACA,YAAYC;CACZ,WAAW,CAACC,UAAmB;AAC7B,MAAI,MACF,QAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACb;CAEJ;AACF"}

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

@@ -1,4 +1,6 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
 const require_core_css_utils = require('./utils.cjs');
 const require_core_css_color_mix = require('./color-mix.cjs');
 const require_core_css_conditions = require('./conditions.cjs');
@@ -10,14 +12,14 @@ function isVariableLength(key) {
 	return require_core_css_styles.variableLengthProperties.includes(key);
 }
 function isImportant(value) {
-	return (0, require_utils_index.utils_exports.isString)(value) && (/\s*!important$/.test(value) || /\s*!$/.test(value));
+	return require_utils_common_assertion.isString(value) && (/\s*!important$/.test(value) || /\s*!$/.test(value));
 }
 function omitImportant(value) {
-	return (0, require_utils_index.utils_exports.isString)(value) ? value.replace(/(!important|!)$/, "").trim() : value;
+	return require_utils_common_assertion.isString(value) ? value.replace(/(!important|!)$/, "").trim() : 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 (require_utils_common_assertion.isString(value)) return value + " !important";
+	else if (require_utils_common_assertion.isObject(value)) {
 		if (!style?.properties) return value;
 		for (const property of style.properties) value[property] += " !important";
 	}
@@ -25,7 +27,7 @@ function insertImportant(value, style) {
 }
 function isConditionalObject(breakpoints) {
 	return function(value) {
-		if (!(0, require_utils_index.utils_exports.isObject)(value)) return false;
+		if (!require_utils_common_assertion.isObject(value)) return false;
 		const keys = Object.keys(value);
 		if (!keys.length) return false;
 		if (!keys.includes("base")) return false;
@@ -49,13 +51,13 @@ function transformConditionalObject(breakpoints) {
 		const conditionalKeys = Object.keys(value).filter((key$1) => !breakpoints.isResponsiveKey(key$1));
 		const breakpointObj = breakpoints.queries.reduce((prev, { breakpoint, query }) => {
 			const breakpointValue = value[breakpoint];
-			if (breakpointValue) if ((0, require_utils_index.utils_exports.isArray)(breakpointValue)) {
+			if (breakpointValue) if (require_utils_common_assertion.isArray(breakpointValue)) {
 				const colorModeValue = transformColorModeArray(breakpoints)(key, breakpointValue);
-				prev = (0, require_utils_index.utils_exports.merge)(prev, query ? { [query]: colorModeValue } : colorModeValue);
+				prev = require_utils_common_object.merge(prev, query ? { [query]: colorModeValue } : colorModeValue);
 			} else if (isConditionalObject(breakpoints)(breakpointValue)) {
 				const conditionalValue = transformConditionalObject(breakpoints)(key, breakpointValue);
-				prev = (0, require_utils_index.utils_exports.merge)(prev, query ? { [query]: conditionalValue } : conditionalValue);
-			} else prev = (0, require_utils_index.utils_exports.merge)(prev, query ? { [query]: { [key]: breakpointValue } } : { [key]: breakpointValue });
+				prev = require_utils_common_object.merge(prev, query ? { [query]: conditionalValue } : conditionalValue);
+			} else prev = require_utils_common_object.merge(prev, query ? { [query]: { [key]: breakpointValue } } : { [key]: breakpointValue });
 			return prev;
 		}, {});
 		const additionalObj = conditionalKeys.reduce((prev, conditionalKey) => {
@@ -71,7 +73,7 @@ function transformConditionalObject(breakpoints) {
 }
 function transformConditionalValue({ breakpoints }) {
 	return function(key, value) {
-		if ((0, require_utils_index.utils_exports.isArray)(value)) return transformColorModeArray(breakpoints)(key, value);
+		if (require_utils_common_assertion.isArray(value)) return transformColorModeArray(breakpoints)(key, value);
 		else if (isConditionalObject(breakpoints)(value)) return transformConditionalObject(breakpoints)(key, value);
 		else return { [key]: value };
 	};
@@ -81,8 +83,8 @@ function expandCSS(system) {
 		let computedCSS = {};
 		for (let [key, value] of Object.entries(css$1)) {
 			if (value == null) continue;
-			if (!isVariableLength(key)) computedCSS = (0, require_utils_index.utils_exports.merge)(computedCSS, transformConditionalValue(system)(key, value));
-			else computedCSS = (0, require_utils_index.utils_exports.merge)(computedCSS, { [key]: value });
+			if (!isVariableLength(key)) computedCSS = require_utils_common_object.merge(computedCSS, transformConditionalValue(system)(key, value));
+			else computedCSS = require_utils_common_object.merge(computedCSS, { [key]: value });
 		}
 		return computedCSS;
 	};
@@ -98,7 +100,7 @@ function valueToVar(system) {
 			else if (require_core_css_utils.isCSSToken(system)(value$1)) return system.cssMap[value$1].ref;
 			else return require_core_system_var.getVar(value$1, fallbackValue);
 		});
-		if (prop.startsWith("--") && (0, require_utils_index.utils_exports.isString)(result)) if (result.includes("colorScheme.")) return require_core_system_var.getColorSchemeVar(system)(result);
+		if (prop.startsWith("--") && require_utils_common_assertion.isString(result)) if (result.includes("colorScheme.")) return require_core_system_var.getColorSchemeVar(system)(result);
 		else if (result.includes("colors.")) return require_core_css_color_mix.colorMix(result, { system });
 		else if (require_core_css_utils.isCSSToken(system)(result)) return system.cssMap[result].ref;
 		else return result;
@@ -108,11 +110,11 @@ function valueToVar(system) {
 function mergeCSS(prev, value, prop, properties) {
 	if (properties) for (const property of properties) {
 		prev[property] = prev[property] ?? {};
-		prev[property] = (0, require_utils_index.utils_exports.merge)(prev[property], value);
+		prev[property] = require_utils_common_object.merge(prev[property], value);
 	}
 	else {
 		prev[prop] = prev[prop] ?? {};
-		prev[prop] = (0, require_utils_index.utils_exports.merge)(prev[prop], value);
+		prev[prop] = require_utils_common_object.merge(prev[prop], value);
 	}
 	return prev;
 }
@@ -128,7 +130,7 @@ function getStyle(prop) {
 function css(system, theme = {}) {
 	return function(cssOrFn) {
 		function createCSS(cssOrFn$1) {
-			const cssObj = (0, require_utils_index.utils_exports.runIfFn)(cssOrFn$1, system);
+			const cssObj = require_utils_common_function.runIfFn(cssOrFn$1, system);
 			const computedCSS = expandCSS(system)(cssObj);
 			let prev = {};
 			for (let [prop, value] of Object.entries(computedCSS)) {
@@ -143,9 +145,9 @@ function css(system, theme = {}) {
 					system,
 					theme
 				};
-				if ((0, require_utils_index.utils_exports.isObject)(value)) {
+				if (require_utils_common_assertion.isObject(value)) {
 					value = style?.transform?.(value, options) ?? value;
-					if ((0, require_utils_index.utils_exports.isObject)(value)) prev = mergeCSS(prev, createCSS(value), prop, style?.properties);
+					if (require_utils_common_assertion.isObject(value)) prev = mergeCSS(prev, createCSS(value), prop, style?.properties);
 					else prev = insertCSS(prev, value, prop, style?.properties);
 					continue;
 				}
@@ -153,9 +155,9 @@ function css(system, theme = {}) {
 				value = omitImportant(value);
 				value = style?.transform?.(value, options) ?? value;
 				if (important) value = insertImportant(value, style);
-				if (style?.static) prev = (0, require_utils_index.utils_exports.merge)(prev, style.static);
-				if ((0, require_utils_index.utils_exports.isObject)(value)) {
-					prev = (0, require_utils_index.utils_exports.merge)(prev, createCSS(value));
+				if (style?.static) prev = require_utils_common_object.merge(prev, style.static);
+				if (require_utils_common_assertion.isObject(value)) {
+					prev = require_utils_common_object.merge(prev, createCSS(value));
 					continue;
 				}
 				prev = insertCSS(prev, value, prop, style?.properties);

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

@@ -1 +1 @@
-{"version":3,"file":"css.cjs","names":["key: string","value: any","style?: StyleConfig","breakpoints: Breakpoints","computedCSS: Dict","conditions","value: Dict","key","system: System","css: Dict","css","prop: string","value: string","fallbackValue?: string","value","prev: Dict","properties?: string[]","styles","theme: UsageTheme","cssOrFn: CSSObjectOrFunction","cssOrFn","options: TransformOptions"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, isObject, isString, merge, runIfFn } from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport { isCSSToken } from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isImportant(value: any): boolean {\n  return (\n    isString(value) && (/\\s*!important$/.test(value) || /\\s*!$/.test(value))\n  )\n}\n\nfunction omitImportant(value: any): string {\n  return isString(value) ? value.replace(/(!important|!)$/, \"\").trim() : value\n}\n\nfunction insertImportant(value: any, style?: StyleConfig): any {\n  if (isString(value)) {\n    return value + \" !important\"\n  } else if (isObject(value)) {\n    if (!style?.properties) return value\n\n    for (const property of style.properties) {\n      value[property] += \" !important\"\n    }\n  }\n\n  return value\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n  return function (value: any): boolean {\n    if (!isObject(value)) return false\n\n    const keys = Object.keys(value)\n\n    if (!keys.length) return false\n\n    if (!keys.includes(\"base\")) return false\n\n    return keys.every((key) => {\n      return (\n        breakpoints.isResponsiveKey(key) ||\n        key.startsWith(\"@\") ||\n        key.startsWith(\"_\")\n      )\n    })\n  }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n  return function (key: string, [lightValue, darkValue]: any[]): Dict {\n    let computedCSS: Dict = {}\n\n    if (isConditionalObject(breakpoints)(lightValue)) {\n      computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n    } else {\n      computedCSS[key] = lightValue\n    }\n\n    if (isConditionalObject(breakpoints)(darkValue)) {\n      computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n        key,\n        darkValue,\n      )\n    } else {\n      computedCSS[conditions._dark] = { [key]: darkValue }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n  return function (key: string, value: Dict) {\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !breakpoints.isResponsiveKey(key),\n    )\n\n    const breakpointObj = breakpoints.queries.reduce<Dict>(\n      (prev, { breakpoint, query }) => {\n        const breakpointValue = value[breakpoint]\n\n        if (breakpointValue) {\n          if (isArray(breakpointValue)) {\n            const colorModeValue = transformColorModeArray(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: colorModeValue } : colorModeValue,\n            )\n          } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n            const conditionalValue = transformConditionalObject(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: conditionalValue } : conditionalValue,\n            )\n          } else {\n            prev = merge(\n              prev,\n              query\n                ? { [query]: { [key]: breakpointValue } }\n                : { [key]: breakpointValue },\n            )\n          }\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Dict>(\n      (prev, conditionalKey) => {\n        const query = getCondition(conditionalKey)\n\n        prev[query] = { [key]: value[conditionalKey] }\n\n        return prev\n      },\n      {},\n    )\n\n    return { ...breakpointObj, ...additionalObj }\n  }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n  return function (key: string, value: any) {\n    if (isArray(value)) {\n      return transformColorModeArray(breakpoints)(key, value)\n    } else if (isConditionalObject(breakpoints)(value)) {\n      return transformConditionalObject(breakpoints)(key, value)\n    } else {\n      return { [key]: value }\n    }\n  }\n}\n\nfunction expandCSS(system: System) {\n  return function (css: Dict): Dict {\n    let computedCSS: Dict = {}\n\n    for (let [key, value] of Object.entries(css)) {\n      if (value == null) continue\n\n      if (!isVariableLength(key)) {\n        computedCSS = merge(\n          computedCSS,\n          transformConditionalValue(system)(key, value),\n        )\n      } else {\n        computedCSS = merge(computedCSS, { [key]: value })\n      }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction valueToVar(system: System) {\n  return function (prop: string, value: any) {\n    const result = transformInterpolation(\n      value,\n      function (value: string, fallbackValue?: string) {\n        if (value.includes(\"colorScheme.\")) {\n          return getColorSchemeVar(system)(value)\n        } else if (value.includes(\"colors.\")) {\n          return colorMix(value, { fallback: fallbackValue, system })\n        } else if (isCSSToken(system)(value)) {\n          return system.cssMap![value]!.ref\n        } else {\n          return getVar(value, fallbackValue)\n        }\n      },\n    )\n\n    if (prop.startsWith(\"--\") && isString(result)) {\n      if (result.includes(\"colorScheme.\")) {\n        return getColorSchemeVar(system)(result)\n      } else if (result.includes(\"colors.\")) {\n        return colorMix(result, { system })\n      } else if (isCSSToken(system)(result)) {\n        return system.cssMap![result]!.ref\n      } else {\n        return result\n      }\n    } else {\n      return result\n    }\n  }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = prev[property] ?? {}\n      prev[property] = merge(prev[property], value)\n    }\n  } else {\n    prev[prop] = prev[prop] ?? {}\n    prev[prop] = merge(prev[prop], value)\n  }\n\n  return prev\n}\n\nfunction insertCSS(\n  prev: Dict,\n  value: any,\n  prop: string,\n  properties?: string[],\n) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = value\n    }\n  } else {\n    prev[prop] = value\n  }\n\n  return prev\n}\n\nexport function getStyle(prop: string) {\n  const style = styles[prop as StyleProperty] as StyleConfig | true | undefined\n\n  return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n  return function (cssOrFn: CSSObjectOrFunction) {\n    function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n      const cssObj = runIfFn(cssOrFn, system)\n      const computedCSS = expandCSS(system)(cssObj)\n\n      let prev: Dict = {}\n\n      for (let [prop, value] of Object.entries(computedCSS)) {\n        value = valueToVar(system)(prop, value)\n\n        if (value == null) continue\n\n        prop = getCondition(prop)\n\n        const style = getStyle(prop)\n        const options: TransformOptions = {\n          css,\n          prev,\n          properties: style?.properties,\n          system,\n          theme,\n        }\n\n        if (isObject(value)) {\n          value = style?.transform?.(value, options) ?? value\n\n          if (isObject(value)) {\n            prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n          } else {\n            prev = insertCSS(prev, value, prop, style?.properties)\n          }\n\n          continue\n        }\n\n        const important = isImportant(value)\n\n        value = omitImportant(value)\n        value = style?.transform?.(value, options) ?? value\n\n        if (important) value = insertImportant(value, style)\n\n        if (style?.static) prev = merge(prev, style.static)\n\n        if (isObject(value)) {\n          prev = merge(prev, createCSS(value))\n\n          continue\n        }\n\n        prev = insertCSS(prev, value, prop, style?.properties)\n      }\n\n      return prev\n    }\n\n    return createCSS(cssOrFn)\n  }\n}\n\nexport type CSSFunction = typeof css\n"],"mappings":";;;;;;;;AAaA,SAAS,iBAAiBA,KAAsB;AAC9C,QAAO,iDAAyB,SAAS,IAA8B;AACxE;AAED,SAAS,YAAYC,OAAqB;AACxC,QACE,gDAAS,MAAM,KAAK,iBAAiB,KAAK,MAAM,IAAI,QAAQ,KAAK,MAAM;AAE1E;AAED,SAAS,cAAcA,OAAoB;AACzC,QAAO,gDAAS,MAAM,GAAG,MAAM,QAAQ,mBAAmB,GAAG,CAAC,MAAM,GAAG;AACxE;AAED,SAAS,gBAAgBA,OAAYC,OAA0B;AAC7D,KAAI,gDAAS,MAAM,CACjB,QAAO,QAAQ;UACN,gDAAS,MAAM,EAAE;AAC1B,OAAK,OAAO,WAAY,QAAO;AAE/B,OAAK,MAAM,YAAY,MAAM,WAC3B,OAAM,aAAa;CAEtB;AAED,QAAO;AACR;AAED,SAAS,oBAAoBC,aAA0B;AACrD,QAAO,SAAUF,OAAqB;AACpC,OAAK,gDAAS,MAAM,CAAE,QAAO;EAE7B,MAAM,OAAO,OAAO,KAAK,MAAM;AAE/B,OAAK,KAAK,OAAQ,QAAO;AAEzB,OAAK,KAAK,SAAS,OAAO,CAAE,QAAO;AAEnC,SAAO,KAAK,MAAM,CAAC,QAAQ;AACzB,UACE,YAAY,gBAAgB,IAAI,IAChC,IAAI,WAAW,IAAI,IACnB,IAAI,WAAW,IAAI;EAEtB,EAAC;CACH;AACF;AAED,SAAS,wBAAwBE,aAA0B;AACzD,QAAO,SAAUH,KAAa,CAAC,YAAY,UAAiB,EAAQ;EAClE,IAAII,cAAoB,CAAE;AAE1B,MAAI,oBAAoB,YAAY,CAAC,WAAW,CAC9C,eAAc,2BAA2B,YAAY,CAAC,KAAK,WAAW;MAEtE,aAAY,OAAO;AAGrB,MAAI,oBAAoB,YAAY,CAAC,UAAU,CAC7C,aAAYC,uCAAW,SAAS,2BAA2B,YAAY,CACrE,KACA,UACD;MAED,aAAYA,uCAAW,SAAS,GAAG,MAAM,UAAW;AAGtD,SAAO;CACR;AACF;AAED,SAAS,2BAA2BF,aAA0B;AAC5D,QAAO,SAAUH,KAAaM,OAAa;EACzC,MAAM,kBAAkB,OAAO,KAAK,MAAM,CAAC,OACzC,CAACC,WAAS,YAAY,gBAAgBA,MAAI,CAC3C;EAED,MAAM,gBAAgB,YAAY,QAAQ,OACxC,CAAC,MAAM,EAAE,YAAY,OAAO,KAAK;GAC/B,MAAM,kBAAkB,MAAM;AAE9B,OAAI,gBACF,KAAI,+CAAQ,gBAAgB,EAAE;IAC5B,MAAM,iBAAiB,wBAAwB,YAAY,CACzD,KACA,gBACD;AAED,WAAO,6CACL,MACA,QAAQ,GAAG,QAAQ,eAAgB,IAAG,eACvC;GACF,WAAU,oBAAoB,YAAY,CAAC,gBAAgB,EAAE;IAC5D,MAAM,mBAAmB,2BAA2B,YAAY,CAC9D,KACA,gBACD;AAED,WAAO,6CACL,MACA,QAAQ,GAAG,QAAQ,iBAAkB,IAAG,iBACzC;GACF,MACC,QAAO,6CACL,MACA,QACI,GAAG,QAAQ,GAAG,MAAM,gBAAiB,EAAE,IACvC,GAAG,MAAM,gBAAiB,EAC/B;AAIL,UAAO;EACR,GACD,CAAE,EACH;EAED,MAAM,gBAAgB,gBAAgB,OACpC,CAAC,MAAM,mBAAmB;GACxB,MAAM,QAAQ,yCAAa,eAAe;AAE1C,QAAK,SAAS,GAAG,MAAM,MAAM,gBAAiB;AAE9C,UAAO;EACR,GACD,CAAE,EACH;AAED,SAAO;GAAE,GAAG;GAAe,GAAG;EAAe;CAC9C;AACF;AAED,SAAgB,0BAA0B,EAAE,aAAqB,EAAE;AACjE,QAAO,SAAUP,KAAaC,OAAY;AACxC,MAAI,+CAAQ,MAAM,CAChB,QAAO,wBAAwB,YAAY,CAAC,KAAK,MAAM;WAC9C,oBAAoB,YAAY,CAAC,MAAM,CAChD,QAAO,2BAA2B,YAAY,CAAC,KAAK,MAAM;MAE1D,QAAO,GAAG,MAAM,MAAO;CAE1B;AACF;AAED,SAAS,UAAUO,QAAgB;AACjC,QAAO,SAAUC,OAAiB;EAChC,IAAIL,cAAoB,CAAE;AAE1B,OAAK,IAAI,CAAC,KAAK,MAAM,IAAI,OAAO,QAAQM,MAAI,EAAE;AAC5C,OAAI,SAAS,KAAM;AAEnB,QAAK,iBAAiB,IAAI,CACxB,eAAc,6CACZ,aACA,0BAA0B,OAAO,CAAC,KAAK,MAAM,CAC9C;OAED,eAAc,6CAAM,aAAa,GAAG,MAAM,MAAO,EAAC;EAErD;AAED,SAAO;CACR;AACF;AAED,SAAS,WAAWF,QAAgB;AAClC,QAAO,SAAUG,MAAcV,OAAY;EACzC,MAAM,SAAS,+CACb,OACA,SAAUW,SAAeC,eAAwB;AAC/C,OAAI,QAAM,SAAS,eAAe,CAChC,QAAO,0CAAkB,OAAO,CAACC,QAAM;YAC9B,QAAM,SAAS,UAAU,CAClC,QAAO,oCAASA,SAAO;IAAE,UAAU;IAAe;GAAQ,EAAC;YAClD,kCAAW,OAAO,CAACA,QAAM,CAClC,QAAO,OAAO,OAAQA,SAAQ;OAE9B,QAAO,+BAAOA,SAAO,cAAc;EAEtC,EACF;AAED,MAAI,KAAK,WAAW,KAAK,IAAI,gDAAS,OAAO,CAC3C,KAAI,OAAO,SAAS,eAAe,CACjC,QAAO,0CAAkB,OAAO,CAAC,OAAO;WAC/B,OAAO,SAAS,UAAU,CACnC,QAAO,oCAAS,QAAQ,EAAE,OAAQ,EAAC;WAC1B,kCAAW,OAAO,CAAC,OAAO,CACnC,QAAO,OAAO,OAAQ,QAAS;MAE/B,QAAO;MAGT,QAAO;CAEV;AACF;AAED,SAAS,SAASC,MAAYd,OAAYU,MAAcK,YAAuB;AAC7E,KAAI,WACF,MAAK,MAAM,YAAY,YAAY;AACjC,OAAK,YAAY,KAAK,aAAa,CAAE;AACrC,OAAK,YAAY,6CAAM,KAAK,WAAW,MAAM;CAC9C;MACI;AACL,OAAK,QAAQ,KAAK,SAAS,CAAE;AAC7B,OAAK,QAAQ,6CAAM,KAAK,OAAO,MAAM;CACtC;AAED,QAAO;AACR;AAED,SAAS,UACPD,MACAd,OACAU,MACAK,YACA;AACA,KAAI,WACF,MAAK,MAAM,YAAY,WACrB,MAAK,YAAY;KAGnB,MAAK,QAAQ;AAGf,QAAO;AACR;AAED,SAAgB,SAASL,MAAc;CACrC,MAAM,QAAQM,+BAAO;AAErB,QAAO,UAAU,OAAO,EAAE,YAAY,CAAC,IAAK,EAAE,IAAG;AAClD;AAED,SAAgB,IAAIT,QAAgBU,QAAoB,CAAE,GAAE;AAC1D,QAAO,SAAUC,SAA8B;EAC7C,SAAS,UAAUA,WAAoC;GACrD,MAAM,SAAS,+CAAQC,WAAS,OAAO;GACvC,MAAM,cAAc,UAAU,OAAO,CAAC,OAAO;GAE7C,IAAIL,OAAa,CAAE;AAEnB,QAAK,IAAI,CAAC,MAAM,MAAM,IAAI,OAAO,QAAQ,YAAY,EAAE;AACrD,YAAQ,WAAW,OAAO,CAAC,MAAM,MAAM;AAEvC,QAAI,SAAS,KAAM;AAEnB,WAAO,yCAAa,KAAK;IAEzB,MAAM,QAAQ,SAAS,KAAK;IAC5B,MAAMM,UAA4B;KAChC;KACA;KACA,YAAY,OAAO;KACnB;KACA;IACD;AAED,QAAI,gDAAS,MAAM,EAAE;AACnB,aAAQ,OAAO,YAAY,OAAO,QAAQ,IAAI;AAE9C,SAAI,gDAAS,MAAM,CACjB,QAAO,SAAS,MAAM,UAAU,MAAM,EAAE,MAAM,OAAO,WAAW;SAEhE,QAAO,UAAU,MAAM,OAAO,MAAM,OAAO,WAAW;AAGxD;IACD;IAED,MAAM,YAAY,YAAY,MAAM;AAEpC,YAAQ,cAAc,MAAM;AAC5B,YAAQ,OAAO,YAAY,OAAO,QAAQ,IAAI;AAE9C,QAAI,UAAW,SAAQ,gBAAgB,OAAO,MAAM;AAEpD,QAAI,OAAO,OAAQ,QAAO,6CAAM,MAAM,MAAM,OAAO;AAEnD,QAAI,gDAAS,MAAM,EAAE;AACnB,YAAO,6CAAM,MAAM,UAAU,MAAM,CAAC;AAEpC;IACD;AAED,WAAO,UAAU,MAAM,OAAO,MAAM,OAAO,WAAW;GACvD;AAED,UAAO;EACR;AAED,SAAO,UAAU,QAAQ;CAC1B;AACF"}
+{"version":3,"file":"css.cjs","names":["key: string","value: any","style?: StyleConfig","breakpoints: Breakpoints","computedCSS: Dict","conditions","value: Dict","key","system: System","css: Dict","css","prop: string","value: string","fallbackValue?: string","value","prev: Dict","properties?: string[]","styles","theme: UsageTheme","cssOrFn: CSSObjectOrFunction","cssOrFn","options: TransformOptions"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, isObject, isString, merge, runIfFn } from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport { isCSSToken } from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isImportant(value: any): boolean {\n  return (\n    isString(value) && (/\\s*!important$/.test(value) || /\\s*!$/.test(value))\n  )\n}\n\nfunction omitImportant(value: any): string {\n  return isString(value) ? value.replace(/(!important|!)$/, \"\").trim() : value\n}\n\nfunction insertImportant(value: any, style?: StyleConfig): any {\n  if (isString(value)) {\n    return value + \" !important\"\n  } else if (isObject(value)) {\n    if (!style?.properties) return value\n\n    for (const property of style.properties) {\n      value[property] += \" !important\"\n    }\n  }\n\n  return value\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n  return function (value: any): boolean {\n    if (!isObject(value)) return false\n\n    const keys = Object.keys(value)\n\n    if (!keys.length) return false\n\n    if (!keys.includes(\"base\")) return false\n\n    return keys.every((key) => {\n      return (\n        breakpoints.isResponsiveKey(key) ||\n        key.startsWith(\"@\") ||\n        key.startsWith(\"_\")\n      )\n    })\n  }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n  return function (key: string, [lightValue, darkValue]: any[]): Dict {\n    let computedCSS: Dict = {}\n\n    if (isConditionalObject(breakpoints)(lightValue)) {\n      computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n    } else {\n      computedCSS[key] = lightValue\n    }\n\n    if (isConditionalObject(breakpoints)(darkValue)) {\n      computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n        key,\n        darkValue,\n      )\n    } else {\n      computedCSS[conditions._dark] = { [key]: darkValue }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n  return function (key: string, value: Dict) {\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !breakpoints.isResponsiveKey(key),\n    )\n\n    const breakpointObj = breakpoints.queries.reduce<Dict>(\n      (prev, { breakpoint, query }) => {\n        const breakpointValue = value[breakpoint]\n\n        if (breakpointValue) {\n          if (isArray(breakpointValue)) {\n            const colorModeValue = transformColorModeArray(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: colorModeValue } : colorModeValue,\n            )\n          } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n            const conditionalValue = transformConditionalObject(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: conditionalValue } : conditionalValue,\n            )\n          } else {\n            prev = merge(\n              prev,\n              query\n                ? { [query]: { [key]: breakpointValue } }\n                : { [key]: breakpointValue },\n            )\n          }\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Dict>(\n      (prev, conditionalKey) => {\n        const query = getCondition(conditionalKey)\n\n        prev[query] = { [key]: value[conditionalKey] }\n\n        return prev\n      },\n      {},\n    )\n\n    return { ...breakpointObj, ...additionalObj }\n  }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n  return function (key: string, value: any) {\n    if (isArray(value)) {\n      return transformColorModeArray(breakpoints)(key, value)\n    } else if (isConditionalObject(breakpoints)(value)) {\n      return transformConditionalObject(breakpoints)(key, value)\n    } else {\n      return { [key]: value }\n    }\n  }\n}\n\nfunction expandCSS(system: System) {\n  return function (css: Dict): Dict {\n    let computedCSS: Dict = {}\n\n    for (let [key, value] of Object.entries(css)) {\n      if (value == null) continue\n\n      if (!isVariableLength(key)) {\n        computedCSS = merge(\n          computedCSS,\n          transformConditionalValue(system)(key, value),\n        )\n      } else {\n        computedCSS = merge(computedCSS, { [key]: value })\n      }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction valueToVar(system: System) {\n  return function (prop: string, value: any) {\n    const result = transformInterpolation(\n      value,\n      function (value: string, fallbackValue?: string) {\n        if (value.includes(\"colorScheme.\")) {\n          return getColorSchemeVar(system)(value)\n        } else if (value.includes(\"colors.\")) {\n          return colorMix(value, { fallback: fallbackValue, system })\n        } else if (isCSSToken(system)(value)) {\n          return system.cssMap![value]!.ref\n        } else {\n          return getVar(value, fallbackValue)\n        }\n      },\n    )\n\n    if (prop.startsWith(\"--\") && isString(result)) {\n      if (result.includes(\"colorScheme.\")) {\n        return getColorSchemeVar(system)(result)\n      } else if (result.includes(\"colors.\")) {\n        return colorMix(result, { system })\n      } else if (isCSSToken(system)(result)) {\n        return system.cssMap![result]!.ref\n      } else {\n        return result\n      }\n    } else {\n      return result\n    }\n  }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = prev[property] ?? {}\n      prev[property] = merge(prev[property], value)\n    }\n  } else {\n    prev[prop] = prev[prop] ?? {}\n    prev[prop] = merge(prev[prop], value)\n  }\n\n  return prev\n}\n\nfunction insertCSS(\n  prev: Dict,\n  value: any,\n  prop: string,\n  properties?: string[],\n) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = value\n    }\n  } else {\n    prev[prop] = value\n  }\n\n  return prev\n}\n\nexport function getStyle(prop: string) {\n  const style = styles[prop as StyleProperty] as StyleConfig | true | undefined\n\n  return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n  return function (cssOrFn: CSSObjectOrFunction) {\n    function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n      const cssObj = runIfFn(cssOrFn, system)\n      const computedCSS = expandCSS(system)(cssObj)\n\n      let prev: Dict = {}\n\n      for (let [prop, value] of Object.entries(computedCSS)) {\n        value = valueToVar(system)(prop, value)\n\n        if (value == null) continue\n\n        prop = getCondition(prop)\n\n        const style = getStyle(prop)\n        const options: TransformOptions = {\n          css,\n          prev,\n          properties: style?.properties,\n          system,\n          theme,\n        }\n\n        if (isObject(value)) {\n          value = style?.transform?.(value, options) ?? value\n\n          if (isObject(value)) {\n            prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n          } else {\n            prev = insertCSS(prev, value, prop, style?.properties)\n          }\n\n          continue\n        }\n\n        const important = isImportant(value)\n\n        value = omitImportant(value)\n        value = style?.transform?.(value, options) ?? value\n\n        if (important) value = insertImportant(value, style)\n\n        if (style?.static) prev = merge(prev, style.static)\n\n        if (isObject(value)) {\n          prev = merge(prev, createCSS(value))\n\n          continue\n        }\n\n        prev = insertCSS(prev, value, prop, style?.properties)\n      }\n\n      return prev\n    }\n\n    return createCSS(cssOrFn)\n  }\n}\n\nexport type CSSFunction = typeof css\n"],"mappings":"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"}

package/dist/cjs/core/css/gradient.cjs

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_css_utils = require('./utils.cjs');
 
 //#region src/core/css/gradient.ts
@@ -23,16 +23,16 @@ function gradient(value, { system }) {
 	const [maybeDirection, ...colors] = require_core_css_utils.splitValues(values);
 	if (!colors.length) return value;
 	const direction = maybeDirection && maybeDirection in directions ? directions[maybeDirection] : maybeDirection;
-	if (!(0, require_utils_index.utils_exports.isUndefined)(direction)) colors.unshift(direction);
+	if (!require_utils_common_assertion.isUndefined(direction)) colors.unshift(direction);
 	const computedValues = colors.map((_color) => {
-		if ((0, require_utils_index.utils_exports.isUndefined)(_color)) return _color;
+		if (require_utils_common_assertion.isUndefined(_color)) return _color;
 		if (directionValues.has(_color)) return _color;
 		const i = _color.indexOf(" ");
 		let [color, _ratio] = i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color];
 		const ratio = require_core_css_utils.isCSSFunction(_ratio) ? _ratio : _ratio?.split(" ");
 		const token = `colors.${color}`;
 		color = require_core_css_utils.isCSSToken(system)(token) ? system.cssMap[token].ref : color;
-		if (ratio) return [color, ...(0, require_utils_index.utils_exports.isArray)(ratio) ? ratio : [ratio]].join(" ");
+		if (ratio) return [color, ...require_utils_common_assertion.isArray(ratio) ? ratio : [ratio]].join(" ");
 		else return color;
 	});
 	return `${type}(${computedValues.join(", ")})`;

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

@@ -1 +1 @@
-{"version":3,"file":"gradient.cjs","names":["directions: { [key: string]: string }","value: any"],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap![token]!.ref : color\n\n    if (ratio) {\n      return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    } else {\n      return color\n    }\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;;AAUA,MAAMA,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;AACV;AAED,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,WAAW;AAEzD,SAAgB,SAASC,OAAY,EAAE,QAA0B,EAAE;AACjE,KAAI,SAAS,QAAQ,oCAAa,IAAI,MAAM,CAAE,QAAO;CAErD,MAAM,UAAU,qCAAc,MAAM;AAEpC,MAAK,QAAS,SAAQ,OAAO,MAAM;CAEnC,IAAI,EAAE,MAAM,QAAQ,GAAG,sCAAe,MAAM;AAE5C,MAAK,SAAS,OAAQ,QAAO;AAE7B,QAAO,KAAK,SAAS,YAAY,GAAG,UAAU,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,OAAO,GAAG,mCAAY,OAAO;AAEvD,MAAK,OAAO,OAAQ,QAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;AAEN,MAAK,mDAAY,UAAU,CAAE,QAAO,QAAQ,UAAU;CAEtD,MAAM,iBAAiB,OAAO,IAAI,CAAC,WAAW;AAC5C,MAAI,mDAAY,OAAO,CAAE,QAAO;AAEhC,MAAI,gBAAgB,IAAI,OAAO,CAAE,QAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,IAAI;EAE7B,IAAI,CAAC,OAAO,OAAO,GACjB,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,EAAE,EAAE,OAAO,MAAM,IAAI,EAAE,AAAC,IAAG,CAAC,MAAO;EAEjE,MAAM,QAAQ,qCAAc,OAAO,GAAG,SAAS,QAAQ,MAAM,IAAI;EAEjE,MAAM,SAAS,SAAS;AAExB,UAAQ,kCAAW,OAAO,CAAC,MAAM,GAAG,OAAO,OAAQ,OAAQ,MAAM;AAEjE,MAAI,MACF,QAAO,CAAC,OAAO,GAAI,+CAAQ,MAAM,GAAG,QAAQ,CAAC,KAAM,CAAE,EAAC,KAAK,IAAI;MAE/D,QAAO;CAEV,EAAC;AAEF,WAAU,KAAK,GAAG,eAAe,KAAK,KAAK,CAAC;AAC7C"}
+{"version":3,"file":"gradient.cjs","names":["directions: { [key: string]: string }","value: any"],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap![token]!.ref : color\n\n    if (ratio) {\n      return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    } else {\n      return color\n    }\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;;AAUA,MAAMA,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;AACV;AAED,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,WAAW;AAEzD,SAAgB,SAASC,OAAY,EAAE,QAA0B,EAAE;AACjE,KAAI,SAAS,QAAQ,oCAAa,IAAI,MAAM,CAAE,QAAO;CAErD,MAAM,UAAU,qCAAc,MAAM;AAEpC,MAAK,QAAS,SAAQ,OAAO,MAAM;CAEnC,IAAI,EAAE,MAAM,QAAQ,GAAG,sCAAe,MAAM;AAE5C,MAAK,SAAS,OAAQ,QAAO;AAE7B,QAAO,KAAK,SAAS,YAAY,GAAG,UAAU,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,OAAO,GAAG,mCAAY,OAAO;AAEvD,MAAK,OAAO,OAAQ,QAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;AAEN,MAAK,2CAAY,UAAU,CAAE,QAAO,QAAQ,UAAU;CAEtD,MAAM,iBAAiB,OAAO,IAAI,CAAC,WAAW;AAC5C,MAAI,2CAAY,OAAO,CAAE,QAAO;AAEhC,MAAI,gBAAgB,IAAI,OAAO,CAAE,QAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,IAAI;EAE7B,IAAI,CAAC,OAAO,OAAO,GACjB,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,EAAE,EAAE,OAAO,MAAM,IAAI,EAAE,AAAC,IAAG,CAAC,MAAO;EAEjE,MAAM,QAAQ,qCAAc,OAAO,GAAG,SAAS,QAAQ,MAAM,IAAI;EAEjE,MAAM,SAAS,SAAS;AAExB,UAAQ,kCAAW,OAAO,CAAC,MAAM,GAAG,OAAO,OAAQ,OAAQ,MAAM;AAEjE,MAAI,MACF,QAAO,CAAC,OAAO,GAAI,uCAAQ,MAAM,GAAG,QAAQ,CAAC,KAAM,CAAE,EAAC,KAAK,IAAI;MAE/D,QAAO;CAEV,EAAC;AAEF,WAAU,KAAK,GAAG,eAAe,KAAK,KAAK,CAAC;AAC7C"}

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

@@ -1,8 +1,8 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_array = require('../../utils/common/array.cjs');
 
 //#region src/core/css/merge-css.ts
 const mergeCSS = (...css) => {
-	return (0, require_utils_index.utils_exports.filterEmpty)(css).flat();
+	return require_utils_common_array.filterEmpty(css).flat();
 };
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"merge-css.cjs","names":[],"sources":["../../../../src/core/css/merge-css.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport { filterEmpty } from \"../../utils\"\n\nexport const mergeCSS = (...css: (CSSObject | CSSObject[] | undefined)[]) => {\n  return filterEmpty(css).flat()\n}\n"],"mappings":";;;AAGA,MAAa,WAAW,CAAC,GAAG,QAAiD;AAC3E,QAAO,mDAAY,IAAI,CAAC,MAAM;AAC/B"}
+{"version":3,"file":"merge-css.cjs","names":[],"sources":["../../../../src/core/css/merge-css.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport { filterEmpty } from \"../../utils\"\n\nexport const mergeCSS = (...css: (CSSObject | CSSObject[] | undefined)[]) => {\n  return filterEmpty(css).flat()\n}\n"],"mappings":";;;AAGA,MAAa,WAAW,CAAC,GAAG,QAAiD;AAC3E,QAAO,uCAAY,IAAI,CAAC,MAAM;AAC/B"}

package/dist/cjs/core/css/style.cjs

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 
 //#region src/core/css/style.ts
 function generateStyle(prefix) {
@@ -6,7 +6,7 @@ function generateStyle(prefix) {
 		const result = {};
 		let style = {};
 		if (prefix) style = theme?.styles?.[prefix]?.[value] ?? {};
-		else if ((0, require_utils_index.utils_exports.isString)(value)) {
+		else if (require_utils_common_assertion.isString(value)) {
 			const [key, ...rest] = value.split(".");
 			if (key) style = theme?.styles?.[key]?.[rest.join(".")] ?? {};
 		}

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

@@ -1 +1 @@
-{"version":3,"file":"style.cjs","names":["prefix?: string","result: Dict","style: Dict"],"sources":["../../../../src/core/css/style.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isString } from \"../../utils\"\n\nexport function generateStyle(prefix?: string): Transform {\n  return function (value, { prev = {}, theme }) {\n    const result: Dict = {}\n\n    let style: Dict = {}\n\n    if (prefix) {\n      style = theme?.styles?.[prefix]?.[value] ?? {}\n    } else if (isString(value)) {\n      const [key, ...rest] = value.split(\".\")\n\n      if (key) style = theme?.styles?.[key]?.[rest.join(\".\")] ?? {}\n    }\n\n    for (const prop in style) {\n      const done = prop in prev && prev[prop] != null\n\n      if (!done) result[prop] = style[prop]\n    }\n\n    return result as CSSObject\n  }\n}\n"],"mappings":";;;AAKA,SAAgB,cAAcA,QAA4B;AACxD,QAAO,SAAU,OAAO,EAAE,OAAO,CAAE,GAAE,OAAO,EAAE;EAC5C,MAAMC,SAAe,CAAE;EAEvB,IAAIC,QAAc,CAAE;AAEpB,MAAI,OACF,SAAQ,OAAO,SAAS,UAAU,UAAU,CAAE;WACrC,gDAAS,MAAM,EAAE;GAC1B,MAAM,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,MAAM,IAAI;AAEvC,OAAI,IAAK,SAAQ,OAAO,SAAS,OAAO,KAAK,KAAK,IAAI,KAAK,CAAE;EAC9D;AAED,OAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,QAAQ,QAAQ,KAAK,SAAS;AAE3C,QAAK,KAAM,QAAO,QAAQ,MAAM;EACjC;AAED,SAAO;CACR;AACF"}
+{"version":3,"file":"style.cjs","names":["prefix?: string","result: Dict","style: Dict"],"sources":["../../../../src/core/css/style.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isString } from \"../../utils\"\n\nexport function generateStyle(prefix?: string): Transform {\n  return function (value, { prev = {}, theme }) {\n    const result: Dict = {}\n\n    let style: Dict = {}\n\n    if (prefix) {\n      style = theme?.styles?.[prefix]?.[value] ?? {}\n    } else if (isString(value)) {\n      const [key, ...rest] = value.split(\".\")\n\n      if (key) style = theme?.styles?.[key]?.[rest.join(\".\")] ?? {}\n    }\n\n    for (const prop in style) {\n      const done = prop in prev && prev[prop] != null\n\n      if (!done) result[prop] = style[prop]\n    }\n\n    return result as CSSObject\n  }\n}\n"],"mappings":";;;AAKA,SAAgB,cAAcA,QAA4B;AACxD,QAAO,SAAU,OAAO,EAAE,OAAO,CAAE,GAAE,OAAO,EAAE;EAC5C,MAAMC,SAAe,CAAE;EAEvB,IAAIC,QAAc,CAAE;AAEpB,MAAI,OACF,SAAQ,OAAO,SAAS,UAAU,UAAU,CAAE;WACrC,wCAAS,MAAM,EAAE;GAC1B,MAAM,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,MAAM,IAAI;AAEvC,OAAI,IAAK,SAAQ,OAAO,SAAS,OAAO,KAAK,KAAK,IAAI,KAAK,CAAE;EAC9D;AAED,OAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,QAAQ,QAAQ,KAAK,SAAS;AAE3C,QAAK,KAAM,QAAO,QAAQ,MAAM;EACjC;AAED,SAAO;CACR;AACF"}

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

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_system_var = require('../system/var.cjs');
 
 //#region src/core/css/utils.ts
@@ -10,7 +10,7 @@ const globalValues = new Set([
 	"unset"
 ]);
 function isCSSFunction(value) {
-	return (0, require_utils_index.utils_exports.isString)(value) && value.includes("(") && value.includes(")");
+	return require_utils_common_assertion.isString(value) && value.includes("(") && value.includes(")");
 }
 function getCSSFunction(value) {
 	const regex = /(^[a-z-A-Z]+)\((.*)\)/g;
@@ -30,7 +30,7 @@ function splitValues(values, cb = (current) => current === ",", addSeparator = f
 		const next = values[i + 1];
 		if (current === "(") depth++;
 		if (current === ")") depth--;
-		if (!(0, require_utils_index.utils_exports.isUndefined)(current) && cb(current, prev, next) && depth === 0) {
+		if (!require_utils_common_assertion.isUndefined(current) && cb(current, prev, next) && depth === 0) {
 			if (value) result.push(value.trim());
 			if (addSeparator) result.push(current);
 			value = "";
@@ -44,7 +44,7 @@ function isCSSVar(value) {
 }
 function isCSSToken({ cssMap }) {
 	return function(value) {
-		return (0, require_utils_index.utils_exports.isObject)(cssMap) && value in cssMap && !!cssMap[value]?.ref;
+		return require_utils_common_assertion.isObject(cssMap) && value in cssMap && !!cssMap[value]?.ref;
 	};
 }
 function analyzeCSSValue(value) {

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":["value: any","values: string","cb: (\n    current: string,\n    prev: string | undefined,\n    next: string | undefined,\n  ) => boolean","value: string","system: System","token: ThemeToken","fallbackValue?: any","light: L","dark: D","colorMode: ColorMode | undefined","a: Transform","b: Transform"],"sources":["../../../../src/core/css/utils.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { ColorMode, System, ThemeToken, UsageTheme } from \"../system\"\nimport type { CSSFunction } from \"./css\"\nimport type { 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 isCSSToken({ cssMap }: System) {\n  return function (value: any) {\n    return isObject(cssMap) && value in cssMap && !!cssMap[value]?.ref\n  }\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 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;AACD;AAED,SAAgB,cAAcA,OAAY;AACxC,QAAO,gDAAS,MAAM,IAAI,MAAM,SAAS,IAAI,IAAI,MAAM,SAAS,IAAI;AACrE;AAED,SAAgB,eAAeA,OAAY;CACzC,MAAM,QAAQ;CACd,MAAM,GAAG,MAAM,OAAO,GAAG,MAAM,KAAK,MAAM,IAAI,CAAE;AAEhD,QAAO;EAAE;EAAM;CAAQ;AACxB;AAED,SAAgB,YACdC,QACAC,KAIe,CAAC,YAAY,YAAY,KACxC,eAAe,OACf;CACA,MAAM,SAAS,CAAE;CAEjB,IAAI,QAAQ;CACZ,IAAI,QAAQ;AAEZ,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,MAAM,UAAU,OAAO;EACvB,MAAM,OAAO,OAAO,IAAI;EACxB,MAAM,OAAO,OAAO,IAAI;AAExB,MAAI,YAAY,IAAK;AACrB,MAAI,YAAY,IAAK;AAErB,OAAK,mDAAY,QAAQ,IAAI,GAAG,SAAS,MAAM,KAAK,IAAI,UAAU,GAAG;AACnE,OAAI,MAAO,QAAO,KAAK,MAAM,MAAM,CAAC;AAEpC,OAAI,aAAc,QAAO,KAAK,QAAQ;AAEtC,WAAQ;EACT,MACC,UAAS;CAEZ;AAED,KAAI,MAAO,QAAO,KAAK,MAAM,MAAM,CAAC;AAEpC,QAAO,OAAO,OAAO,QAAQ;AAC9B;AAED,SAAgB,SAASC,OAAe;AACtC,QAAO,gBAAgB,KAAK,MAAM;AACnC;AAED,SAAgB,WAAW,EAAE,QAAgB,EAAE;AAC7C,QAAO,SAAUH,OAAY;AAC3B,SAAO,gDAAS,OAAO,IAAI,SAAS,YAAY,OAAO,QAAQ;CAChE;AACF;AAED,SAAgB,gBAAgBA,OAAY;CAC1C,IAAI,IAAI,WAAW,MAAM,UAAU,CAAC;CACpC,MAAM,OAAO,MAAM,UAAU,CAAC,QAAQ,OAAO,EAAE,EAAE,GAAG;AAEpD,QAAO;EAAE;EAAM,WAAW;EAAM;CAAO;AACxC;AAED,SAAgB,WAAWI,QAAgB;AACzC,QAAO,SAAUC,OAAmBL,OAAYM,eAAqB;AACnE,MAAI,sCAAc,MAAM,CAAE,QAAO,0CAAkB,OAAO,CAAC,MAAM;EAEjE,MAAM,mBAAmB,MAAM,GAAG;AAElC,MAAI,WAAW,OAAO,CAAC,cAAc,CACnC,QAAO,OAAO,OAAQ,eAAgB;MAEtC,QAAO,iBAAiB;CAE3B;AACF;AAED,SAAgB,KAAWC,OAAUC,MAAS;AAC5C,QAAO,SAAUC,YAAmC,SAAgB;AAClE,SAAO,cAAc,UAAU,QAAQ;CACxC;AACF;AAED,SAAS,iBAAiBC,GAAcC,GAAyB;AAC/D,QAAO,SAAU,OAAO,GAAG,MAAM;AAC/B,SAAO,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK;CACrC;AACF;AAED,SAAgB,KAAK,GAAG,cAA2B;AACjD,QAAO,aAAa,OAAO,iBAAiB;AAC7C"}
+{"version":3,"file":"utils.cjs","names":["value: any","values: string","cb: (\n    current: string,\n    prev: string | undefined,\n    next: string | undefined,\n  ) => boolean","value: string","system: System","token: ThemeToken","fallbackValue?: any","light: L","dark: D","colorMode: ColorMode | undefined","a: Transform","b: Transform"],"sources":["../../../../src/core/css/utils.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { ColorMode, System, ThemeToken, UsageTheme } from \"../system\"\nimport type { CSSFunction } from \"./css\"\nimport type { 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 isCSSToken({ cssMap }: System) {\n  return function (value: any) {\n    return isObject(cssMap) && value in cssMap && !!cssMap[value]?.ref\n  }\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 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;AACD;AAED,SAAgB,cAAcA,OAAY;AACxC,QAAO,wCAAS,MAAM,IAAI,MAAM,SAAS,IAAI,IAAI,MAAM,SAAS,IAAI;AACrE;AAED,SAAgB,eAAeA,OAAY;CACzC,MAAM,QAAQ;CACd,MAAM,GAAG,MAAM,OAAO,GAAG,MAAM,KAAK,MAAM,IAAI,CAAE;AAEhD,QAAO;EAAE;EAAM;CAAQ;AACxB;AAED,SAAgB,YACdC,QACAC,KAIe,CAAC,YAAY,YAAY,KACxC,eAAe,OACf;CACA,MAAM,SAAS,CAAE;CAEjB,IAAI,QAAQ;CACZ,IAAI,QAAQ;AAEZ,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,MAAM,UAAU,OAAO;EACvB,MAAM,OAAO,OAAO,IAAI;EACxB,MAAM,OAAO,OAAO,IAAI;AAExB,MAAI,YAAY,IAAK;AACrB,MAAI,YAAY,IAAK;AAErB,OAAK,2CAAY,QAAQ,IAAI,GAAG,SAAS,MAAM,KAAK,IAAI,UAAU,GAAG;AACnE,OAAI,MAAO,QAAO,KAAK,MAAM,MAAM,CAAC;AAEpC,OAAI,aAAc,QAAO,KAAK,QAAQ;AAEtC,WAAQ;EACT,MACC,UAAS;CAEZ;AAED,KAAI,MAAO,QAAO,KAAK,MAAM,MAAM,CAAC;AAEpC,QAAO,OAAO,OAAO,QAAQ;AAC9B;AAED,SAAgB,SAASC,OAAe;AACtC,QAAO,gBAAgB,KAAK,MAAM;AACnC;AAED,SAAgB,WAAW,EAAE,QAAgB,EAAE;AAC7C,QAAO,SAAUH,OAAY;AAC3B,SAAO,wCAAS,OAAO,IAAI,SAAS,YAAY,OAAO,QAAQ;CAChE;AACF;AAED,SAAgB,gBAAgBA,OAAY;CAC1C,IAAI,IAAI,WAAW,MAAM,UAAU,CAAC;CACpC,MAAM,OAAO,MAAM,UAAU,CAAC,QAAQ,OAAO,EAAE,EAAE,GAAG;AAEpD,QAAO;EAAE;EAAM,WAAW;EAAM;CAAO;AACxC;AAED,SAAgB,WAAWI,QAAgB;AACzC,QAAO,SAAUC,OAAmBL,OAAYM,eAAqB;AACnE,MAAI,sCAAc,MAAM,CAAE,QAAO,0CAAkB,OAAO,CAAC,MAAM;EAEjE,MAAM,mBAAmB,MAAM,GAAG;AAElC,MAAI,WAAW,OAAO,CAAC,cAAc,CACnC,QAAO,OAAO,OAAQ,eAAgB;MAEtC,QAAO,iBAAiB;CAE3B;AACF;AAED,SAAgB,KAAWC,OAAUC,MAAS;AAC5C,QAAO,SAAUC,YAAmC,SAAgB;AAClE,SAAO,cAAc,UAAU,QAAQ;CACxC;AACF;AAED,SAAS,iBAAiBC,GAAcC,GAAyB;AAC/D,QAAO,SAAU,OAAO,GAAG,MAAM;AAC/B,SAAO,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK;CACrC;AACF;AAED,SAAgB,KAAK,GAAG,cAA2B;AACjD,QAAO,aAAa,OAAO,iBAAiB;AAC7C"}

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

@@ -1,4 +1,5 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 
 //#region src/core/system/breakpoint.ts
 function createQuery(min, max, identifier = "@media screen") {
@@ -41,7 +42,7 @@ function createQueries(breakpoints, config) {
 	};
 }
 function transformBreakpoints(breakpoints, config) {
-	return Object.fromEntries(Object.entries(breakpoints).map(([name, value]) => [name, (0, require_utils_index.utils_exports.getPx)(value)]).sort((a, b) => {
+	return Object.fromEntries(Object.entries(breakpoints).map(([name, value]) => [name, require_utils_common_dom.getPx(value)]).sort((a, b) => {
 		if (config.direction !== "up") return b[1] - a[1];
 		else return a[1] - b[1];
 	}));
@@ -54,7 +55,7 @@ function createBreakpoints(breakpoints = {}, config = {}) {
 	const { queries, queriesObj } = createQueries(transformedBreakpoints, config);
 	const keys = Object.keys(queriesObj);
 	function isResponsive(obj, strict = false) {
-		if (!(0, require_utils_index.utils_exports.isObject)(obj)) return false;
+		if (!require_utils_common_assertion.isObject(obj)) return false;
 		const providedKeys = Object.keys(obj);
 		if (!providedKeys.length) return false;
 		if (strict && !providedKeys.includes("base")) return false;

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

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.cjs","names":["min: number | undefined","max: number | undefined","breakpoints: Dict<number>","config: BreakpointConfig","breakpoints: Dict","breakpoints: DefineThemeBreakpointTokens","obj: any","key: string"],"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  getQuery: (key: string) => string | undefined\n  isResponsive: (obj: any, strict?: boolean) => boolean\n  isResponsiveKey: (key: string) => boolean\n  keys: Breakpoint[]\n  queries: BreakpointQuery[]\n  queriesObj: { [key: string]: BreakpointQuery }\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,YACPA,KACAC,KACA,aAAa,iBACO;CACpB,MAAM,QAAQ,CAAC,UAAW;AAE1B,KAAI,IAAK,OAAM,KAAK,QAAQ,cAAc,IAAI,KAAK;AACnD,KAAI,IAAK,OAAM,KAAK,QAAQ,cAAc,IAAI,KAAK;AAEnD,QAAO,MAAM,SAAS,IAClB,MAAM,KAAK,IAAI,CAAC,QAAQ,+BAA+B,cAAc;AAE1E;AAED,SAAS,cAAcC,aAA2BC,QAA0B;CAC1E,MAAM,EAAE,WAAW,YAAY,GAAG;CAClC,MAAM,OAAO,cAAc;CAE3B,MAAM,eAAe,OAAO,QAAQ,YAAY,CAC7C,IAAI,CAAC,CAAC,YAAY,MAAM,EAAE,GAAG,UAAU;EACtC,MAAM,GAAG,aAAa,GAAG,MAAM,IAAI,MAAM,CAAE;EAC3C,IAAI,OAAO,OAAO,eAAe;EACjC,IAAI,OAAO,OAAO,QAAQ;AAE1B,MAAI,eAAe,OACjB,KAAI,KACF;MAEA;AAIJ,MAAI,MACF;OAAI,KAAM,SAAQ;EAAC,WAEf,KAAM,SAAQ;EAGpB,MAAM,YAAY,oBAAuB,MAAM,WAAW;EAC1D,MAAM,YAAY,YAAY,cAAiB,WAAW;EAC1D,MAAM,cAAc,YAAY,MAAM,MAAM,WAAW;EACvD,MAAM,QAAQ,OAAO,YAAY;AAEjC,SAAO,CACL,YACA;GACc;GACZ;GACA;GACA;GACA;GACA;GACA;EACD,CACF;CACF,EAAC,CACD,KAAK,CAAC,GAAG,MACR,QACK,EAAE,GAAG,QAAQ,aAAa,EAAE,GAAG,QAAQ,aACvC,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,QAAQ,GACtC;CAEH,MAAM,UAAU,aAAa,IAAI,CAAC,CAAC,GAAG,MAAM,KAAK,MAAM;CACvD,MAAM,aAAa,OAAO,YAAY,aAAa;AAEnD,QAAO;EAAE;EAAS;CAAY;AAC/B;AAED,SAAS,qBACPC,aACAD,QACM;AACN,QAAO,OAAO,YACZ,OAAO,QAAQ,YAAY,CACxB,IAAI,CAAC,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,6CAAM,MAAM,AAAC,EAAU,CACrD,KAAK,CAAC,GAAG,MAAM;AACd,MAAI,OAAO,cAAc,KACvB,QAAO,EAAE,KAAK,EAAE;MAEhB,QAAO,EAAE,KAAK,EAAE;CAEnB,EAAC,CACL;AACF;AAED,SAAgB,kBACdE,cAA2C,CAAE,GAC7CF,SAA2B,CAAE,GAChB;AACb,QAAO,SAAS;AAChB,QAAO,cAAc;AAErB,aAAY,OAAO,OAAO,cAAc,OAAO,OAAO,OAAO;CAE7D,MAAM,yBAAyB,qBAAqB,aAAa,OAAO;CACxE,MAAM,EAAE,SAAS,YAAY,GAAG,cAAc,wBAAwB,OAAO;CAC7E,MAAM,OAAO,OAAO,KAAK,WAAW;CAEpC,SAAS,aAAaG,KAAU,SAAS,OAAO;AAC9C,OAAK,gDAAS,IAAI,CAAE,QAAO;EAE3B,MAAM,eAAe,OAAO,KAAK,IAAI;AAErC,OAAK,aAAa,OAAQ,QAAO;AAEjC,MAAI,WAAW,aAAa,SAAS,OAAO,CAAE,QAAO;AAErD,SAAO,aAAa,MAAM,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC;CACvD;CAED,SAAS,gBAAgBC,KAAa;AACpC,SAAO,OAAO;CACf;CAED,SAAS,SAASA,KAAa;AAC7B,SAAO,OAAO,aAAa,WAAW,MAAM;CAC7C;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"breakpoint.cjs","names":["min: number | undefined","max: number | undefined","breakpoints: Dict<number>","config: BreakpointConfig","breakpoints: Dict","breakpoints: DefineThemeBreakpointTokens","obj: any","key: string"],"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  getQuery: (key: string) => string | undefined\n  isResponsive: (obj: any, strict?: boolean) => boolean\n  isResponsiveKey: (key: string) => boolean\n  keys: Breakpoint[]\n  queries: BreakpointQuery[]\n  queriesObj: { [key: string]: BreakpointQuery }\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,YACPA,KACAC,KACA,aAAa,iBACO;CACpB,MAAM,QAAQ,CAAC,UAAW;AAE1B,KAAI,IAAK,OAAM,KAAK,QAAQ,cAAc,IAAI,KAAK;AACnD,KAAI,IAAK,OAAM,KAAK,QAAQ,cAAc,IAAI,KAAK;AAEnD,QAAO,MAAM,SAAS,IAClB,MAAM,KAAK,IAAI,CAAC,QAAQ,+BAA+B,cAAc;AAE1E;AAED,SAAS,cAAcC,aAA2BC,QAA0B;CAC1E,MAAM,EAAE,WAAW,YAAY,GAAG;CAClC,MAAM,OAAO,cAAc;CAE3B,MAAM,eAAe,OAAO,QAAQ,YAAY,CAC7C,IAAI,CAAC,CAAC,YAAY,MAAM,EAAE,GAAG,UAAU;EACtC,MAAM,GAAG,aAAa,GAAG,MAAM,IAAI,MAAM,CAAE;EAC3C,IAAI,OAAO,OAAO,eAAe;EACjC,IAAI,OAAO,OAAO,QAAQ;AAE1B,MAAI,eAAe,OACjB,KAAI,KACF;MAEA;AAIJ,MAAI,MACF;OAAI,KAAM,SAAQ;EAAC,WAEf,KAAM,SAAQ;EAGpB,MAAM,YAAY,oBAAuB,MAAM,WAAW;EAC1D,MAAM,YAAY,YAAY,cAAiB,WAAW;EAC1D,MAAM,cAAc,YAAY,MAAM,MAAM,WAAW;EACvD,MAAM,QAAQ,OAAO,YAAY;AAEjC,SAAO,CACL,YACA;GACc;GACZ;GACA;GACA;GACA;GACA;GACA;EACD,CACF;CACF,EAAC,CACD,KAAK,CAAC,GAAG,MACR,QACK,EAAE,GAAG,QAAQ,aAAa,EAAE,GAAG,QAAQ,aACvC,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,QAAQ,GACtC;CAEH,MAAM,UAAU,aAAa,IAAI,CAAC,CAAC,GAAG,MAAM,KAAK,MAAM;CACvD,MAAM,aAAa,OAAO,YAAY,aAAa;AAEnD,QAAO;EAAE;EAAS;CAAY;AAC/B;AAED,SAAS,qBACPC,aACAD,QACM;AACN,QAAO,OAAO,YACZ,OAAO,QAAQ,YAAY,CACxB,IAAI,CAAC,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,+BAAM,MAAM,AAAC,EAAU,CACrD,KAAK,CAAC,GAAG,MAAM;AACd,MAAI,OAAO,cAAc,KACvB,QAAO,EAAE,KAAK,EAAE;MAEhB,QAAO,EAAE,KAAK,EAAE;CAEnB,EAAC,CACL;AACF;AAED,SAAgB,kBACdE,cAA2C,CAAE,GAC7CF,SAA2B,CAAE,GAChB;AACb,QAAO,SAAS;AAChB,QAAO,cAAc;AAErB,aAAY,OAAO,OAAO,cAAc,OAAO,OAAO,OAAO;CAE7D,MAAM,yBAAyB,qBAAqB,aAAa,OAAO;CACxE,MAAM,EAAE,SAAS,YAAY,GAAG,cAAc,wBAAwB,OAAO;CAC7E,MAAM,OAAO,OAAO,KAAK,WAAW;CAEpC,SAAS,aAAaG,KAAU,SAAS,OAAO;AAC9C,OAAK,wCAAS,IAAI,CAAE,QAAO;EAE3B,MAAM,eAAe,OAAO,KAAK,IAAI;AAErC,OAAK,aAAa,OAAQ,QAAO;AAEjC,MAAI,WAAW,aAAa,SAAS,OAAO,CAAE,QAAO;AAErD,SAAO,aAAa,MAAM,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC;CACvD;CAED,SAAS,gBAAgBC,KAAa;AACpC,SAAO,OAAO;CACf;CAED,SAAS,SAASA,KAAa;AAC7B,SAAO,OAAO,aAAa,WAAW,MAAM;CAC7C;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}