@yamada-ui/react 2.2.2-dev-20260525083850 → 2.2.2-dev-20260525150310

package/dist/esm/core/css/token.js.map

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

package/dist/esm/core/css/transform.js.map

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

package/dist/esm/core/css/transition.js.map

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

package/dist/esm/core/css/use-css.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-css.js","names":["emotionCSS","css"],"sources":["../../../../src/core/css/use-css.ts"],"sourcesContent":["import type { StyledTheme, System, UsageTheme } from \"../system\"\nimport type { CSSObject, CSSObjectOrFunction } from \"./index.types\"\nimport { css as emotionCSS } from \"@emotion/css\"\nimport { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\nimport { useSystem, useTheme } from \"../system\"\nimport { css } from \"./css\"\n\nexport const useCSS = (\n  value: CSSObject | CSSObject[] | CSSObjectOrFunction = [],\n) => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n\n  return useMemo(() => getCSS(system, theme)(value), [value, system, theme])\n}\n\nexport const getCSS =\n  (system: System, theme: StyledTheme<UsageTheme>) =>\n  (value: CSSObject | CSSObject[] | CSSObjectOrFunction = []) =>\n    emotionCSS(...toArray(value).map(css(system, theme)))\n"],"mappings":";;;;;;;AAQA,MAAa,UACX,QAAuD,EAAE,KACtD;CACH,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,UAAU,UAAsB;CAExC,OAAO,cAAc,OAAO,QAAQ,MAAM,CAAC,MAAM,EAAE;EAAC;EAAO;EAAQ;EAAM,CAAC;;AAG5E,MAAa,UACV,QAAgB,WAChB,QAAuD,EAAE,KACxDA,IAAW,IAAA,GAAA,cAAA,SAAW,MAAM,CAAC,IAAIC,MAAI,QAAQ,MAAM,CAAC,CAAC"}
+{"version":3,"file":"use-css.js","names":["emotionCSS","css"],"sources":["../../../../src/core/css/use-css.ts"],"sourcesContent":["import type { StyledTheme, System, UsageTheme } from \"../system\"\nimport type { CSSObject, CSSObjectOrFunction } from \"./index.types\"\nimport { css as emotionCSS } from \"@emotion/css\"\nimport { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\nimport { useSystem, useTheme } from \"../system\"\nimport { css } from \"./css\"\n\nexport const useCSS = (\n  value: CSSObject | CSSObject[] | CSSObjectOrFunction = [],\n) => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n\n  return useMemo(() => getCSS(system, theme)(value), [value, system, theme])\n}\n\nexport const getCSS =\n  (system: System, theme: StyledTheme<UsageTheme>) =>\n  (value: CSSObject | CSSObject[] | CSSObjectOrFunction = []) =>\n    emotionCSS(...toArray(value).map(css(system, theme)))\n"],"mappings":";;;;;;;AAQA,MAAa,UACX,QAAuD,CAAC,MACrD;CACH,MAAM,SAAS,UAAU;CACzB,MAAM,EAAE,UAAU,SAAqB;CAEvC,OAAO,cAAc,OAAO,QAAQ,KAAK,EAAE,KAAK,GAAG;EAAC;EAAO;EAAQ;CAAK,CAAC;AAC3E;AAEA,MAAa,UACV,QAAgB,WAChB,QAAuD,CAAC,MACvDA,IAAW,IAAA,GAAA,cAAA,SAAW,KAAK,EAAE,IAAIC,MAAI,QAAQ,KAAK,CAAC,CAAC"}

package/dist/esm/core/css/use-inject-vars.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-inject-vars.js","names":[],"sources":["../../../../src/core/css/use-inject-vars.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { CSSObject, CSSProperties } from \"./index.types\"\nimport { useMemo, useRef } from \"react\"\nimport { cssProps } from \"../components\"\nimport { injectVars } from \"../system\"\n\nexport function useInjectVarsIntoCss(\n  css: CSSObject | CSSObject[] | undefined,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(() => injectVars(css, targetsRef.current), [css])\n}\n\nexport function useInjectVarsIntoProps<Y extends Dict | undefined>(\n  props: Y,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(\n    () => injectVars(props, targetsRef.current, (prop) => !cssProps.has(prop)),\n    [props],\n  )\n}\n"],"mappings":";;;;;AAQA,SAAgB,qBACd,KACA,SACA;CACA,MAAM,aAAa,OAAO,QAAQ;CAElC,OAAO,cAAc,WAAW,KAAK,WAAW,QAAQ,EAAE,CAAC,IAAI,CAAC;;AAGlE,SAAgB,uBACd,OACA,SACA;CACA,MAAM,aAAa,OAAO,QAAQ;CAElC,OAAO,cACC,WAAW,OAAO,WAAW,UAAU,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,EAC1E,CAAC,MAAM,CACR"}
+{"version":3,"file":"use-inject-vars.js","names":[],"sources":["../../../../src/core/css/use-inject-vars.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { CSSObject, CSSProperties } from \"./index.types\"\nimport { useMemo, useRef } from \"react\"\nimport { cssProps } from \"../components\"\nimport { injectVars } from \"../system\"\n\nexport function useInjectVarsIntoCss(\n  css: CSSObject | CSSObject[] | undefined,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(() => injectVars(css, targetsRef.current), [css])\n}\n\nexport function useInjectVarsIntoProps<Y extends Dict | undefined>(\n  props: Y,\n  targets: { [key in CSSProperties]?: string },\n) {\n  const targetsRef = useRef(targets)\n\n  return useMemo(\n    () => injectVars(props, targetsRef.current, (prop) => !cssProps.has(prop)),\n    [props],\n  )\n}\n"],"mappings":";;;;;AAQA,SAAgB,qBACd,KACA,SACA;CACA,MAAM,aAAa,OAAO,OAAO;CAEjC,OAAO,cAAc,WAAW,KAAK,WAAW,OAAO,GAAG,CAAC,GAAG,CAAC;AACjE;AAEA,SAAgB,uBACd,OACA,SACA;CACA,MAAM,aAAa,OAAO,OAAO;CAEjC,OAAO,cACC,WAAW,OAAO,WAAW,UAAU,SAAS,CAAC,SAAS,IAAI,IAAI,CAAC,GACzE,CAAC,KAAK,CACR;AACF"}

package/dist/esm/core/css/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/core/css/utils.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { ColorMode, System, ThemeToken, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSFunction, CSSProperties } from \"./index.types\"\nimport { isObject, isString, isUndefined } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\n\nexport interface TransformOptions {\n  system: System\n  css?: CSSFunction\n  fallback?: any\n  prev?: Dict\n  properties?: CSSProperties[]\n  theme?: UsageTheme\n}\n\nexport interface Transform {\n  (value: any, options: TransformOptions): any\n}\n\nexport const globalValues = new Set([\n  \"inherit\",\n  \"initial\",\n  \"none\",\n  \"revert\",\n  \"unset\",\n])\n\nexport function isCSSFunction(value: any) {\n  return isString(value) && value.includes(\"(\") && value.includes(\")\")\n}\n\nexport function getCSSFunction(value: any) {\n  const regex = /(^[a-z-A-Z]+)\\((.*)\\)/g\n  const [, type, values] = regex.exec(value) ?? []\n\n  return { type, values }\n}\n\nexport function splitValues(\n  values: string,\n  cb: (\n    current: string,\n    prev: string | undefined,\n    next: string | undefined,\n  ) => boolean = (current) => current === \",\",\n  addSeparator = false,\n) {\n  const result = []\n\n  let value = \"\"\n  let depth = 0\n\n  for (let i = 0; i < values.length; i++) {\n    const current = values[i]\n    const prev = values[i - 1]\n    const next = values[i + 1]\n\n    if (current === \"(\") depth++\n    if (current === \")\") depth--\n\n    if (!isUndefined(current) && cb(current, prev, next) && depth === 0) {\n      if (value) result.push(value.trim())\n\n      if (addSeparator) result.push(current)\n\n      value = \"\"\n    } else {\n      value += current\n    }\n  }\n\n  if (value) result.push(value.trim())\n\n  return result.filter(Boolean)\n}\n\nexport function isCSSVar(value: string) {\n  return /^var\\(--.+\\)$/.test(value)\n}\n\nexport function isInterpolation(value: string) {\n  return /\\{.+\\}/.test(value)\n}\n\nexport function isCSSToken({ cssMap }: System) {\n  return function (value: any) {\n    return isObject(cssMap) && value in cssMap && !!cssMap[value]?.ref\n  }\n}\n\nexport function isImportant(value: any): boolean {\n  return (\n    isString(value) && (/\\s*!important$/.test(value) || /\\s*!$/.test(value))\n  )\n}\n\nexport function omitImportant(value: any): string {\n  return isString(value) ? value.replace(/(!important|!)$/, \"\").trim() : value\n}\n\nexport function insertImportant(value: any, style?: StyleConfig): any {\n  if (isString(value)) {\n    return value + \" !important\"\n  } else if (isObject(value)) {\n    if (style?.important) {\n      return Object.fromEntries(\n        Object.entries(value).map(([key, value]) => [\n          key,\n          value + \" !important\",\n        ]),\n      )\n    } else {\n      if (!style?.properties) return value\n\n      for (const property of style.properties) {\n        value[property] += \" !important\"\n      }\n    }\n  }\n\n  return value\n}\n\nexport function analyzeCSSValue(value: any) {\n  let n = parseFloat(value.toString())\n  const unit = value.toString().replace(String(n), \"\")\n\n  return { unit, unitless: !unit, value }\n}\n\nexport function tokenToVar(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      return system.cssMap[resolvedToken]!.ref\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function varToValue(system: System) {\n  return function (variable: string): string {\n    const value = system.cssVars[variable]\n\n    if (isCSSVar(value)) {\n      return varToValue(system)(value.replace(/^var\\(/, \"\").replace(/\\)$/, \"\"))\n    } else {\n      return value\n    }\n  }\n}\n\nexport function tokenToValue(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      const variable = system.cssMap[resolvedToken]!.var\n\n      return varToValue(system)(variable)\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function mode<L, D>(light: L, dark: D) {\n  return function (colorMode: ColorMode | undefined = \"light\"): D | L {\n    return colorMode === \"light\" ? light : dark\n  }\n}\n\nfunction combineFunctions(a: Transform, b: Transform): Transform {\n  return function (value, ...args) {\n    return b(a(value, ...args), ...args)\n  }\n}\n\nexport function pipe(...transformers: Transform[]) {\n  return transformers.reduce(combineFunctions)\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/core/css/utils.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { ColorMode, System, ThemeToken, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSFunction, CSSProperties } from \"./index.types\"\nimport { isObject, isString, isUndefined } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\n\nexport interface TransformOptions {\n  system: System\n  css?: CSSFunction\n  fallback?: any\n  prev?: Dict\n  properties?: CSSProperties[]\n  theme?: UsageTheme\n}\n\nexport interface Transform {\n  (value: any, options: TransformOptions): any\n}\n\nexport const globalValues = new Set([\n  \"inherit\",\n  \"initial\",\n  \"none\",\n  \"revert\",\n  \"unset\",\n])\n\nexport function isCSSFunction(value: any) {\n  return isString(value) && value.includes(\"(\") && value.includes(\")\")\n}\n\nexport function getCSSFunction(value: any) {\n  const regex = /(^[a-z-A-Z]+)\\((.*)\\)/g\n  const [, type, values] = regex.exec(value) ?? []\n\n  return { type, values }\n}\n\nexport function splitValues(\n  values: string,\n  cb: (\n    current: string,\n    prev: string | undefined,\n    next: string | undefined,\n  ) => boolean = (current) => current === \",\",\n  addSeparator = false,\n) {\n  const result = []\n\n  let value = \"\"\n  let depth = 0\n\n  for (let i = 0; i < values.length; i++) {\n    const current = values[i]\n    const prev = values[i - 1]\n    const next = values[i + 1]\n\n    if (current === \"(\") depth++\n    if (current === \")\") depth--\n\n    if (!isUndefined(current) && cb(current, prev, next) && depth === 0) {\n      if (value) result.push(value.trim())\n\n      if (addSeparator) result.push(current)\n\n      value = \"\"\n    } else {\n      value += current\n    }\n  }\n\n  if (value) result.push(value.trim())\n\n  return result.filter(Boolean)\n}\n\nexport function isCSSVar(value: string) {\n  return /^var\\(--.+\\)$/.test(value)\n}\n\nexport function isInterpolation(value: string) {\n  return /\\{.+\\}/.test(value)\n}\n\nexport function isCSSToken({ cssMap }: System) {\n  return function (value: any) {\n    return isObject(cssMap) && value in cssMap && !!cssMap[value]?.ref\n  }\n}\n\nexport function isImportant(value: any): boolean {\n  return (\n    isString(value) && (/\\s*!important$/.test(value) || /\\s*!$/.test(value))\n  )\n}\n\nexport function omitImportant(value: any): string {\n  return isString(value) ? value.replace(/(!important|!)$/, \"\").trim() : value\n}\n\nexport function insertImportant(value: any, style?: StyleConfig): any {\n  if (isString(value)) {\n    return value + \" !important\"\n  } else if (isObject(value)) {\n    if (style?.important) {\n      return Object.fromEntries(\n        Object.entries(value).map(([key, value]) => [\n          key,\n          value + \" !important\",\n        ]),\n      )\n    } else {\n      if (!style?.properties) return value\n\n      for (const property of style.properties) {\n        value[property] += \" !important\"\n      }\n    }\n  }\n\n  return value\n}\n\nexport function analyzeCSSValue(value: any) {\n  let n = parseFloat(value.toString())\n  const unit = value.toString().replace(String(n), \"\")\n\n  return { unit, unitless: !unit, value }\n}\n\nexport function tokenToVar(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      return system.cssMap[resolvedToken]!.ref\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function varToValue(system: System) {\n  return function (variable: string): string {\n    const value = system.cssVars[variable]\n\n    if (isCSSVar(value)) {\n      return varToValue(system)(value.replace(/^var\\(/, \"\").replace(/\\)$/, \"\"))\n    } else {\n      return value\n    }\n  }\n}\n\nexport function tokenToValue(system: System) {\n  return function (token: ThemeToken, value: any, fallbackValue?: any) {\n    const resolvedToken = `${token}.${value}`\n\n    if (isCSSToken(system)(resolvedToken)) {\n      const variable = system.cssMap[resolvedToken]!.var\n\n      return varToValue(system)(variable)\n    } else {\n      return fallbackValue || value\n    }\n  }\n}\n\nexport function mode<L, D>(light: L, dark: D) {\n  return function (colorMode: ColorMode | undefined = \"light\"): D | L {\n    return colorMode === \"light\" ? light : dark\n  }\n}\n\nfunction combineFunctions(a: Transform, b: Transform): Transform {\n  return function (value, ...args) {\n    return b(a(value, ...args), ...args)\n  }\n}\n\nexport function pipe(...transformers: Transform[]) {\n  return transformers.reduce(combineFunctions)\n}\n"],"mappings":"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"}

package/dist/esm/core/system/breakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.js","names":[],"sources":["../../../../src/core/system/breakpoint.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type {\n  Breakpoint,\n  BreakpointConfig,\n  DefineThemeBreakpointTokens,\n} from \"./index.types\"\nimport { getPx, isObject } from \"../../utils\"\n\ninterface BreakpointQuery {\n  breakpoint: Breakpoint\n  maxW: number | undefined\n  maxWQuery: string | undefined\n  minMaxQuery: string | undefined\n  minW: number | undefined\n  minWQuery: string | undefined\n  query: string | undefined\n}\n\nexport interface Breakpoints {\n  keys: Breakpoint[]\n  queries: BreakpointQuery[]\n  queriesObj: { [key: string]: BreakpointQuery }\n  getQuery: (key: string) => string | undefined\n  isResponsive: (obj: any, strict?: boolean) => boolean\n  isResponsiveKey: (key: string) => boolean\n}\n\nfunction createQuery(\n  min: number | undefined,\n  max: number | undefined,\n  identifier = \"@media screen\",\n): string | undefined {\n  const query = [identifier]\n\n  if (min) query.push(\"and\", `(min-width: ${min}px)`)\n  if (max) query.push(\"and\", `(max-width: ${max}px)`)\n\n  return query.length > 1\n    ? query.join(\" \").replace(/^@container(\\s+\\w*)?\\s+and/, `@container$1`)\n    : undefined\n}\n\nfunction createQueries(breakpoints: Dict<number>, config: BreakpointConfig) {\n  const { direction, identifier } = config\n  const down = direction !== \"up\"\n\n  const queryEntries = Object.entries(breakpoints)\n    .map(([breakpoint, width], i, entry) => {\n      const [, relatedWidth] = entry[i + 1] ?? []\n      let minW = down ? relatedWidth : width\n      let maxW = down ? width : relatedWidth\n\n      if (breakpoint === \"base\") {\n        if (down) {\n          maxW = undefined\n        } else {\n          minW = undefined\n        }\n      }\n\n      if (down) {\n        if (minW) minW += 1\n      } else {\n        if (maxW) maxW -= 1\n      }\n\n      const maxWQuery = createQuery(undefined, maxW, identifier)\n      const minWQuery = createQuery(minW, undefined, identifier)\n      const minMaxQuery = createQuery(minW, maxW, identifier)\n      const query = down ? maxWQuery : minWQuery\n\n      return [\n        breakpoint,\n        {\n          breakpoint: breakpoint as Breakpoint,\n          maxW,\n          maxWQuery,\n          minMaxQuery,\n          minW,\n          minWQuery,\n          query,\n        },\n      ] as const\n    })\n    .sort((a, b) =>\n      down\n        ? (b[1].maxW ?? Infinity) - (a[1].maxW ?? Infinity)\n        : (a[1].minW ?? 0) - (b[1].minW ?? 0),\n    )\n\n  const queries = queryEntries.map(([_, query]) => query)\n  const queriesObj = Object.fromEntries(queryEntries)\n\n  return { queries, queriesObj }\n}\n\nfunction transformBreakpoints(\n  breakpoints: Dict,\n  config: BreakpointConfig,\n): Dict {\n  return Object.fromEntries(\n    Object.entries(breakpoints)\n      .map(([name, value]) => [name, getPx(value)] as const)\n      .sort((a, b) => {\n        if (config.direction !== \"up\") {\n          return b[1] - a[1]\n        } else {\n          return a[1] - b[1]\n        }\n      }),\n  )\n}\n\nexport function createBreakpoints(\n  breakpoints: DefineThemeBreakpointTokens = {},\n  config: BreakpointConfig = {},\n): Breakpoints {\n  config.base ??= \"9999px\"\n  config.direction ??= \"down\"\n\n  breakpoints.base = config.direction !== \"up\" ? config.base : \"0px\"\n\n  const transformedBreakpoints = transformBreakpoints(breakpoints, config)\n  const { queries, queriesObj } = createQueries(transformedBreakpoints, config)\n  const keys = Object.keys(queriesObj) as Breakpoint[]\n\n  function isResponsive(obj: any, strict = false) {\n    if (!isObject(obj)) return false\n\n    const providedKeys = Object.keys(obj) as Breakpoint[]\n\n    if (!providedKeys.length) return false\n\n    if (strict && !providedKeys.includes(\"base\")) return false\n\n    return providedKeys.every((key) => keys.includes(key))\n  }\n\n  function isResponsiveKey(key: string) {\n    return key in queriesObj\n  }\n\n  function getQuery(key: string) {\n    return key in queriesObj ? queriesObj[key]?.query : undefined\n  }\n\n  return {\n    getQuery,\n    isResponsive,\n    isResponsiveKey,\n    keys,\n    queries,\n    queriesObj,\n  }\n}\n"],"mappings":";;AA2BA,SAAS,YACP,KACA,KACA,aAAa,iBACO;CACpB,MAAM,QAAQ,CAAC,WAAW;CAE1B,IAAI,KAAK,MAAM,KAAK,OAAO,eAAe,IAAI,KAAK;CACnD,IAAI,KAAK,MAAM,KAAK,OAAO,eAAe,IAAI,KAAK;CAEnD,OAAO,MAAM,SAAS,IAClB,MAAM,KAAK,IAAI,CAAC,QAAQ,8BAA8B,eAAe,GACrE,KAAA;;AAGN,SAAS,cAAc,aAA2B,QAA0B;CAC1E,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OAAO,cAAc;CAE3B,MAAM,eAAe,OAAO,QAAQ,YAAY,CAC7C,KAAK,CAAC,YAAY,QAAQ,GAAG,UAAU;EACtC,MAAM,GAAG,gBAAgB,MAAM,IAAI,MAAM,EAAE;EAC3C,IAAI,OAAO,OAAO,eAAe;EACjC,IAAI,OAAO,OAAO,QAAQ;EAE1B,IAAI,eAAe,QACjB,IAAI,MACF,OAAO,KAAA;OAEP,OAAO,KAAA;EAIX,IAAI;OACE,MAAM,QAAQ;SAElB,IAAI,MAAM,QAAQ;EAGpB,MAAM,YAAY,YAAY,KAAA,GAAW,MAAM,WAAW;EAC1D,MAAM,YAAY,YAAY,MAAM,KAAA,GAAW,WAAW;EAC1D,MAAM,cAAc,YAAY,MAAM,MAAM,WAAW;EAGvD,OAAO,CACL,YACA;GACc;GACZ;GACA;GACA;GACA;GACA;GACA,OAXU,OAAO,YAAY;GAY9B,CACF;GACD,CACD,MAAM,GAAG,MACR,QACK,EAAE,GAAG,QAAQ,aAAa,EAAE,GAAG,QAAQ,aACvC,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,QAAQ,GACtC;CAKH,OAAO;EAAE,SAHO,aAAa,KAAK,CAAC,GAAG,WAAW,MAGjC;EAAE,YAFC,OAAO,YAAY,aAEV;EAAE;;AAGhC,SAAS,qBACP,aACA,QACM;CACN,OAAO,OAAO,YACZ,OAAO,QAAQ,YAAY,CACxB,KAAK,CAAC,MAAM,WAAW,CAAC,OAAA,GAAA,cAAA,OAAY,MAAM,CAAC,CAAU,CACrD,MAAM,GAAG,MAAM;EACd,IAAI,OAAO,cAAc,MACvB,OAAO,EAAE,KAAK,EAAE;OAEhB,OAAO,EAAE,KAAK,EAAE;GAElB,CACL;;AAGH,SAAgB,kBACd,cAA2C,EAAE,EAC7C,SAA2B,EAAE,EAChB;CACb,OAAO,SAAS;CAChB,OAAO,cAAc;CAErB,YAAY,OAAO,OAAO,cAAc,OAAO,OAAO,OAAO;CAG7D,MAAM,EAAE,SAAS,eAAe,cADD,qBAAqB,aAAa,OACG,EAAE,OAAO;CAC7E,MAAM,OAAO,OAAO,KAAK,WAAW;CAEpC,SAAS,aAAa,KAAU,SAAS,OAAO;EAC9C,IAAI,EAAA,GAAA,cAAA,UAAU,IAAI,EAAE,OAAO;EAE3B,MAAM,eAAe,OAAO,KAAK,IAAI;EAErC,IAAI,CAAC,aAAa,QAAQ,OAAO;EAEjC,IAAI,UAAU,CAAC,aAAa,SAAS,OAAO,EAAE,OAAO;EAErD,OAAO,aAAa,OAAO,QAAQ,KAAK,SAAS,IAAI,CAAC;;CAGxD,SAAS,gBAAgB,KAAa;EACpC,OAAO,OAAO;;CAGhB,SAAS,SAAS,KAAa;EAC7B,OAAO,OAAO,aAAa,WAAW,MAAM,QAAQ,KAAA;;CAGtD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"breakpoint.js","names":[],"sources":["../../../../src/core/system/breakpoint.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type {\n  Breakpoint,\n  BreakpointConfig,\n  DefineThemeBreakpointTokens,\n} from \"./index.types\"\nimport { getPx, isObject } from \"../../utils\"\n\ninterface BreakpointQuery {\n  breakpoint: Breakpoint\n  maxW: number | undefined\n  maxWQuery: string | undefined\n  minMaxQuery: string | undefined\n  minW: number | undefined\n  minWQuery: string | undefined\n  query: string | undefined\n}\n\nexport interface Breakpoints {\n  keys: Breakpoint[]\n  queries: BreakpointQuery[]\n  queriesObj: { [key: string]: BreakpointQuery }\n  getQuery: (key: string) => string | undefined\n  isResponsive: (obj: any, strict?: boolean) => boolean\n  isResponsiveKey: (key: string) => boolean\n}\n\nfunction createQuery(\n  min: number | undefined,\n  max: number | undefined,\n  identifier = \"@media screen\",\n): string | undefined {\n  const query = [identifier]\n\n  if (min) query.push(\"and\", `(min-width: ${min}px)`)\n  if (max) query.push(\"and\", `(max-width: ${max}px)`)\n\n  return query.length > 1\n    ? query.join(\" \").replace(/^@container(\\s+\\w*)?\\s+and/, `@container$1`)\n    : undefined\n}\n\nfunction createQueries(breakpoints: Dict<number>, config: BreakpointConfig) {\n  const { direction, identifier } = config\n  const down = direction !== \"up\"\n\n  const queryEntries = Object.entries(breakpoints)\n    .map(([breakpoint, width], i, entry) => {\n      const [, relatedWidth] = entry[i + 1] ?? []\n      let minW = down ? relatedWidth : width\n      let maxW = down ? width : relatedWidth\n\n      if (breakpoint === \"base\") {\n        if (down) {\n          maxW = undefined\n        } else {\n          minW = undefined\n        }\n      }\n\n      if (down) {\n        if (minW) minW += 1\n      } else {\n        if (maxW) maxW -= 1\n      }\n\n      const maxWQuery = createQuery(undefined, maxW, identifier)\n      const minWQuery = createQuery(minW, undefined, identifier)\n      const minMaxQuery = createQuery(minW, maxW, identifier)\n      const query = down ? maxWQuery : minWQuery\n\n      return [\n        breakpoint,\n        {\n          breakpoint: breakpoint as Breakpoint,\n          maxW,\n          maxWQuery,\n          minMaxQuery,\n          minW,\n          minWQuery,\n          query,\n        },\n      ] as const\n    })\n    .sort((a, b) =>\n      down\n        ? (b[1].maxW ?? Infinity) - (a[1].maxW ?? Infinity)\n        : (a[1].minW ?? 0) - (b[1].minW ?? 0),\n    )\n\n  const queries = queryEntries.map(([_, query]) => query)\n  const queriesObj = Object.fromEntries(queryEntries)\n\n  return { queries, queriesObj }\n}\n\nfunction transformBreakpoints(\n  breakpoints: Dict,\n  config: BreakpointConfig,\n): Dict {\n  return Object.fromEntries(\n    Object.entries(breakpoints)\n      .map(([name, value]) => [name, getPx(value)] as const)\n      .sort((a, b) => {\n        if (config.direction !== \"up\") {\n          return b[1] - a[1]\n        } else {\n          return a[1] - b[1]\n        }\n      }),\n  )\n}\n\nexport function createBreakpoints(\n  breakpoints: DefineThemeBreakpointTokens = {},\n  config: BreakpointConfig = {},\n): Breakpoints {\n  config.base ??= \"9999px\"\n  config.direction ??= \"down\"\n\n  breakpoints.base = config.direction !== \"up\" ? config.base : \"0px\"\n\n  const transformedBreakpoints = transformBreakpoints(breakpoints, config)\n  const { queries, queriesObj } = createQueries(transformedBreakpoints, config)\n  const keys = Object.keys(queriesObj) as Breakpoint[]\n\n  function isResponsive(obj: any, strict = false) {\n    if (!isObject(obj)) return false\n\n    const providedKeys = Object.keys(obj) as Breakpoint[]\n\n    if (!providedKeys.length) return false\n\n    if (strict && !providedKeys.includes(\"base\")) return false\n\n    return providedKeys.every((key) => keys.includes(key))\n  }\n\n  function isResponsiveKey(key: string) {\n    return key in queriesObj\n  }\n\n  function getQuery(key: string) {\n    return key in queriesObj ? queriesObj[key]?.query : undefined\n  }\n\n  return {\n    getQuery,\n    isResponsive,\n    isResponsiveKey,\n    keys,\n    queries,\n    queriesObj,\n  }\n}\n"],"mappings":";;AA2BA,SAAS,YACP,KACA,KACA,aAAa,iBACO;CACpB,MAAM,QAAQ,CAAC,UAAU;CAEzB,IAAI,KAAK,MAAM,KAAK,OAAO,eAAe,IAAI,IAAI;CAClD,IAAI,KAAK,MAAM,KAAK,OAAO,eAAe,IAAI,IAAI;CAElD,OAAO,MAAM,SAAS,IAClB,MAAM,KAAK,GAAG,EAAE,QAAQ,8BAA8B,cAAc,IACpE,KAAA;AACN;AAEA,SAAS,cAAc,aAA2B,QAA0B;CAC1E,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OAAO,cAAc;CAE3B,MAAM,eAAe,OAAO,QAAQ,WAAW,EAC5C,KAAK,CAAC,YAAY,QAAQ,GAAG,UAAU;EACtC,MAAM,GAAG,gBAAgB,MAAM,IAAI,MAAM,CAAC;EAC1C,IAAI,OAAO,OAAO,eAAe;EACjC,IAAI,OAAO,OAAO,QAAQ;EAE1B,IAAI,eAAe,QACjB,IAAI,MACF,OAAO,KAAA;OAEP,OAAO,KAAA;EAIX,IAAI;OACE,MAAM,QAAQ;EAAA,OAElB,IAAI,MAAM,QAAQ;EAGpB,MAAM,YAAY,YAAY,KAAA,GAAW,MAAM,UAAU;EACzD,MAAM,YAAY,YAAY,MAAM,KAAA,GAAW,UAAU;EACzD,MAAM,cAAc,YAAY,MAAM,MAAM,UAAU;EAGtD,OAAO,CACL,YACA;GACc;GACZ;GACA;GACA;GACA;GACA;GACA,OAXU,OAAO,YAAY;EAY/B,CACF;CACF,CAAC,EACA,MAAM,GAAG,MACR,QACK,EAAE,GAAG,QAAQ,aAAa,EAAE,GAAG,QAAQ,aACvC,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,QAAQ,EACvC;CAKF,OAAO;EAAE,SAHO,aAAa,KAAK,CAAC,GAAG,WAAW,KAGlC;EAAG,YAFC,OAAO,YAAY,YAEX;CAAE;AAC/B;AAEA,SAAS,qBACP,aACA,QACM;CACN,OAAO,OAAO,YACZ,OAAO,QAAQ,WAAW,EACvB,KAAK,CAAC,MAAM,WAAW,CAAC,OAAA,GAAA,cAAA,OAAY,KAAK,CAAC,CAAU,EACpD,MAAM,GAAG,MAAM;EACd,IAAI,OAAO,cAAc,MACvB,OAAO,EAAE,KAAK,EAAE;OAEhB,OAAO,EAAE,KAAK,EAAE;CAEpB,CAAC,CACL;AACF;AAEA,SAAgB,kBACd,cAA2C,CAAC,GAC5C,SAA2B,CAAC,GACf;CACb,OAAO,SAAS;CAChB,OAAO,cAAc;CAErB,YAAY,OAAO,OAAO,cAAc,OAAO,OAAO,OAAO;CAG7D,MAAM,EAAE,SAAS,eAAe,cADD,qBAAqB,aAAa,MACE,GAAG,MAAM;CAC5E,MAAM,OAAO,OAAO,KAAK,UAAU;CAEnC,SAAS,aAAa,KAAU,SAAS,OAAO;EAC9C,IAAI,EAAA,GAAA,cAAA,UAAU,GAAG,GAAG,OAAO;EAE3B,MAAM,eAAe,OAAO,KAAK,GAAG;EAEpC,IAAI,CAAC,aAAa,QAAQ,OAAO;EAEjC,IAAI,UAAU,CAAC,aAAa,SAAS,MAAM,GAAG,OAAO;EAErD,OAAO,aAAa,OAAO,QAAQ,KAAK,SAAS,GAAG,CAAC;CACvD;CAEA,SAAS,gBAAgB,KAAa;EACpC,OAAO,OAAO;CAChB;CAEA,SAAS,SAAS,KAAa;EAC7B,OAAO,OAAO,aAAa,WAAW,MAAM,QAAQ,KAAA;CACtD;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/esm/core/system/color-mode-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-mode-provider.js","names":["noop"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isEmptyObject, noop } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY } from \"../constant\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { getPreventTransition } from \"./theme-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\ninterface ColorModeContext {\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nexport const ColorModeContext = createContext<ColorModeContext>({\n  changeColorMode: noop,\n  colorMode: \"light\",\n  forced: false,\n  internalColorMode: \"light\",\n  toggleColorMode: noop,\n})\n\nexport interface ColorModeProviderProps extends PropsWithChildren {\n  /**\n   * The forced color mode.\n   */\n  colorMode?: ColorMode\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * The key of the value saved in storage.\n   *\n   * @default 'color-mode'\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = COLOR_MODE_STORAGE_KEY,\n}) => {\n  const storageManager = useMemo(\n    () =>\n      createStorageManager<ColorModeWithSystem, ColorMode>(\n        storage,\n        storageKey,\n        defaultColorMode,\n        cookie,\n      ),\n    [cookie, defaultColorMode, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const { getDocument } = environment\n  const [internalColorMode, setInternalColorMode] =\n    useState<ColorModeWithSystem>(storageManager.get())\n  const { getSystemColorMode, systemColorMode } = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (internalColorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n    defaultColorMode: storageManager.default(\n      defaultColorMode === \"dark\" ? \"dark\" : \"light\",\n    ),\n  })\n  const colorMode =\n    internalColorMode === \"system\" ? systemColorMode : internalColorMode\n\n  const setDataset = useCallback(\n    (colorMode: ColorMode) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      doc.documentElement.dataset.mode = colorMode\n      doc.documentElement.style.colorScheme = colorMode\n\n      cleanup?.()\n    },\n    [disableTransitionOnChange, environment, getDocument],\n  )\n\n  const setClassName = useCallback(\n    (isDark: boolean) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      doc.body.classList.add(isDark ? \"dark\" : \"light\")\n      doc.body.classList.remove(isDark ? \"light\" : \"dark\")\n    },\n    [getDocument],\n  )\n\n  const changeColorMode = useCallback(\n    (internalColorMode: ColorModeWithSystem) => {\n      const colorMode =\n        internalColorMode === \"system\"\n          ? getSystemColorMode()\n          : internalColorMode\n\n      setInternalColorMode(internalColorMode)\n      setClassName(colorMode === \"dark\")\n      setDataset(colorMode)\n\n      storageManager.set(internalColorMode)\n    },\n    [storageManager, getSystemColorMode, setClassName, setDataset],\n  )\n\n  const toggleColorMode = useCallback(() => {\n    changeColorMode(colorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, colorMode])\n\n  useEffect(() => {\n    const internalColorMode = storageManager.get()\n\n    changeColorMode(internalColorMode)\n  }, [changeColorMode, storageManager])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? colorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      colorMode,\n      internalColorMode,\n      changeColorMode,\n      toggleColorMode,\n    ],\n  )\n\n  return <ColorModeContext value={context}>{children}</ColorModeContext>\n}\n\n/**\n * `useColorMode` is a custom hook that returns the current color mode.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode\n */\nexport const useColorMode = (): ColorModeContext => {\n  const context = use(ColorModeContext)\n\n  if (isEmptyObject(context)) {\n    return {\n      changeColorMode: noop,\n      colorMode: \"light\",\n      forced: false,\n      internalColorMode: \"light\",\n      toggleColorMode: noop,\n    }\n  } else {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;AA4BA,MAAa,mBAAmB,cAAgC;CAC9D,iBAAiBA,cAAAA;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,iBAAiBA,cAAAA;CAClB,CAAC;AA+BF,MAAa,qBAAiD,EAC5D,UACA,WAAW,iBACX,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,SAC1B,EAAE,EACN,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAa,6BACT;CACJ,MAAM,iBAAiB,cAEnB,qBACE,SACA,YACA,kBACA,OACD,EACH;EAAC;EAAQ;EAAkB;EAAS;EAAW,CAChD;CACD,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,gBAAgB;CACxB,MAAM,CAAC,mBAAmB,wBACxB,SAA8B,eAAe,KAAK,CAAC;CACrD,MAAM,EAAE,oBAAoB,oBAAoB,mBAAmB;EACjE,WAAW,oBAAoB;GAC7B,IAAI,sBAAsB,UAAU;GAEpC,aAAa,oBAAoB,OAAO;GACxC,WAAW,gBAAgB;;EAE7B,kBAAkB,eAAe,QAC/B,qBAAqB,SAAS,SAAS,QACxC;EACF,CAAC;CACF,MAAM,YACJ,sBAAsB,WAAW,kBAAkB;CAErD,MAAM,aAAa,aAChB,cAAyB;EACxB,MAAM,MAAM,aAAa;EAEzB,IAAI,CAAC,KAAK;EAEV,MAAM,UAAU,4BACZ,qBAAqB,YAAY,GACjC,KAAA;EAEJ,IAAI,gBAAgB,QAAQ,OAAO;EACnC,IAAI,gBAAgB,MAAM,cAAc;EAExC,WAAW;IAEb;EAAC;EAA2B;EAAa;EAAY,CACtD;CAED,MAAM,eAAe,aAClB,WAAoB;EACnB,MAAM,MAAM,aAAa;EAEzB,IAAI,CAAC,KAAK;EAEV,IAAI,KAAK,UAAU,IAAI,SAAS,SAAS,QAAQ;EACjD,IAAI,KAAK,UAAU,OAAO,SAAS,UAAU,OAAO;IAEtD,CAAC,YAAY,CACd;CAED,MAAM,kBAAkB,aACrB,sBAA2C;EAC1C,MAAM,YACJ,sBAAsB,WAClB,oBAAoB,GACpB;EAEN,qBAAqB,kBAAkB;EACvC,aAAa,cAAc,OAAO;EAClC,WAAW,UAAU;EAErB,eAAe,IAAI,kBAAkB;IAEvC;EAAC;EAAgB;EAAoB;EAAc;EAAW,CAC/D;CAED,MAAM,kBAAkB,kBAAkB;EACxC,gBAAgB,cAAc,SAAS,UAAU,OAAO;IACvD,CAAC,iBAAiB,UAAU,CAAC;CAEhC,gBAAgB;EAGd,gBAF0B,eAAe,KAER,CAAC;IACjC,CAAC,iBAAiB,eAAe,CAAC;CAmBrC,OAAO,oBAAC,kBAAD;EAAkB,OAjBT,eACP;GACL,iBAAiB,kBAAkBA,cAAAA,OAAO;GAC1C,WAAW,mBAAmB;GAC9B,QAAQ,oBAAoB,KAAA;GAC5B;GACA,iBAAiB,kBAAkBA,cAAAA,OAAO;GAC3C,GACD;GACE;GACA;GACA;GACA;GACA;GACD,CAGoC;EAAG;EAA4B,CAAA;;;;;;;AAQxE,MAAa,qBAAuC;CAClD,MAAM,UAAU,IAAI,iBAAiB;CAErC,KAAA,GAAA,cAAA,eAAkB,QAAQ,EACxB,OAAO;EACL,iBAAiBA,cAAAA;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,iBAAiBA,cAAAA;EAClB;MAED,OAAO"}
+{"version":3,"file":"color-mode-provider.js","names":["noop"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isEmptyObject, noop } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY } from \"../constant\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { getPreventTransition } from \"./theme-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\ninterface ColorModeContext {\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nexport const ColorModeContext = createContext<ColorModeContext>({\n  changeColorMode: noop,\n  colorMode: \"light\",\n  forced: false,\n  internalColorMode: \"light\",\n  toggleColorMode: noop,\n})\n\nexport interface ColorModeProviderProps extends PropsWithChildren {\n  /**\n   * The forced color mode.\n   */\n  colorMode?: ColorMode\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * The key of the value saved in storage.\n   *\n   * @default 'color-mode'\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = COLOR_MODE_STORAGE_KEY,\n}) => {\n  const storageManager = useMemo(\n    () =>\n      createStorageManager<ColorModeWithSystem, ColorMode>(\n        storage,\n        storageKey,\n        defaultColorMode,\n        cookie,\n      ),\n    [cookie, defaultColorMode, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const { getDocument } = environment\n  const [internalColorMode, setInternalColorMode] =\n    useState<ColorModeWithSystem>(storageManager.get())\n  const { getSystemColorMode, systemColorMode } = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (internalColorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n    defaultColorMode: storageManager.default(\n      defaultColorMode === \"dark\" ? \"dark\" : \"light\",\n    ),\n  })\n  const colorMode =\n    internalColorMode === \"system\" ? systemColorMode : internalColorMode\n\n  const setDataset = useCallback(\n    (colorMode: ColorMode) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      doc.documentElement.dataset.mode = colorMode\n      doc.documentElement.style.colorScheme = colorMode\n\n      cleanup?.()\n    },\n    [disableTransitionOnChange, environment, getDocument],\n  )\n\n  const setClassName = useCallback(\n    (isDark: boolean) => {\n      const doc = getDocument()\n\n      if (!doc) return\n\n      doc.body.classList.add(isDark ? \"dark\" : \"light\")\n      doc.body.classList.remove(isDark ? \"light\" : \"dark\")\n    },\n    [getDocument],\n  )\n\n  const changeColorMode = useCallback(\n    (internalColorMode: ColorModeWithSystem) => {\n      const colorMode =\n        internalColorMode === \"system\"\n          ? getSystemColorMode()\n          : internalColorMode\n\n      setInternalColorMode(internalColorMode)\n      setClassName(colorMode === \"dark\")\n      setDataset(colorMode)\n\n      storageManager.set(internalColorMode)\n    },\n    [storageManager, getSystemColorMode, setClassName, setDataset],\n  )\n\n  const toggleColorMode = useCallback(() => {\n    changeColorMode(colorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, colorMode])\n\n  useEffect(() => {\n    const internalColorMode = storageManager.get()\n\n    changeColorMode(internalColorMode)\n  }, [changeColorMode, storageManager])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? colorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      colorMode,\n      internalColorMode,\n      changeColorMode,\n      toggleColorMode,\n    ],\n  )\n\n  return <ColorModeContext value={context}>{children}</ColorModeContext>\n}\n\n/**\n * `useColorMode` is a custom hook that returns the current color mode.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode\n */\nexport const useColorMode = (): ColorModeContext => {\n  const context = use(ColorModeContext)\n\n  if (isEmptyObject(context)) {\n    return {\n      changeColorMode: noop,\n      colorMode: \"light\",\n      forced: false,\n      internalColorMode: \"light\",\n      toggleColorMode: noop,\n    }\n  } else {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;AA4BA,MAAa,mBAAmB,cAAgC;CAC9D,iBAAiBA,cAAAA;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,iBAAiBA,cAAAA;AACnB,CAAC;AA+BD,MAAa,qBAAiD,EAC5D,UACA,WAAW,iBACX,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,SAC1B,CAAC,GACL,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAa,6BACT;CACJ,MAAM,iBAAiB,cAEnB,qBACE,SACA,YACA,kBACA,MACF,GACF;EAAC;EAAQ;EAAkB;EAAS;CAAU,CAChD;CACA,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,gBAAgB;CACxB,MAAM,CAAC,mBAAmB,wBACxB,SAA8B,eAAe,IAAI,CAAC;CACpD,MAAM,EAAE,oBAAoB,oBAAoB,mBAAmB;EACjE,WAAW,oBAAoB;GAC7B,IAAI,sBAAsB,UAAU;GAEpC,aAAa,oBAAoB,MAAM;GACvC,WAAW,eAAe;EAC5B;EACA,kBAAkB,eAAe,QAC/B,qBAAqB,SAAS,SAAS,OACzC;CACF,CAAC;CACD,MAAM,YACJ,sBAAsB,WAAW,kBAAkB;CAErD,MAAM,aAAa,aAChB,cAAyB;EACxB,MAAM,MAAM,YAAY;EAExB,IAAI,CAAC,KAAK;EAEV,MAAM,UAAU,4BACZ,qBAAqB,WAAW,IAChC,KAAA;EAEJ,IAAI,gBAAgB,QAAQ,OAAO;EACnC,IAAI,gBAAgB,MAAM,cAAc;EAExC,UAAU;CACZ,GACA;EAAC;EAA2B;EAAa;CAAW,CACtD;CAEA,MAAM,eAAe,aAClB,WAAoB;EACnB,MAAM,MAAM,YAAY;EAExB,IAAI,CAAC,KAAK;EAEV,IAAI,KAAK,UAAU,IAAI,SAAS,SAAS,OAAO;EAChD,IAAI,KAAK,UAAU,OAAO,SAAS,UAAU,MAAM;CACrD,GACA,CAAC,WAAW,CACd;CAEA,MAAM,kBAAkB,aACrB,sBAA2C;EAC1C,MAAM,YACJ,sBAAsB,WAClB,mBAAmB,IACnB;EAEN,qBAAqB,iBAAiB;EACtC,aAAa,cAAc,MAAM;EACjC,WAAW,SAAS;EAEpB,eAAe,IAAI,iBAAiB;CACtC,GACA;EAAC;EAAgB;EAAoB;EAAc;CAAU,CAC/D;CAEA,MAAM,kBAAkB,kBAAkB;EACxC,gBAAgB,cAAc,SAAS,UAAU,MAAM;CACzD,GAAG,CAAC,iBAAiB,SAAS,CAAC;CAE/B,gBAAgB;EAGd,gBAF0B,eAAe,IAET,CAAC;CACnC,GAAG,CAAC,iBAAiB,cAAc,CAAC;CAmBpC,OAAO,oBAAC,kBAAD;EAAkB,OAjBT,eACP;GACL,iBAAiB,kBAAkBA,cAAAA,OAAO;GAC1C,WAAW,mBAAmB;GAC9B,QAAQ,oBAAoB,KAAA;GAC5B;GACA,iBAAiB,kBAAkBA,cAAAA,OAAO;EAC5C,IACA;GACE;GACA;GACA;GACA;GACA;EACF,CAGoC;EAAI;CAA2B,CAAA;AACvE;;;;;;AAOA,MAAa,qBAAuC;CAClD,MAAM,UAAU,IAAI,gBAAgB;CAEpC,KAAA,GAAA,cAAA,eAAkB,OAAO,GACvB,OAAO;EACL,iBAAiBA,cAAAA;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,iBAAiBA,cAAAA;CACnB;MAEA,OAAO;AAEX"}

package/dist/esm/core/system/config.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"create-system.js","names":["bem"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\nimport type { CSSAnimationObject, CSSModifierObject } from \"../css\"\nimport type {\n  DefineThemeValue,\n  System,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\nimport { bem, flattenObject, isArray, isObject, isUndefined } from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport { createBreakpoints } from \"./breakpoint\"\nimport { createLayers } from \"./layer\"\nimport { createVars, mergeVars } from \"./var\"\n\nexport type VariableResponsiveValue = Dict<\n  [DefineThemeValue, DefineThemeValue] | DefineThemeValue\n>\n\nexport type VariableColorModeValue = [\n  DefineThemeValue | Dict<DefineThemeValue>,\n  DefineThemeValue | Dict<DefineThemeValue>,\n]\n\nexport type VariableKeyframeValue =\n  | [\n      CSSModifierObject | Dict<CSSModifierObject>,\n      CSSModifierObject | Dict<CSSModifierObject>,\n    ]\n  | CSSModifierObject\n  | Dict<CSSModifierObject>\n\nexport type VariableAnimationValue =\n  | CSSAnimationObject\n  | CSSAnimationObject[]\n  | Dict<CSSAnimationObject>\n\nexport type VariableValue =\n  | DefineThemeValue\n  | VariableAnimationValue\n  | VariableColorModeValue\n  | VariableKeyframeValue\n  | VariableResponsiveValue\n\ninterface VariableToken {\n  semantic: boolean\n  value: VariableValue\n}\n\nexport interface VariableTokens {\n  [key: string]: VariableToken\n}\n\ninterface TokenOptions {\n  [key: string]: FlattenObjectOptions\n}\n\nconst primaryTokens = {\n  aspectRatios: {},\n  blurs: {},\n  borders: {},\n  colors: {},\n  durations: {},\n  easings: {},\n  fonts: {},\n  fontSizes: {},\n  fontWeights: {},\n  letterSpacings: {},\n  lineHeights: {},\n  radii: {},\n  sizes: {},\n  spaces: {},\n  zIndices: {},\n} satisfies TokenOptions\n\ntype PrimaryToken = keyof typeof primaryTokens\n\nconst secondaryTokens = {\n  gradients: {},\n  keyframes: { maxDepth: 1 },\n  shadows: {},\n} satisfies TokenOptions\n\ntype SecondaryToken = keyof typeof secondaryTokens\n\nconst tertiaryTokens = {\n  animations: { shouldProcess: (obj) => !obj.keyframes },\n} satisfies TokenOptions\n\ntype TertiaryToken = keyof typeof tertiaryTokens\n\nconst tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n} = {\n  primary: primaryTokens,\n  secondary: secondaryTokens,\n  tertiary: tertiaryTokens,\n}\n\nexport type ThemeToken =\n  | \"breakpoints\"\n  | PrimaryToken\n  | SecondaryToken\n  | TertiaryToken\n\nexport const defaultSystem: System = {\n  breakpoints: createBreakpoints(),\n  config: {},\n  cssMap: {},\n  cssVars: {},\n  layers: createLayers(),\n  utils: { getClassName: bem },\n}\n\nexport function createSystem(\n  theme: UsageTheme,\n  config: ThemeConfig = {},\n): System {\n  const prefix = config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n  const breakpoints = createBreakpoints(theme.breakpoints, config.breakpoint)\n  const layers = createLayers(config.css?.layers)\n  const shouldProcess = config.theme?.responsive\n    ? (obj: any) => !breakpoints.isResponsive(obj, true)\n    : () => true\n\n  const primaryTokens = {\n    ...createTokens(theme, \"primary\", shouldProcess),\n    ...createColorSchemeTokens(theme, undefined, shouldProcess),\n  }\n  const secondaryTokens = createTokens(theme, \"secondary\", shouldProcess)\n  const tertiaryTokens = createTokens(theme, \"tertiary\", shouldProcess)\n\n  const { cssMap, cssVars } = mergeVars(\n    createVars(prefix, theme, breakpoints)(primaryTokens),\n    createVars(prefix, theme, breakpoints)(secondaryTokens),\n    createVars(prefix, theme, breakpoints)(tertiaryTokens),\n  )()\n\n  const getClassName = (\n    block?: string,\n    element?: string,\n    modifier?: string,\n  ) => {\n    if (!block) return \"\"\n\n    const className = bem(block, element, modifier)\n\n    return `${prefix}-${className}`\n  }\n\n  if (theme.themeSchemes) {\n    const themeSchemeEntries = Object.entries<Dict>(theme.themeSchemes)\n\n    for (const [themeScheme, nestedTheme] of themeSchemeEntries) {\n      const themeCondition = `[data-theme=${themeScheme}] &:not([data-theme]), &[data-theme=${themeScheme}]`\n\n      const nestedPrimaryTokens = {\n        ...createTokens(nestedTheme, \"primary\", shouldProcess),\n        ...createColorSchemeTokens(theme, nestedTheme, shouldProcess),\n      }\n      const nestedSecondaryTokens = createTokens(\n        nestedTheme,\n        \"secondary\",\n        shouldProcess,\n      )\n      const nestedTertiaryTokens = createTokens(\n        nestedTheme,\n        \"tertiary\",\n        shouldProcess,\n      )\n\n      const { cssVars: nestedCSSVars } = mergeVars(\n        createVars(prefix, theme, breakpoints)(nestedPrimaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedSecondaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedTertiaryTokens),\n      )({ ...primaryTokens, ...secondaryTokens, ...tertiaryTokens })\n\n      cssVars[themeCondition] = nestedCSSVars\n    }\n  }\n\n  return {\n    breakpoints,\n    config,\n    cssMap,\n    cssVars,\n    layers,\n    utils: { getClassName },\n  }\n}\n\nfunction createColorSchemeTokens(\n  theme: Dict,\n  nestedTheme: Dict | undefined,\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"],\n) {\n  const colors = { base: theme.colors ?? {}, nested: nestedTheme?.colors ?? {} }\n  const semanticColors = {\n    base: theme.semanticTokens?.colors ?? {},\n    nested: nestedTheme?.semanticTokens?.colors ?? {},\n  }\n  const colorSchemeTokens = flattenObject(\n    (nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {},\n    { shouldProcess },\n  )\n\n  const results: VariableTokens = {}\n\n  function insertToken(\n    primaryKey: string,\n    secondaryKey: string | undefined,\n    value: any,\n  ) {\n    if (isUndefined(value)) return\n\n    if (!secondaryKey || secondaryKey === \"base\") {\n      results[`colors.${primaryKey}`] = { semantic: true, value }\n    } else {\n      results[`colors.${primaryKey}.${secondaryKey}`] = {\n        semantic: true,\n        value,\n      }\n    }\n  }\n\n  function processValue(primaryKey: string, colors: any, keyOrValue: any) {\n    const value = colors.nested[keyOrValue] ?? colors.base[keyOrValue]\n\n    if (isObject(value)) {\n      const tokens = flattenObject(value, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value =\n          secondaryKey === \"base\" ? keyOrValue : `${keyOrValue}.${secondaryKey}`\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else {\n      insertToken(primaryKey, undefined, keyOrValue)\n    }\n  }\n\n  function processColorModeValue(\n    primaryKey: string,\n    colors: any,\n    keyOrValue: any[],\n  ) {\n    const [lightValue, darkValue] = keyOrValue\n    const lightColors = colors.nested[lightValue] ?? colors.base[lightValue]\n    const darkColors = colors.nested[darkValue] ?? colors.base[darkValue]\n\n    if (isObject(lightColors) && isObject(darkColors)) {\n      const tokens = flattenObject(lightColors, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value = [\n          secondaryKey === \"base\"\n            ? lightValue\n            : `${lightValue}.${secondaryKey}`,\n          secondaryKey === \"base\" ? darkValue : `${darkValue}.${secondaryKey}`,\n        ]\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else if (!isObject(lightValue) && !isObject(darkValue)) {\n      insertToken(primaryKey, undefined, [lightValue, darkValue])\n    }\n  }\n\n  Object.entries(colorSchemeTokens).forEach(([primaryKey, value]) => {\n    if (isArray(value)) {\n      processColorModeValue(primaryKey, colors, value)\n      processColorModeValue(primaryKey, semanticColors, value)\n    } else {\n      processValue(primaryKey, colors, value)\n      processValue(primaryKey, semanticColors, value)\n    }\n  })\n\n  return results\n}\n\nfunction createTokens(\n  theme: Dict,\n  target: \"primary\" | \"secondary\" | \"tertiary\",\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"] = () => true,\n) {\n  const results: VariableTokens = {}\n\n  Object.entries(tokenMap[target]).forEach(\n    ([primaryKey, { shouldProcess: shouldProcessProp, ...rest }]) => {\n      const options: FlattenObjectOptions = {\n        ...rest,\n        shouldProcess: (obj) =>\n          shouldProcess(obj) && (!shouldProcessProp || shouldProcessProp(obj)),\n      }\n\n      const tokens = flattenObject(theme[primaryKey] ?? {}, options)\n      const semanticTokens = flattenObject(\n        theme.semanticTokens?.[primaryKey] ?? {},\n        options,\n      )\n\n      Object.entries(tokens).forEach(([secondaryKey, value]) => {\n        const token = `${primaryKey}.${secondaryKey}`\n\n        results[token] = { semantic: false, value }\n      })\n\n      Object.entries(semanticTokens).forEach(([secondaryKey, value]) => {\n        let token = `${primaryKey}.${secondaryKey}`\n\n        if (token.endsWith(\".base\")) token = token.replace(\".base\", \"\")\n\n        results[token] = { semantic: true, value }\n      })\n    },\n  )\n\n  return results\n}\n"],"mappings":"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"}
+{"version":3,"file":"create-system.js","names":["bem"],"sources":["../../../../src/core/system/create-system.ts"],"sourcesContent":["import type { Dict, FlattenObjectOptions } from \"../../utils\"\nimport type { CSSAnimationObject, CSSModifierObject } from \"../css\"\nimport type {\n  DefineThemeValue,\n  System,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\nimport { bem, flattenObject, isArray, isObject, isUndefined } from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport { createBreakpoints } from \"./breakpoint\"\nimport { createLayers } from \"./layer\"\nimport { createVars, mergeVars } from \"./var\"\n\nexport type VariableResponsiveValue = Dict<\n  [DefineThemeValue, DefineThemeValue] | DefineThemeValue\n>\n\nexport type VariableColorModeValue = [\n  DefineThemeValue | Dict<DefineThemeValue>,\n  DefineThemeValue | Dict<DefineThemeValue>,\n]\n\nexport type VariableKeyframeValue =\n  | [\n      CSSModifierObject | Dict<CSSModifierObject>,\n      CSSModifierObject | Dict<CSSModifierObject>,\n    ]\n  | CSSModifierObject\n  | Dict<CSSModifierObject>\n\nexport type VariableAnimationValue =\n  | CSSAnimationObject\n  | CSSAnimationObject[]\n  | Dict<CSSAnimationObject>\n\nexport type VariableValue =\n  | DefineThemeValue\n  | VariableAnimationValue\n  | VariableColorModeValue\n  | VariableKeyframeValue\n  | VariableResponsiveValue\n\ninterface VariableToken {\n  semantic: boolean\n  value: VariableValue\n}\n\nexport interface VariableTokens {\n  [key: string]: VariableToken\n}\n\ninterface TokenOptions {\n  [key: string]: FlattenObjectOptions\n}\n\nconst primaryTokens = {\n  aspectRatios: {},\n  blurs: {},\n  borders: {},\n  colors: {},\n  durations: {},\n  easings: {},\n  fonts: {},\n  fontSizes: {},\n  fontWeights: {},\n  letterSpacings: {},\n  lineHeights: {},\n  radii: {},\n  sizes: {},\n  spaces: {},\n  zIndices: {},\n} satisfies TokenOptions\n\ntype PrimaryToken = keyof typeof primaryTokens\n\nconst secondaryTokens = {\n  gradients: {},\n  keyframes: { maxDepth: 1 },\n  shadows: {},\n} satisfies TokenOptions\n\ntype SecondaryToken = keyof typeof secondaryTokens\n\nconst tertiaryTokens = {\n  animations: { shouldProcess: (obj) => !obj.keyframes },\n} satisfies TokenOptions\n\ntype TertiaryToken = keyof typeof tertiaryTokens\n\nconst tokenMap: {\n  [key in \"primary\" | \"secondary\" | \"tertiary\"]: TokenOptions\n} = {\n  primary: primaryTokens,\n  secondary: secondaryTokens,\n  tertiary: tertiaryTokens,\n}\n\nexport type ThemeToken =\n  | \"breakpoints\"\n  | PrimaryToken\n  | SecondaryToken\n  | TertiaryToken\n\nexport const defaultSystem: System = {\n  breakpoints: createBreakpoints(),\n  config: {},\n  cssMap: {},\n  cssVars: {},\n  layers: createLayers(),\n  utils: { getClassName: bem },\n}\n\nexport function createSystem(\n  theme: UsageTheme,\n  config: ThemeConfig = {},\n): System {\n  const prefix = config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n  const breakpoints = createBreakpoints(theme.breakpoints, config.breakpoint)\n  const layers = createLayers(config.css?.layers)\n  const shouldProcess = config.theme?.responsive\n    ? (obj: any) => !breakpoints.isResponsive(obj, true)\n    : () => true\n\n  const primaryTokens = {\n    ...createTokens(theme, \"primary\", shouldProcess),\n    ...createColorSchemeTokens(theme, undefined, shouldProcess),\n  }\n  const secondaryTokens = createTokens(theme, \"secondary\", shouldProcess)\n  const tertiaryTokens = createTokens(theme, \"tertiary\", shouldProcess)\n\n  const { cssMap, cssVars } = mergeVars(\n    createVars(prefix, theme, breakpoints)(primaryTokens),\n    createVars(prefix, theme, breakpoints)(secondaryTokens),\n    createVars(prefix, theme, breakpoints)(tertiaryTokens),\n  )()\n\n  const getClassName = (\n    block?: string,\n    element?: string,\n    modifier?: string,\n  ) => {\n    if (!block) return \"\"\n\n    const className = bem(block, element, modifier)\n\n    return `${prefix}-${className}`\n  }\n\n  if (theme.themeSchemes) {\n    const themeSchemeEntries = Object.entries<Dict>(theme.themeSchemes)\n\n    for (const [themeScheme, nestedTheme] of themeSchemeEntries) {\n      const themeCondition = `[data-theme=${themeScheme}] &:not([data-theme]), &[data-theme=${themeScheme}]`\n\n      const nestedPrimaryTokens = {\n        ...createTokens(nestedTheme, \"primary\", shouldProcess),\n        ...createColorSchemeTokens(theme, nestedTheme, shouldProcess),\n      }\n      const nestedSecondaryTokens = createTokens(\n        nestedTheme,\n        \"secondary\",\n        shouldProcess,\n      )\n      const nestedTertiaryTokens = createTokens(\n        nestedTheme,\n        \"tertiary\",\n        shouldProcess,\n      )\n\n      const { cssVars: nestedCSSVars } = mergeVars(\n        createVars(prefix, theme, breakpoints)(nestedPrimaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedSecondaryTokens),\n        createVars(prefix, theme, breakpoints)(nestedTertiaryTokens),\n      )({ ...primaryTokens, ...secondaryTokens, ...tertiaryTokens })\n\n      cssVars[themeCondition] = nestedCSSVars\n    }\n  }\n\n  return {\n    breakpoints,\n    config,\n    cssMap,\n    cssVars,\n    layers,\n    utils: { getClassName },\n  }\n}\n\nfunction createColorSchemeTokens(\n  theme: Dict,\n  nestedTheme: Dict | undefined,\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"],\n) {\n  const colors = { base: theme.colors ?? {}, nested: nestedTheme?.colors ?? {} }\n  const semanticColors = {\n    base: theme.semanticTokens?.colors ?? {},\n    nested: nestedTheme?.semanticTokens?.colors ?? {},\n  }\n  const colorSchemeTokens = flattenObject(\n    (nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {},\n    { shouldProcess },\n  )\n\n  const results: VariableTokens = {}\n\n  function insertToken(\n    primaryKey: string,\n    secondaryKey: string | undefined,\n    value: any,\n  ) {\n    if (isUndefined(value)) return\n\n    if (!secondaryKey || secondaryKey === \"base\") {\n      results[`colors.${primaryKey}`] = { semantic: true, value }\n    } else {\n      results[`colors.${primaryKey}.${secondaryKey}`] = {\n        semantic: true,\n        value,\n      }\n    }\n  }\n\n  function processValue(primaryKey: string, colors: any, keyOrValue: any) {\n    const value = colors.nested[keyOrValue] ?? colors.base[keyOrValue]\n\n    if (isObject(value)) {\n      const tokens = flattenObject(value, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value =\n          secondaryKey === \"base\" ? keyOrValue : `${keyOrValue}.${secondaryKey}`\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else {\n      insertToken(primaryKey, undefined, keyOrValue)\n    }\n  }\n\n  function processColorModeValue(\n    primaryKey: string,\n    colors: any,\n    keyOrValue: any[],\n  ) {\n    const [lightValue, darkValue] = keyOrValue\n    const lightColors = colors.nested[lightValue] ?? colors.base[lightValue]\n    const darkColors = colors.nested[darkValue] ?? colors.base[darkValue]\n\n    if (isObject(lightColors) && isObject(darkColors)) {\n      const tokens = flattenObject(lightColors, { shouldProcess })\n\n      Object.keys(tokens).forEach((secondaryKey) => {\n        const value = [\n          secondaryKey === \"base\"\n            ? lightValue\n            : `${lightValue}.${secondaryKey}`,\n          secondaryKey === \"base\" ? darkValue : `${darkValue}.${secondaryKey}`,\n        ]\n\n        insertToken(primaryKey, secondaryKey, value)\n      })\n    } else if (!isObject(lightValue) && !isObject(darkValue)) {\n      insertToken(primaryKey, undefined, [lightValue, darkValue])\n    }\n  }\n\n  Object.entries(colorSchemeTokens).forEach(([primaryKey, value]) => {\n    if (isArray(value)) {\n      processColorModeValue(primaryKey, colors, value)\n      processColorModeValue(primaryKey, semanticColors, value)\n    } else {\n      processValue(primaryKey, colors, value)\n      processValue(primaryKey, semanticColors, value)\n    }\n  })\n\n  return results\n}\n\nfunction createTokens(\n  theme: Dict,\n  target: \"primary\" | \"secondary\" | \"tertiary\",\n  shouldProcess: FlattenObjectOptions[\"shouldProcess\"] = () => true,\n) {\n  const results: VariableTokens = {}\n\n  Object.entries(tokenMap[target]).forEach(\n    ([primaryKey, { shouldProcess: shouldProcessProp, ...rest }]) => {\n      const options: FlattenObjectOptions = {\n        ...rest,\n        shouldProcess: (obj) =>\n          shouldProcess(obj) && (!shouldProcessProp || shouldProcessProp(obj)),\n      }\n\n      const tokens = flattenObject(theme[primaryKey] ?? {}, options)\n      const semanticTokens = flattenObject(\n        theme.semanticTokens?.[primaryKey] ?? {},\n        options,\n      )\n\n      Object.entries(tokens).forEach(([secondaryKey, value]) => {\n        const token = `${primaryKey}.${secondaryKey}`\n\n        results[token] = { semantic: false, value }\n      })\n\n      Object.entries(semanticTokens).forEach(([secondaryKey, value]) => {\n        let token = `${primaryKey}.${secondaryKey}`\n\n        if (token.endsWith(\".base\")) token = token.replace(\".base\", \"\")\n\n        results[token] = { semantic: true, value }\n      })\n    },\n  )\n\n  return results\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"environment-provider.js","names":[],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useCallback, useMemo, useRef } from \"react\"\nimport { createdDom, getDocument, getWindow, runIfFn } from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootNode: () => RootNode | undefined\n  getWindow: () => undefined | Window\n}\n\nexport const defaultEnvironment: Environment = {\n  getDocument: () => document,\n  getRootNode: () => document,\n  getWindow: () => window,\n}\n\nconst EnvironmentContext = createContext<Environment>(defaultEnvironment)\n\nexport interface EnvironmentProviderProps extends PropsWithChildren {\n  value?: (() => RootNode) | RootNode\n}\n\nexport const EnvironmentProvider: FC<EnvironmentProviderProps> = ({\n  children,\n  value,\n}) => {\n  const ref = useRef<HTMLSpanElement>(null)\n\n  const getRootNode = useCallback(() => {\n    return runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const context = useMemo<Environment>(() => {\n    if (createdDom()) {\n      return {\n        getDocument: () => getDocument(getRootNode()),\n        getRootNode,\n        getWindow: () => getWindow(getRootNode()),\n      }\n    } else {\n      return {\n        getDocument: () => undefined,\n        getRootNode: () => undefined,\n        getWindow: () => undefined,\n      }\n    }\n  }, [getRootNode])\n\n  return (\n    <EnvironmentContext value={context}>\n      {children}\n\n      {!value ? <span ref={ref} hidden /> : null}\n    </EnvironmentContext>\n  )\n}\n\nexport const useEnvironment = () => {\n  return use(EnvironmentContext)\n}\n"],"mappings":";;;;;AAcA,MAAa,qBAAkC;CAC7C,mBAAmB;CACnB,mBAAmB;CACnB,iBAAiB;CAClB;AAED,MAAM,qBAAqB,cAA2B,mBAAmB;AAMzE,MAAa,uBAAqD,EAChE,UACA,YACI;CACJ,MAAM,MAAM,OAAwB,KAAK;CAEzC,MAAM,cAAc,kBAAkB;EACpC,QAAA,GAAA,cAAA,SAAe,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;IACtD,CAAC,OAAO,IAAI,CAAC;CAkBhB,OACE,qBAAC,oBAAD;EAAoB,OAjBN,cAA2B;GACzC,KAAA,GAAA,cAAA,aAAgB,EACd,OAAO;IACL,oBAAA,GAAA,cAAA,aAA+B,aAAa,CAAC;IAC7C;IACA,kBAAA,GAAA,cAAA,WAA2B,aAAa,CAAC;IAC1C;QAED,OAAO;IACL,mBAAmB,KAAA;IACnB,mBAAmB,KAAA;IACnB,iBAAiB,KAAA;IAClB;KAEF,CAAC,YAAY,CAGoB;YAAlC,CACG,UAEA,CAAC,QAAQ,oBAAC,QAAD;GAAW;GAAK,QAAA;GAAS,CAAA,GAAG,KACnB;;;AAIzB,MAAa,uBAAuB;CAClC,OAAO,IAAI,mBAAmB"}
+{"version":3,"file":"environment-provider.js","names":[],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useCallback, useMemo, useRef } from \"react\"\nimport { createdDom, getDocument, getWindow, runIfFn } from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootNode: () => RootNode | undefined\n  getWindow: () => undefined | Window\n}\n\nexport const defaultEnvironment: Environment = {\n  getDocument: () => document,\n  getRootNode: () => document,\n  getWindow: () => window,\n}\n\nconst EnvironmentContext = createContext<Environment>(defaultEnvironment)\n\nexport interface EnvironmentProviderProps extends PropsWithChildren {\n  value?: (() => RootNode) | RootNode\n}\n\nexport const EnvironmentProvider: FC<EnvironmentProviderProps> = ({\n  children,\n  value,\n}) => {\n  const ref = useRef<HTMLSpanElement>(null)\n\n  const getRootNode = useCallback(() => {\n    return runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const context = useMemo<Environment>(() => {\n    if (createdDom()) {\n      return {\n        getDocument: () => getDocument(getRootNode()),\n        getRootNode,\n        getWindow: () => getWindow(getRootNode()),\n      }\n    } else {\n      return {\n        getDocument: () => undefined,\n        getRootNode: () => undefined,\n        getWindow: () => undefined,\n      }\n    }\n  }, [getRootNode])\n\n  return (\n    <EnvironmentContext value={context}>\n      {children}\n\n      {!value ? <span ref={ref} hidden /> : null}\n    </EnvironmentContext>\n  )\n}\n\nexport const useEnvironment = () => {\n  return use(EnvironmentContext)\n}\n"],"mappings":";;;;;AAcA,MAAa,qBAAkC;CAC7C,mBAAmB;CACnB,mBAAmB;CACnB,iBAAiB;AACnB;AAEA,MAAM,qBAAqB,cAA2B,kBAAkB;AAMxE,MAAa,uBAAqD,EAChE,UACA,YACI;CACJ,MAAM,MAAM,OAAwB,IAAI;CAExC,MAAM,cAAc,kBAAkB;EACpC,QAAA,GAAA,cAAA,SAAe,KAAK,KAAK,IAAI,SAAS,YAAY,KAAK;CACzD,GAAG,CAAC,OAAO,GAAG,CAAC;CAkBf,OACE,qBAAC,oBAAD;EAAoB,OAjBN,cAA2B;GACzC,KAAA,GAAA,cAAA,YAAe,GACb,OAAO;IACL,oBAAA,GAAA,cAAA,aAA+B,YAAY,CAAC;IAC5C;IACA,kBAAA,GAAA,cAAA,WAA2B,YAAY,CAAC;GAC1C;QAEA,OAAO;IACL,mBAAmB,KAAA;IACnB,mBAAmB,KAAA;IACnB,iBAAiB,KAAA;GACnB;EAEJ,GAAG,CAAC,WAAW,CAGoB;YAAjC,CACG,UAEA,CAAC,QAAQ,oBAAC,QAAD;GAAW;GAAK,QAAA;EAAQ,CAAA,IAAI,IACpB;;AAExB;AAEA,MAAa,uBAAuB;CAClC,OAAO,IAAI,kBAAkB;AAC/B"}

package/dist/esm/core/system/factory.js.map

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

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

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

package/dist/esm/core/system/storage-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"storage-manager.js","names":[],"sources":["../../../../src/core/system/storage-manager.ts"],"sourcesContent":["\"use client\"\n\nexport type Storage = \"cookie\" | \"localStorage\"\n\nconst hasSupport = !!(globalThis.document as Document | undefined)\n\nfunction parseCookie<Y extends string>(\n  cookie: string,\n  key: string,\n): undefined | Y {\n  const match = cookie.match(new RegExp(`(^| )${key}=([^;]+)`))\n\n  return match?.[2] as undefined | Y\n}\n\nexport interface StorageManager<Y extends string, M extends Y = Y> {\n  default(value: M): M\n  get(value?: Y): Y\n  set(value: Y): void\n}\n\nexport function createStorageManager<Y extends string, M extends Y = Y>(\n  storage: Storage,\n  storageKey: string,\n  defaultValue: Y,\n  cookie?: string,\n): StorageManager<Y, M> {\n  return {\n    default(value) {\n      const defaultStorageKey = `default-${storageKey}`\n\n      if (cookie) return parseCookie(cookie, defaultStorageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(defaultStorageKey) as M | null) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, defaultStorageKey) || value\n      }\n    },\n    get(value = defaultValue) {\n      if (cookie) return parseCookie(cookie, storageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(storageKey) as null | Y) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, storageKey) || value\n      }\n    },\n    set(value: Y) {\n      if (storage === \"localStorage\") {\n        localStorage.setItem(storageKey, value)\n      } else {\n        document.cookie = `${storageKey}=${value}; max-age=31536000; path=/`\n      }\n    },\n  }\n}\n"],"mappings":";;AAIA,MAAM,aAAa,CAAC,CAAE,WAAW;AAEjC,SAAS,YACP,QACA,KACe;CAGf,OAFc,OAAO,MAAM,IAAI,OAAO,QAAQ,IAAI,UAAU,CAEhD,GAAG;;AASjB,SAAgB,qBACd,SACA,YACA,cACA,QACsB;CACtB,OAAO;EACL,QAAQ,OAAO;GACb,MAAM,oBAAoB,WAAW;GAErC,IAAI,QAAQ,OAAO,YAAY,QAAQ,kBAAkB,IAAI;GAE7D,IAAI,YAAY,gBACd,IAAI;IACF,OAAQ,aAAa,QAAQ,kBAAkB,IAAiB;WAC1D;IACN,OAAO;;QAEJ;IACL,IAAI,CAAC,YAAY,OAAO;IAExB,OAAO,YAAY,SAAS,QAAQ,kBAAkB,IAAI;;;EAG9D,IAAI,QAAQ,cAAc;GACxB,IAAI,QAAQ,OAAO,YAAY,QAAQ,WAAW,IAAI;GAEtD,IAAI,YAAY,gBACd,IAAI;IACF,OAAQ,aAAa,QAAQ,WAAW,IAAiB;WACnD;IACN,OAAO;;QAEJ;IACL,IAAI,CAAC,YAAY,OAAO;IAExB,OAAO,YAAY,SAAS,QAAQ,WAAW,IAAI;;;EAGvD,IAAI,OAAU;GACZ,IAAI,YAAY,gBACd,aAAa,QAAQ,YAAY,MAAM;QAEvC,SAAS,SAAS,GAAG,WAAW,GAAG,MAAM;;EAG9C"}
+{"version":3,"file":"storage-manager.js","names":[],"sources":["../../../../src/core/system/storage-manager.ts"],"sourcesContent":["\"use client\"\n\nexport type Storage = \"cookie\" | \"localStorage\"\n\nconst hasSupport = !!(globalThis.document as Document | undefined)\n\nfunction parseCookie<Y extends string>(\n  cookie: string,\n  key: string,\n): undefined | Y {\n  const match = cookie.match(new RegExp(`(^| )${key}=([^;]+)`))\n\n  return match?.[2] as undefined | Y\n}\n\nexport interface StorageManager<Y extends string, M extends Y = Y> {\n  default(value: M): M\n  get(value?: Y): Y\n  set(value: Y): void\n}\n\nexport function createStorageManager<Y extends string, M extends Y = Y>(\n  storage: Storage,\n  storageKey: string,\n  defaultValue: Y,\n  cookie?: string,\n): StorageManager<Y, M> {\n  return {\n    default(value) {\n      const defaultStorageKey = `default-${storageKey}`\n\n      if (cookie) return parseCookie(cookie, defaultStorageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(defaultStorageKey) as M | null) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, defaultStorageKey) || value\n      }\n    },\n    get(value = defaultValue) {\n      if (cookie) return parseCookie(cookie, storageKey) || value\n\n      if (storage === \"localStorage\") {\n        try {\n          return (localStorage.getItem(storageKey) as null | Y) || value\n        } catch {\n          return value\n        }\n      } else {\n        if (!hasSupport) return value\n\n        return parseCookie(document.cookie, storageKey) || value\n      }\n    },\n    set(value: Y) {\n      if (storage === \"localStorage\") {\n        localStorage.setItem(storageKey, value)\n      } else {\n        document.cookie = `${storageKey}=${value}; max-age=31536000; path=/`\n      }\n    },\n  }\n}\n"],"mappings":";;AAIA,MAAM,aAAa,CAAC,CAAE,WAAW;AAEjC,SAAS,YACP,QACA,KACe;CAGf,OAFc,OAAO,MAAM,IAAI,OAAO,QAAQ,IAAI,SAAS,CAEhD,IAAI;AACjB;AAQA,SAAgB,qBACd,SACA,YACA,cACA,QACsB;CACtB,OAAO;EACL,QAAQ,OAAO;GACb,MAAM,oBAAoB,WAAW;GAErC,IAAI,QAAQ,OAAO,YAAY,QAAQ,iBAAiB,KAAK;GAE7D,IAAI,YAAY,gBACd,IAAI;IACF,OAAQ,aAAa,QAAQ,iBAAiB,KAAkB;GAClE,QAAQ;IACN,OAAO;GACT;QACK;IACL,IAAI,CAAC,YAAY,OAAO;IAExB,OAAO,YAAY,SAAS,QAAQ,iBAAiB,KAAK;GAC5D;EACF;EACA,IAAI,QAAQ,cAAc;GACxB,IAAI,QAAQ,OAAO,YAAY,QAAQ,UAAU,KAAK;GAEtD,IAAI,YAAY,gBACd,IAAI;IACF,OAAQ,aAAa,QAAQ,UAAU,KAAkB;GAC3D,QAAQ;IACN,OAAO;GACT;QACK;IACL,IAAI,CAAC,YAAY,OAAO;IAExB,OAAO,YAAY,SAAS,QAAQ,UAAU,KAAK;GACrD;EACF;EACA,IAAI,OAAU;GACZ,IAAI,YAAY,gBACd,aAAa,QAAQ,YAAY,KAAK;QAEtC,SAAS,SAAS,GAAG,WAAW,GAAG,MAAM;EAE7C;CACF;AACF"}

package/dist/esm/core/system/storage-script.js.map

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

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

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

package/dist/esm/core/system/system-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-provider.js","names":[],"sources":["../../../../src/core/system/system-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { System, ThemeConfig, UsageTheme } from \"./index.types\"\nimport { createContext, use, useMemo } from \"react\"\nimport { createSystem, defaultSystem } from \"./create-system\"\n\ninterface SystemContext extends System {}\n\nconst SystemContext = createContext<SystemContext>(defaultSystem)\n\nexport interface SystemProviderProps extends PropsWithChildren {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const SystemProvider: FC<SystemProviderProps> = ({\n  children,\n  config,\n  theme = {},\n}) => {\n  const system = useMemo(() => createSystem(theme, config), [theme, config])\n\n  return <SystemContext value={system}>{children}</SystemContext>\n}\n\nexport const useSystem = () => {\n  const system = use(SystemContext)\n\n  return system\n}\n"],"mappings":";;;;;AASA,MAAM,gBAAgB,cAA6B,cAAc;AAajE,MAAa,kBAA2C,EACtD,UACA,QACA,QAAQ,EAAE,OACN;CAGJ,OAAO,oBAAC,eAAD;EAAe,OAFP,cAAc,aAAa,OAAO,OAAO,EAAE,CAAC,OAAO,OAAO,CAEtC;EAAG;EAAyB,CAAA;;AAGjE,MAAa,kBAAkB;CAG7B,OAFe,IAAI,cAEN"}
+{"version":3,"file":"system-provider.js","names":[],"sources":["../../../../src/core/system/system-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { System, ThemeConfig, UsageTheme } from \"./index.types\"\nimport { createContext, use, useMemo } from \"react\"\nimport { createSystem, defaultSystem } from \"./create-system\"\n\ninterface SystemContext extends System {}\n\nconst SystemContext = createContext<SystemContext>(defaultSystem)\n\nexport interface SystemProviderProps extends PropsWithChildren {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const SystemProvider: FC<SystemProviderProps> = ({\n  children,\n  config,\n  theme = {},\n}) => {\n  const system = useMemo(() => createSystem(theme, config), [theme, config])\n\n  return <SystemContext value={system}>{children}</SystemContext>\n}\n\nexport const useSystem = () => {\n  const system = use(SystemContext)\n\n  return system\n}\n"],"mappings":";;;;;AASA,MAAM,gBAAgB,cAA6B,aAAa;AAahE,MAAa,kBAA2C,EACtD,UACA,QACA,QAAQ,CAAC,QACL;CAGJ,OAAO,oBAAC,eAAD;EAAe,OAFP,cAAc,aAAa,OAAO,MAAM,GAAG,CAAC,OAAO,MAAM,CAEtC;EAAI;CAAwB,CAAA;AAChE;AAEA,MAAa,kBAAkB;CAG7B,OAFe,IAAI,aAEP;AACd"}

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.js","names":["ThemeProvider","EmotionThemeProvider"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  ThemeContext,\n} from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { THEME_SCHEME_STORAGE_KEY } from \"../constant\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { useSystem } from \"./system-provider\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        doc.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends\n    PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = THEME_SCHEME_STORAGE_KEY,\n  theme = {},\n}) => {\n  const { defaultThemeScheme = \"base\", disableTransitionOnChange } =\n    config ?? {}\n  const storageManager = useMemo(\n    () => createStorageManager(storage, storageKey, defaultThemeScheme, cookie),\n    [cookie, defaultThemeScheme, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    storageManager.get(),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      storageManager.set(themeScheme)\n    },\n    [disableTransitionOnChange, environment, storageManager],\n  )\n\n  useEffect(() => {\n    const themeScheme = storageManager.get()\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, storageManager])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-theme\n */\nexport const useTheme = <Y extends UsageTheme = Theme>() => {\n  const internalTheme = use(ThemeContext) as StyledTheme<Y>\n\n  const theme = useMemo(() => {\n    const { themeScheme } = internalTheme\n\n    if (isUndefined(themeScheme) || themeScheme === \"base\") return internalTheme\n\n    const nestedTheme =\n      \"themeSchemes\" in internalTheme && isObject(internalTheme.themeSchemes)\n        ? internalTheme.themeSchemes[themeScheme as string]\n        : undefined\n\n    if (!nestedTheme) return internalTheme\n\n    return merge<StyledTheme<Y>>(internalTheme, nestedTheme)\n  }, [internalTheme])\n\n  const value = useMemo(() => {\n    const { changeThemeScheme, themeScheme } = internalTheme\n\n    return {\n      changeThemeScheme,\n      internalTheme,\n      theme,\n      themeScheme,\n    }\n  }, [theme, internalTheme])\n\n  return value\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme-provider.js","names":["ThemeProvider","EmotionThemeProvider"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  ThemeContext,\n} from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { THEME_SCHEME_STORAGE_KEY } from \"../constant\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { useSystem } from \"./system-provider\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        doc.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends\n    PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = THEME_SCHEME_STORAGE_KEY,\n  theme = {},\n}) => {\n  const { defaultThemeScheme = \"base\", disableTransitionOnChange } =\n    config ?? {}\n  const storageManager = useMemo(\n    () => createStorageManager(storage, storageKey, defaultThemeScheme, cookie),\n    [cookie, defaultThemeScheme, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    storageManager.get(),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      storageManager.set(themeScheme)\n    },\n    [disableTransitionOnChange, environment, storageManager],\n  )\n\n  useEffect(() => {\n    const themeScheme = storageManager.get()\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, storageManager])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-theme\n */\nexport const useTheme = <Y extends UsageTheme = Theme>() => {\n  const internalTheme = use(ThemeContext) as StyledTheme<Y>\n\n  const theme = useMemo(() => {\n    const { themeScheme } = internalTheme\n\n    if (isUndefined(themeScheme) || themeScheme === \"base\") return internalTheme\n\n    const nestedTheme =\n      \"themeSchemes\" in internalTheme && isObject(internalTheme.themeSchemes)\n        ? internalTheme.themeSchemes[themeScheme as string]\n        : undefined\n\n    if (!nestedTheme) return internalTheme\n\n    return merge<StyledTheme<Y>>(internalTheme, nestedTheme)\n  }, [internalTheme])\n\n  const value = useMemo(() => {\n    const { changeThemeScheme, themeScheme } = internalTheme\n\n    return {\n      changeThemeScheme,\n      internalTheme,\n      theme,\n      themeScheme,\n    }\n  }, [theme, internalTheme])\n\n  return value\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-color-mode-value.js","names":[],"sources":["../../../../src/core/system/use-color-mode-value.ts"],"sourcesContent":["import type { ColorMode } from \"./index.types\"\nimport { useColorMode } from \"./color-mode-provider\"\n\n/**\n * `useColorModeValue` is a custom hook that returns the value of the current color mode from the provided values.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode-value\n */\nexport const useColorModeValue = <L, D>(light: L, dark: D): D | L => {\n  const { colorMode } = useColorMode()\n\n  return getColorModeValue<L, D>(light, dark)(colorMode)\n}\n\nexport const getColorModeValue =\n  <L, D>(light: L, dark: D) =>\n  (colorMode: ColorMode): D | L => {\n    return colorMode === \"light\" ? light : dark\n  }\n"],"mappings":";;;;;;;AAQA,MAAa,qBAA2B,OAAU,SAAmB;CACnE,MAAM,EAAE,cAAc,cAAc;CAEpC,OAAO,kBAAwB,OAAO,KAAK,CAAC,UAAU;;AAGxD,MAAa,qBACJ,OAAU,UAChB,cAAgC;CAC/B,OAAO,cAAc,UAAU,QAAQ"}
+{"version":3,"file":"use-color-mode-value.js","names":[],"sources":["../../../../src/core/system/use-color-mode-value.ts"],"sourcesContent":["import type { ColorMode } from \"./index.types\"\nimport { useColorMode } from \"./color-mode-provider\"\n\n/**\n * `useColorModeValue` is a custom hook that returns the value of the current color mode from the provided values.\n *\n * @see https://yamada-ui.com/docs/hooks/use-color-mode-value\n */\nexport const useColorModeValue = <L, D>(light: L, dark: D): D | L => {\n  const { colorMode } = useColorMode()\n\n  return getColorModeValue<L, D>(light, dark)(colorMode)\n}\n\nexport const getColorModeValue =\n  <L, D>(light: L, dark: D) =>\n  (colorMode: ColorMode): D | L => {\n    return colorMode === \"light\" ? light : dark\n  }\n"],"mappings":";;;;;;;AAQA,MAAa,qBAA2B,OAAU,SAAmB;CACnE,MAAM,EAAE,cAAc,aAAa;CAEnC,OAAO,kBAAwB,OAAO,IAAI,EAAE,SAAS;AACvD;AAEA,MAAa,qBACJ,OAAU,UAChB,cAAgC;CAC/B,OAAO,cAAc,UAAU,QAAQ;AACzC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-system-color-mode.js","names":[],"sources":["../../../../src/core/system/use-system-color-mode.ts"],"sourcesContent":["\"use client\"\n\nimport type { ColorMode } from \"./index.types\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { fnAll, useCallbackRef, useSafeLayoutEffect } from \"../../utils\"\nimport { useEnvironment } from \"./environment-provider\"\n\nexport interface UseSystemColorModeProps {\n  defaultColorMode: ColorMode\n  callback?: (colorMode: ColorMode) => void\n}\n\n/**\n * `useSystemColorMode` is a custom hook that returns the current system color mode.\n */\nexport const useSystemColorMode = ({\n  callback,\n  defaultColorMode,\n}: UseSystemColorModeProps) => {\n  const { getWindow } = useEnvironment()\n  const callbackRef = useCallbackRef(callback)\n  const [systemColorMode, setSystemColorMode] =\n    useState<ColorMode>(defaultColorMode)\n\n  const getSystemColorMode = useCallback(\n    (fallback?: ColorMode) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n      const dark = mql?.matches ?? fallback === \"dark\"\n\n      return dark ? \"dark\" : \"light\"\n    },\n    [getWindow],\n  )\n\n  const systemColorModeObserver = useCallback(\n    (func: (cm: ColorMode) => void) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n\n      const listener = (e: MediaQueryListEvent) => {\n        func(e.matches ? \"dark\" : \"light\")\n      }\n\n      if (typeof mql?.addListener === \"function\") {\n        mql.addListener(listener)\n      } else {\n        mql?.addEventListener(\"change\", listener)\n      }\n\n      return () => {\n        if (typeof mql?.removeListener === \"function\") {\n          mql.removeListener(listener)\n        } else {\n          mql?.removeEventListener(\"change\", listener)\n        }\n      }\n    },\n    [getWindow],\n  )\n\n  useSafeLayoutEffect(() => {\n    setSystemColorMode(getSystemColorMode())\n  }, [getSystemColorMode])\n\n  useEffect(() => {\n    return systemColorModeObserver(fnAll(setSystemColorMode, callbackRef))\n  }, [systemColorModeObserver, getSystemColorMode, callbackRef])\n\n  return { getSystemColorMode, systemColorMode }\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,sBAAsB,EACjC,UACA,uBAC6B;CAC7B,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,cAAc,eAAe,SAAS;CAC5C,MAAM,CAAC,iBAAiB,sBACtB,SAAoB,iBAAiB;CAEvC,MAAM,qBAAqB,aACxB,aAAyB;EAIxB,QAHY,WAAW,EAAE,WAAW,+BAA+B,GACjD,WAAW,aAAa,SAE5B,SAAS;IAEzB,CAAC,UAAU,CACZ;CAED,MAAM,0BAA0B,aAC7B,SAAkC;EACjC,MAAM,MAAM,WAAW,EAAE,WAAW,+BAA+B;EAEnE,MAAM,YAAY,MAA2B;GAC3C,KAAK,EAAE,UAAU,SAAS,QAAQ;;EAGpC,IAAI,OAAO,KAAK,gBAAgB,YAC9B,IAAI,YAAY,SAAS;OAEzB,KAAK,iBAAiB,UAAU,SAAS;EAG3C,aAAa;GACX,IAAI,OAAO,KAAK,mBAAmB,YACjC,IAAI,eAAe,SAAS;QAE5B,KAAK,oBAAoB,UAAU,SAAS;;IAIlD,CAAC,UAAU,CACZ;CAED,0BAA0B;EACxB,mBAAmB,oBAAoB,CAAC;IACvC,CAAC,mBAAmB,CAAC;CAExB,gBAAgB;EACd,OAAO,yBAAA,GAAA,cAAA,OAA8B,oBAAoB,YAAY,CAAC;IACrE;EAAC;EAAyB;EAAoB;EAAY,CAAC;CAE9D,OAAO;EAAE;EAAoB;EAAiB"}
+{"version":3,"file":"use-system-color-mode.js","names":[],"sources":["../../../../src/core/system/use-system-color-mode.ts"],"sourcesContent":["\"use client\"\n\nimport type { ColorMode } from \"./index.types\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { fnAll, useCallbackRef, useSafeLayoutEffect } from \"../../utils\"\nimport { useEnvironment } from \"./environment-provider\"\n\nexport interface UseSystemColorModeProps {\n  defaultColorMode: ColorMode\n  callback?: (colorMode: ColorMode) => void\n}\n\n/**\n * `useSystemColorMode` is a custom hook that returns the current system color mode.\n */\nexport const useSystemColorMode = ({\n  callback,\n  defaultColorMode,\n}: UseSystemColorModeProps) => {\n  const { getWindow } = useEnvironment()\n  const callbackRef = useCallbackRef(callback)\n  const [systemColorMode, setSystemColorMode] =\n    useState<ColorMode>(defaultColorMode)\n\n  const getSystemColorMode = useCallback(\n    (fallback?: ColorMode) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n      const dark = mql?.matches ?? fallback === \"dark\"\n\n      return dark ? \"dark\" : \"light\"\n    },\n    [getWindow],\n  )\n\n  const systemColorModeObserver = useCallback(\n    (func: (cm: ColorMode) => void) => {\n      const mql = getWindow()?.matchMedia(\"(prefers-color-scheme: dark)\")\n\n      const listener = (e: MediaQueryListEvent) => {\n        func(e.matches ? \"dark\" : \"light\")\n      }\n\n      if (typeof mql?.addListener === \"function\") {\n        mql.addListener(listener)\n      } else {\n        mql?.addEventListener(\"change\", listener)\n      }\n\n      return () => {\n        if (typeof mql?.removeListener === \"function\") {\n          mql.removeListener(listener)\n        } else {\n          mql?.removeEventListener(\"change\", listener)\n        }\n      }\n    },\n    [getWindow],\n  )\n\n  useSafeLayoutEffect(() => {\n    setSystemColorMode(getSystemColorMode())\n  }, [getSystemColorMode])\n\n  useEffect(() => {\n    return systemColorModeObserver(fnAll(setSystemColorMode, callbackRef))\n  }, [systemColorModeObserver, getSystemColorMode, callbackRef])\n\n  return { getSystemColorMode, systemColorMode }\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,sBAAsB,EACjC,UACA,uBAC6B;CAC7B,MAAM,EAAE,cAAc,eAAe;CACrC,MAAM,cAAc,eAAe,QAAQ;CAC3C,MAAM,CAAC,iBAAiB,sBACtB,SAAoB,gBAAgB;CAEtC,MAAM,qBAAqB,aACxB,aAAyB;EAIxB,QAHY,UAAU,GAAG,WAAW,8BAA8B,IAChD,WAAW,aAAa,SAE5B,SAAS;CACzB,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,0BAA0B,aAC7B,SAAkC;EACjC,MAAM,MAAM,UAAU,GAAG,WAAW,8BAA8B;EAElE,MAAM,YAAY,MAA2B;GAC3C,KAAK,EAAE,UAAU,SAAS,OAAO;EACnC;EAEA,IAAI,OAAO,KAAK,gBAAgB,YAC9B,IAAI,YAAY,QAAQ;OAExB,KAAK,iBAAiB,UAAU,QAAQ;EAG1C,aAAa;GACX,IAAI,OAAO,KAAK,mBAAmB,YACjC,IAAI,eAAe,QAAQ;QAE3B,KAAK,oBAAoB,UAAU,QAAQ;EAE/C;CACF,GACA,CAAC,SAAS,CACZ;CAEA,0BAA0B;EACxB,mBAAmB,mBAAmB,CAAC;CACzC,GAAG,CAAC,kBAAkB,CAAC;CAEvB,gBAAgB;EACd,OAAO,yBAAA,GAAA,cAAA,OAA8B,oBAAoB,WAAW,CAAC;CACvE,GAAG;EAAC;EAAyB;EAAoB;CAAW,CAAC;CAE7D,OAAO;EAAE;EAAoB;CAAgB;AAC/C"}