@yamada-ui/react 1.7.7 → 2.0.0-dev-20250626070331

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

@@ -0,0 +1,100 @@
+"use client";
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_system_color_mode_manager = require('./color-mode-manager.cjs');
+const require_core_system_environment_provider = require('./environment-provider.cjs');
+const require_core_system_color_mode_utils = require('./color-mode-utils.cjs');
+const require_core_system_use_system_color_mode = require('./use-system-color-mode.cjs');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+
+//#region src/core/system/color-mode-provider.tsx
+const { localStorage } = require_core_system_color_mode_manager.colorModeManager;
+const getColorMode = (manager, fallback) => (storageKey) => manager.type === "cookie" && manager.ssr ? manager.get(fallback)(storageKey) : fallback;
+const ColorModeContext = (0, react.createContext)({
+	changeColorMode: require_utils_index.utils_exports.noop,
+	colorMode: "light",
+	forced: false,
+	internalColorMode: "light",
+	toggleColorMode: require_utils_index.utils_exports.noop
+});
+const ColorModeProvider = ({ children, colorMode: forcedColorMode, colorModeManager: colorModeManager$1 = localStorage, config: { defaultColorMode = "light", disableTransitionOnChange = true } = {}, storageKey }) => {
+	const environment = require_core_system_environment_provider.useEnvironment();
+	const [colorMode, setColorMode] = (0, react.useState)(() => getColorMode(colorModeManager$1, defaultColorMode)(storageKey));
+	const systemColorMode = require_core_system_use_system_color_mode.useSystemColorMode({ callback: (systemColorMode$1) => {
+		if (colorMode !== "system") return;
+		setClassName(systemColorMode$1 === "dark");
+		setDataset(systemColorMode$1);
+	} });
+	const computedColorMode = defaultColorMode === "dark" ? "dark" : "light";
+	const resolvedColorMode = colorMode === "system" ? systemColorMode ? systemColorMode : computedColorMode : colorMode;
+	const { getSystemColorMode, setClassName, setDataset } = (0, react.useMemo)(() => require_core_system_color_mode_utils.getColorModeUtils({
+		environment,
+		preventTransition: disableTransitionOnChange
+	}), [disableTransitionOnChange, environment]);
+	const changeColorMode = (0, react.useCallback)((colorMode$1) => {
+		const resolved = colorMode$1 === "system" ? getSystemColorMode() : colorMode$1;
+		setColorMode(colorMode$1);
+		setClassName(resolved === "dark");
+		setDataset(resolved);
+		colorModeManager$1.set(colorMode$1)(storageKey);
+	}, [
+		colorModeManager$1,
+		getSystemColorMode,
+		setClassName,
+		setDataset,
+		storageKey
+	]);
+	const toggleColorMode = (0, react.useCallback)(() => {
+		changeColorMode(resolvedColorMode === "dark" ? "light" : "dark");
+	}, [changeColorMode, resolvedColorMode]);
+	(0, react.useEffect)(() => {
+		const managerValue = colorModeManager$1.get()(storageKey);
+		changeColorMode(managerValue);
+	}, [
+		changeColorMode,
+		colorModeManager$1,
+		storageKey
+	]);
+	const context = (0, react.useMemo)(() => ({
+		changeColorMode: forcedColorMode ? require_utils_index.utils_exports.noop : changeColorMode,
+		colorMode: forcedColorMode ?? resolvedColorMode,
+		forced: forcedColorMode !== void 0,
+		internalColorMode: colorMode,
+		toggleColorMode: forcedColorMode ? require_utils_index.utils_exports.noop : toggleColorMode
+	}), [
+		forcedColorMode,
+		resolvedColorMode,
+		colorMode,
+		changeColorMode,
+		toggleColorMode
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorModeContext, {
+		value: context,
+		children
+	});
+};
+/**
+* `useColorMode` is a custom hook that returns the current color mode.
+*
+* @see https://yamada-ui.com/hooks/use-color-mode
+*/
+const useColorMode = () => {
+	const context = (0, react.use)(ColorModeContext);
+	if ((0, require_utils_index.utils_exports.isEmptyObject)(context)) return {
+		changeColorMode: require_utils_index.utils_exports.noop,
+		colorMode: "light",
+		forced: false,
+		internalColorMode: "light",
+		toggleColorMode: require_utils_index.utils_exports.noop
+	};
+	else return context;
+};
+
+//#endregion
+exports.ColorModeContext = ColorModeContext;
+exports.ColorModeProvider = ColorModeProvider;
+exports.useColorMode = useColorMode;
+//# sourceMappingURL=color-mode-provider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-mode-provider.cjs","names":["colorModeManager","manager: ColorModeManager","fallback: ColorModeWithSystem","storageKey?: string","ColorModeProvider: FC<ColorModeProviderProps>","systemColorMode","colorMode: ColorModeWithSystem","colorMode"],"sources":["../../../../src/core/system/color-mode-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { ColorModeManager } from \"./color-mode-manager\"\nimport type { ColorMode, ColorModeWithSystem, ThemeConfig } from \"./index.types\"\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { isEmptyObject, noop } from \"../../utils\"\nimport { colorModeManager } from \"./color-mode-manager\"\nimport { getColorModeUtils } from \"./color-mode-utils\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { useSystemColorMode } from \"./use-system-color-mode\"\n\nconst { localStorage } = colorModeManager\n\ninterface ColorModeContext {\n  changeColorMode: (colorMode: ColorModeWithSystem) => void\n  colorMode: ColorMode\n  internalColorMode: ColorModeWithSystem\n  toggleColorMode: () => void\n  forced?: boolean\n}\n\nconst getColorMode =\n  (manager: ColorModeManager, fallback: ColorModeWithSystem) =>\n  (storageKey?: string) =>\n    manager.type === \"cookie\" && manager.ssr\n      ? manager.get(fallback)(storageKey)\n      : fallback\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   * Manager to persist a user's color mode preference.\n   *\n   * Omit if you don't render server-side.\n   * For SSR, choose `colorModeManager.ssr`.\n   *\n   * @default 'colorModeManager.localStorage'\n   */\n  colorModeManager?: ColorModeManager\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n}\n\nexport const ColorModeProvider: FC<ColorModeProviderProps> = ({\n  children,\n  colorMode: forcedColorMode,\n  colorModeManager = localStorage,\n  config: {\n    defaultColorMode = \"light\" as ColorModeWithSystem,\n    disableTransitionOnChange = true,\n  } = {},\n  storageKey,\n}) => {\n  const environment = useEnvironment()\n  const [colorMode, setColorMode] = useState<ColorModeWithSystem>(() =>\n    getColorMode(colorModeManager, defaultColorMode)(storageKey),\n  )\n  const systemColorMode = useSystemColorMode({\n    callback: (systemColorMode) => {\n      if (colorMode !== \"system\") return\n\n      setClassName(systemColorMode === \"dark\")\n      setDataset(systemColorMode)\n    },\n  })\n\n  const computedColorMode = defaultColorMode === \"dark\" ? \"dark\" : \"light\"\n  const resolvedColorMode =\n    colorMode === \"system\"\n      ? systemColorMode\n        ? systemColorMode\n        : computedColorMode\n      : colorMode\n\n  const { getSystemColorMode, setClassName, setDataset } = useMemo(\n    () =>\n      getColorModeUtils({\n        environment,\n        preventTransition: disableTransitionOnChange,\n      }),\n    [disableTransitionOnChange, environment],\n  )\n\n  const changeColorMode = useCallback(\n    (colorMode: ColorModeWithSystem): void => {\n      const resolved = colorMode === \"system\" ? getSystemColorMode() : colorMode\n\n      setColorMode(colorMode)\n      setClassName(resolved === \"dark\")\n      setDataset(resolved)\n\n      colorModeManager.set(colorMode)(storageKey)\n    },\n    [\n      colorModeManager,\n      getSystemColorMode,\n      setClassName,\n      setDataset,\n      storageKey,\n    ],\n  )\n\n  const toggleColorMode = useCallback((): void => {\n    changeColorMode(resolvedColorMode === \"dark\" ? \"light\" : \"dark\")\n  }, [changeColorMode, resolvedColorMode])\n\n  useEffect(() => {\n    const managerValue = colorModeManager.get()(storageKey)\n\n    changeColorMode(managerValue)\n  }, [changeColorMode, colorModeManager, storageKey])\n\n  const context = useMemo(\n    () => ({\n      changeColorMode: forcedColorMode ? noop : changeColorMode,\n      colorMode: forcedColorMode ?? resolvedColorMode,\n      forced: forcedColorMode !== undefined,\n      internalColorMode: colorMode,\n      toggleColorMode: forcedColorMode ? noop : toggleColorMode,\n    }),\n    [\n      forcedColorMode,\n      resolvedColorMode,\n      colorMode,\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/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":";;;;;;;;;;;;;AAmBA,MAAM,EAAE,cAAc,GAAGA;AAUzB,MAAM,eACJ,CAACC,SAA2BC,aAC5B,CAACC,eACC,QAAQ,SAAS,YAAY,QAAQ,MACjC,QAAQ,IAAI,SAAS,CAAC,WAAW,GACjC;AAER,MAAa,mBAAmB,yBAAgC;CAC9D,mDAAiB;CACjB,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,mDAAiB;AAClB,EAAC;AA2BF,MAAaC,oBAAgD,CAAC,EAC5D,UACA,WAAW,iBACX,uCAAmB,cACnB,QAAQ,EACN,mBAAmB,SACnB,4BAA4B,MAC7B,GAAG,CAAE,GACN,YACD,KAAK;CACJ,MAAM,cAAc,yDAAgB;CACpC,MAAM,CAAC,WAAW,aAAa,GAAG,oBAA8B,MAC9D,aAAaJ,oBAAkB,iBAAiB,CAAC,WAAW,CAC7D;CACD,MAAM,kBAAkB,6DAAmB,EACzC,UAAU,CAACK,sBAAoB;AAC7B,MAAI,cAAc,SAAU;AAE5B,eAAaA,sBAAoB,OAAO;AACxC,aAAWA,kBAAgB;CAC5B,EACF,EAAC;CAEF,MAAM,oBAAoB,qBAAqB,SAAS,SAAS;CACjE,MAAM,oBACJ,cAAc,WACV,kBACE,kBACA,oBACF;CAEN,MAAM,EAAE,oBAAoB,cAAc,YAAY,GAAG,mBACvD,MACE,uDAAkB;EAChB;EACA,mBAAmB;CACpB,EAAC,EACJ,CAAC,2BAA2B,WAAY,EACzC;CAED,MAAM,kBAAkB,uBACtB,CAACC,gBAAyC;EACxC,MAAM,WAAWC,gBAAc,WAAW,oBAAoB,GAAGA;AAEjE,eAAaA,YAAU;AACvB,eAAa,aAAa,OAAO;AACjC,aAAW,SAAS;AAEpB,qBAAiB,IAAIA,YAAU,CAAC,WAAW;CAC5C,GACD;EACEP;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAM,kBAAkB,uBAAY,MAAY;AAC9C,kBAAgB,sBAAsB,SAAS,UAAU,OAAO;CACjE,GAAE,CAAC,iBAAiB,iBAAkB,EAAC;AAExC,sBAAU,MAAM;EACd,MAAM,eAAe,mBAAiB,KAAK,CAAC,WAAW;AAEvD,kBAAgB,aAAa;CAC9B,GAAE;EAAC;EAAiBA;EAAkB;CAAW,EAAC;CAEnD,MAAM,UAAU,mBACd,OAAO;EACL,iBAAiB,oDAAkB,OAAO;EAC1C,WAAW,mBAAmB;EAC9B,QAAQ;EACR,mBAAmB;EACnB,iBAAiB,oDAAkB,OAAO;CAC3C,IACD;EACE;EACA;EACA;EACA;EACA;CACD,EACF;AAED,wBAAO,2BAAC;EAAiB,OAAO;EAAU;GAA4B;AACvE;;;;;;AAOD,MAAa,eAAe,MAAwB;CAClD,MAAM,UAAU,eAAI,iBAAiB;AAErC,KAAI,qDAAc,QAAQ,CACxB,QAAO;EACL,mDAAiB;EACjB,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,mDAAiB;CAClB;KAED,QAAO;AAEV"}

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

@@ -0,0 +1,41 @@
+"use client";
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+
+//#region src/core/system/color-mode-script.tsx
+const COLOR_MODE_STORAGE_KEY = "color-mode";
+const COLOR_MODE_MAP = new Set([
+	"dark",
+	"light",
+	"system"
+]);
+const normalizeColorMode = (initialColorMode) => {
+	let value = initialColorMode;
+	if (!COLOR_MODE_MAP.has(value)) value = "light";
+	return value;
+};
+const getColorModeScript = ({ type = "localStorage", initialColorMode = "light", storageKey = COLOR_MODE_STORAGE_KEY } = {}) => {
+	const init = normalizeColorMode(initialColorMode);
+	const isCookie = type === "cookie";
+	const cookieScript = `(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="${init}",r="${storageKey}",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(a){}})();
+  `;
+	const localStorageScript = `(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="${init}",e="${storageKey}",t=localStorage.getItem(e);t?a(t):localStorage.setItem(e,a(m))}catch(a){}})();
+  `;
+	const fn = isCookie ? cookieScript : localStorageScript;
+	return `!${fn}`.trim();
+};
+const ColorModeScript = ({ nonce,...rest }) => {
+	const html = getColorModeScript(rest);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("script", {
+		dangerouslySetInnerHTML: { __html: html },
+		nonce
+	});
+};
+
+//#endregion
+exports.COLOR_MODE_STORAGE_KEY = COLOR_MODE_STORAGE_KEY;
+exports.ColorModeScript = ColorModeScript;
+exports.getColorModeScript = getColorModeScript;
+//# sourceMappingURL=color-mode-script.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-mode-script.cjs","names":["initialColorMode: \"dark\" | \"light\" | \"system\""],"sources":["../../../../src/core/system/color-mode-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem } from \"./index.types\"\n\nexport interface ColorModeScriptProps {\n  type?: \"cookie\" | \"localStorage\"\n  initialColorMode?: ColorModeWithSystem\n  nonce?: string\n  storageKey?: string\n}\n\nexport const COLOR_MODE_STORAGE_KEY = \"color-mode\"\n\nconst COLOR_MODE_MAP = new Set([\"dark\", \"light\", \"system\"])\n\nconst normalizeColorMode = (initialColorMode: \"dark\" | \"light\" | \"system\") => {\n  let value = initialColorMode\n\n  if (!COLOR_MODE_MAP.has(value)) value = \"light\"\n\n  return value\n}\n\nexport const getColorModeScript = ({\n  type = \"localStorage\",\n  initialColorMode = \"light\",\n  storageKey = COLOR_MODE_STORAGE_KEY,\n}: Omit<ColorModeScriptProps, \"nonce\"> = {}) => {\n  const init = normalizeColorMode(initialColorMode)\n\n  const isCookie = type === \"cookie\"\n\n  const cookieScript = `(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=\"${init}\",r=\"${storageKey}\",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(a){}})();\n  `\n\n  const localStorageScript = `(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=\"${init}\",e=\"${storageKey}\",t=localStorage.getItem(e);t?a(t):localStorage.setItem(e,a(m))}catch(a){}})();\n  `\n\n  const fn = isCookie ? cookieScript : localStorageScript\n\n  return `!${fn}`.trim()\n}\n\nexport const ColorModeScript = ({ nonce, ...rest }: ColorModeScriptProps) => {\n  const html = getColorModeScript(rest)\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;;;AAWA,MAAa,yBAAyB;AAEtC,MAAM,iBAAiB,IAAI,IAAI;CAAC;CAAQ;CAAS;AAAS;AAE1D,MAAM,qBAAqB,CAACA,qBAAkD;CAC5E,IAAI,QAAQ;AAEZ,MAAK,eAAe,IAAI,MAAM,CAAE,SAAQ;AAExC,QAAO;AACR;AAED,MAAa,qBAAqB,CAAC,EACjC,OAAO,gBACP,mBAAmB,SACnB,aAAa,wBACuB,GAAG,CAAE,MAAK;CAC9C,MAAM,OAAO,mBAAmB,iBAAiB;CAEjD,MAAM,WAAW,SAAS;CAE1B,MAAM,gBAAgB,0TAA0T,KAAK,OAAO,WAAW;;CAGvW,MAAM,sBAAsB,0TAA0T,KAAK,OAAO,WAAW;;CAG7W,MAAM,KAAK,WAAW,eAAe;AAErC,QAAO,CAAC,GAAG,KAAK,MAAM;AACvB;AAED,MAAa,kBAAkB,CAAC,EAAE,MAAO,GAAG,MAA4B,KAAK;CAC3E,MAAM,OAAO,mBAAmB,KAAK;AAErC,wBAAO,2BAAC;EAAO,yBAAyB,EAAE,QAAQ,KAAM;EAAS;GAAS;AAC3E"}

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

@@ -0,0 +1,60 @@
+const require_core_system_environment_provider = require('./environment-provider.cjs');
+const require_core_system_theme_provider = require('./theme-provider.cjs');
+
+//#region src/core/system/color-mode-utils.ts
+const classNames = {
+	light: "light",
+	dark: "dark"
+};
+const queries = {
+	light: "(prefers-color-scheme: light)",
+	dark: "(prefers-color-scheme: dark)"
+};
+const getColorModeUtils = ({ environment = require_core_system_environment_provider.defaultEnvironment, preventTransition = true }) => {
+	const { getDocument, getWindow } = environment;
+	const setDataset = (colorMode) => {
+		const doc = getDocument();
+		if (!doc) return;
+		const cleanup = preventTransition ? require_core_system_theme_provider.getPreventTransition(environment) : void 0;
+		doc.documentElement.dataset.mode = colorMode;
+		doc.documentElement.style.colorScheme = colorMode;
+		cleanup?.();
+	};
+	const setClassName = (isDark) => {
+		const doc = getDocument();
+		if (!doc) return;
+		doc.body.classList.add(isDark ? classNames.dark : classNames.light);
+		doc.body.classList.remove(isDark ? classNames.light : classNames.dark);
+	};
+	const query = () => {
+		return getWindow()?.matchMedia(queries.dark);
+	};
+	const getSystemColorMode = (fallback) => {
+		const mql = query();
+		const dark = mql?.matches ?? fallback === "dark";
+		return dark ? "dark" : "light";
+	};
+	const systemColorModeObserver = (func) => {
+		const mql = query();
+		const listener = (e) => {
+			func(e.matches ? "dark" : "light");
+		};
+		if (typeof mql?.addListener === "function") mql.addListener(listener);
+		else mql?.addEventListener("change", listener);
+		return () => {
+			if (typeof mql?.removeListener === "function") mql.removeListener(listener);
+			else mql?.removeEventListener("change", listener);
+		};
+	};
+	return {
+		getSystemColorMode,
+		query,
+		setClassName,
+		setDataset,
+		systemColorModeObserver
+	};
+};
+
+//#endregion
+exports.getColorModeUtils = getColorModeUtils;
+//# sourceMappingURL=color-mode-utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-mode-utils.cjs","names":["defaultEnvironment","colorMode: ColorMode","isDark: boolean","fallback?: ColorMode","func: (cm: ColorMode) => void","e: MediaQueryListEvent"],"sources":["../../../../src/core/system/color-mode-utils.ts"],"sourcesContent":["import type { Environment } from \"./environment-provider\"\nimport type { ColorMode } from \"./index.types\"\nimport { defaultEnvironment } from \"./environment-provider\"\nimport { getPreventTransition } from \"./theme-provider\"\n\nconst classNames = {\n  light: \"light\",\n  dark: \"dark\",\n}\n\nconst queries = {\n  light: \"(prefers-color-scheme: light)\",\n  dark: \"(prefers-color-scheme: dark)\",\n}\n\ninterface GetColorModeUtilsProps {\n  environment?: Environment\n  preventTransition?: boolean\n}\n\nexport const getColorModeUtils = ({\n  environment = defaultEnvironment,\n  preventTransition = true,\n}: GetColorModeUtilsProps) => {\n  const { getDocument, getWindow } = environment\n\n  const setDataset = (colorMode: ColorMode) => {\n    const doc = getDocument()\n\n    if (!doc) return\n\n    const cleanup = preventTransition\n      ? getPreventTransition(environment)\n      : undefined\n\n    doc.documentElement.dataset.mode = colorMode\n    doc.documentElement.style.colorScheme = colorMode\n\n    cleanup?.()\n  }\n\n  const setClassName = (isDark: boolean) => {\n    const doc = getDocument()\n\n    if (!doc) return\n\n    doc.body.classList.add(isDark ? classNames.dark : classNames.light)\n    doc.body.classList.remove(isDark ? classNames.light : classNames.dark)\n  }\n\n  const query = () => {\n    return getWindow()?.matchMedia(queries.dark)\n  }\n\n  const getSystemColorMode = (fallback?: ColorMode) => {\n    const mql = query()\n    const dark = mql?.matches ?? fallback === \"dark\"\n\n    return dark ? \"dark\" : \"light\"\n  }\n\n  const systemColorModeObserver = (func: (cm: ColorMode) => void) => {\n    const mql = query()\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\n  return {\n    getSystemColorMode,\n    query,\n    setClassName,\n    setDataset,\n    systemColorModeObserver,\n  }\n}\n"],"mappings":";;;;AAKA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;AACP;AAED,MAAM,UAAU;CACd,OAAO;CACP,MAAM;AACP;AAOD,MAAa,oBAAoB,CAAC,EAChC,cAAcA,6DACd,oBAAoB,MACG,KAAK;CAC5B,MAAM,EAAE,aAAa,WAAW,GAAG;CAEnC,MAAM,aAAa,CAACC,cAAyB;EAC3C,MAAM,MAAM,aAAa;AAEzB,OAAK,IAAK;EAEV,MAAM,UAAU,oBACZ,wDAAqB,YAAY;AAGrC,MAAI,gBAAgB,QAAQ,OAAO;AACnC,MAAI,gBAAgB,MAAM,cAAc;AAExC,aAAW;CACZ;CAED,MAAM,eAAe,CAACC,WAAoB;EACxC,MAAM,MAAM,aAAa;AAEzB,OAAK,IAAK;AAEV,MAAI,KAAK,UAAU,IAAI,SAAS,WAAW,OAAO,WAAW,MAAM;AACnE,MAAI,KAAK,UAAU,OAAO,SAAS,WAAW,QAAQ,WAAW,KAAK;CACvE;CAED,MAAM,QAAQ,MAAM;AAClB,SAAO,WAAW,EAAE,WAAW,QAAQ,KAAK;CAC7C;CAED,MAAM,qBAAqB,CAACC,aAAyB;EACnD,MAAM,MAAM,OAAO;EACnB,MAAM,OAAO,KAAK,WAAW,aAAa;AAE1C,SAAO,OAAO,SAAS;CACxB;CAED,MAAM,0BAA0B,CAACC,SAAkC;EACjE,MAAM,MAAM,OAAO;EAEnB,MAAM,WAAW,CAACC,MAA2B;AAC3C,QAAK,EAAE,UAAU,SAAS,QAAQ;EACnC;AAED,aAAW,KAAK,gBAAgB,WAC9B,KAAI,YAAY,SAAS;MAEzB,MAAK,iBAAiB,UAAU,SAAS;AAG3C,SAAO,MAAM;AACX,cAAW,KAAK,mBAAmB,WACjC,KAAI,eAAe,SAAS;OAE5B,MAAK,oBAAoB,UAAU,SAAS;EAE/C;CACF;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;CACD;AACF"}

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

@@ -0,0 +1,112 @@
+
+//#region src/core/system/config.ts
+const defineConfig = (value) => value;
+const defineComponentStyle = (value) => value;
+const defineComponentSlotStyle = (value) => value;
+const defineGlobalStyle = (value) => value;
+const defineResetStyle = (value) => value;
+const defineLayerStyle = (value) => value;
+const defineTextStyle = (value) => value;
+const defineStyles = {
+	layerStyle: defineLayerStyle,
+	textStyle: defineTextStyle,
+	globalStyle: defineGlobalStyle,
+	resetStyle: defineResetStyle
+};
+const defineAnimationTokens = (value) => value;
+const defineAspectRatioTokens = (value) => value;
+const defineBlurTokens = (value) => value;
+const defineBorderTokens = (value) => value;
+const defineBreakpointTokens = (value) => value;
+const defineColorTokens = (value) => value;
+const defineDurationTokens = (value) => value;
+const defineEasingTokens = (value) => value;
+const defineFontTokens = (value) => value;
+const defineFontSizeTokens = (value) => value;
+const defineFontWeightTokens = (value) => value;
+const defineGradientTokens = (value) => value;
+const defineKeyframeTokens = (value) => value;
+const defineLetterSpacingTokens = (value) => value;
+const defineLineHeightTokens = (value) => value;
+const defineRadiusTokens = (value) => value;
+const defineShadowTokens = (value) => value;
+const defineSizeTokens = (value) => value;
+const defineSpaceTokens = (value) => value;
+const defineZIndexTokens = (value) => value;
+const defineTokens = {
+	animations: defineAnimationTokens,
+	aspectRatios: defineAspectRatioTokens,
+	blurs: defineBlurTokens,
+	borders: defineBorderTokens,
+	breakpoints: defineBreakpointTokens,
+	colors: defineColorTokens,
+	durations: defineDurationTokens,
+	easings: defineEasingTokens,
+	fonts: defineFontTokens,
+	fontSizes: defineFontSizeTokens,
+	fontWeights: defineFontWeightTokens,
+	gradients: defineGradientTokens,
+	keyframes: defineKeyframeTokens,
+	letterSpacings: defineLetterSpacingTokens,
+	lineHeights: defineLineHeightTokens,
+	radii: defineRadiusTokens,
+	shadows: defineShadowTokens,
+	sizes: defineSizeTokens,
+	spaces: defineSpaceTokens,
+	zIndices: defineZIndexTokens
+};
+const defineAnimationSemanticTokens = (value) => value;
+const defineAspectRatioSemanticTokens = (value) => value;
+const defineBlurSemanticTokens = (value) => value;
+const defineBorderSemanticTokens = (value) => value;
+const defineColorSemanticTokens = (value) => value;
+const defineColorSchemeSemanticTokens = (value) => value;
+const defineDurationSemanticTokens = (value) => value;
+const defineEasingSemanticTokens = (value) => value;
+const defineFontSemanticTokens = (value) => value;
+const defineFontSizeSemanticTokens = (value) => value;
+const defineFontWeightSemanticTokens = (value) => value;
+const defineGradientSemanticTokens = (value) => value;
+const defineKeyframeSemanticTokens = (value) => value;
+const defineLetterSpacingSemanticTokens = (value) => value;
+const defineLineHeightSemanticTokens = (value) => value;
+const defineRadiusSemanticTokens = (value) => value;
+const defineShadowSemanticTokens = (value) => value;
+const defineSizeSemanticTokens = (value) => value;
+const defineSpaceSemanticTokens = (value) => value;
+const defineZIndexSemanticTokens = (value) => value;
+const defineSemanticTokens = {
+	animations: defineAnimationSemanticTokens,
+	aspectRatios: defineAspectRatioSemanticTokens,
+	blurs: defineBlurSemanticTokens,
+	borders: defineBorderSemanticTokens,
+	colors: defineColorSemanticTokens,
+	colorSchemes: defineColorSchemeSemanticTokens,
+	durations: defineDurationSemanticTokens,
+	easings: defineEasingSemanticTokens,
+	fonts: defineFontSemanticTokens,
+	fontSizes: defineFontSizeSemanticTokens,
+	fontWeights: defineFontWeightSemanticTokens,
+	gradients: defineGradientSemanticTokens,
+	keyframes: defineKeyframeSemanticTokens,
+	letterSpacings: defineLetterSpacingSemanticTokens,
+	lineHeights: defineLineHeightSemanticTokens,
+	radii: defineRadiusSemanticTokens,
+	shadows: defineShadowSemanticTokens,
+	sizes: defineSizeSemanticTokens,
+	spaces: defineSpaceSemanticTokens,
+	zIndices: defineZIndexSemanticTokens
+};
+const defineThemeSchemes = (value) => value;
+const defineTheme = (value) => value;
+
+//#endregion
+exports.defineComponentSlotStyle = defineComponentSlotStyle;
+exports.defineComponentStyle = defineComponentStyle;
+exports.defineConfig = defineConfig;
+exports.defineSemanticTokens = defineSemanticTokens;
+exports.defineStyles = defineStyles;
+exports.defineTheme = defineTheme;
+exports.defineThemeSchemes = defineThemeSchemes;
+exports.defineTokens = defineTokens;
+//# sourceMappingURL=config.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.cjs","names":["defineConfig: DefineConfig","defineComponentStyle: DefineComponentStyle","defineComponentSlotStyle: DefineComponentSlotStyle","defineGlobalStyle: DefineStyle","defineResetStyle: DefineStyle","defineLayerStyle: DefineModifierStyle","defineTextStyle: DefineModifierStyle","defineAnimationTokens: DefineAnimationTokens","defineAspectRatioTokens: DefineTokens","defineBlurTokens: DefineTokens","defineBorderTokens: DefineTokens","defineBreakpointTokens: DefineBreakpointTokens","defineColorTokens: DefineTokens","defineDurationTokens: DefineTokens","defineEasingTokens: DefineTokens","defineFontTokens: DefineTokens","defineFontSizeTokens: DefineTokens","defineFontWeightTokens: DefineTokens","defineGradientTokens: DefineTokens","defineKeyframeTokens: DefineKeyframeTokens","defineLetterSpacingTokens: DefineTokens","defineLineHeightTokens: DefineTokens","defineRadiusTokens: DefineTokens","defineShadowTokens: DefineTokens","defineSizeTokens: DefineTokens","defineSpaceTokens: DefineTokens","defineZIndexTokens: DefineTokens","defineAnimationSemanticTokens: DefineAnimationSemanticTokens","defineAspectRatioSemanticTokens: DefineSemanticTokens","defineBlurSemanticTokens: DefineSemanticTokens","defineBorderSemanticTokens: DefineSemanticTokens","defineColorSemanticTokens: DefineColorSemanticTokens","defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens","defineDurationSemanticTokens: DefineSemanticTokens","defineEasingSemanticTokens: DefineSemanticTokens","defineFontSemanticTokens: DefineSemanticTokens","defineFontSizeSemanticTokens: DefineSemanticTokens","defineFontWeightSemanticTokens: DefineSemanticTokens","defineGradientSemanticTokens: DefineSemanticTokens","defineKeyframeSemanticTokens: DefineKeyframeTokens","defineLetterSpacingSemanticTokens: DefineSemanticTokens","defineLineHeightSemanticTokens: DefineSemanticTokens","defineRadiusSemanticTokens: DefineSemanticTokens","defineShadowSemanticTokens: DefineSemanticTokens","defineSizeSemanticTokens: DefineSemanticTokens","defineSpaceSemanticTokens: DefineSemanticTokens","defineZIndexSemanticTokens: DefineSemanticTokens","defineThemeSchemes: DefineThemeSchemes","defineTheme: DefineTheme"],"sources":["../../../../src/core/system/config.ts"],"sourcesContent":["import type {\n  CSSAnimationObject,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n} from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  DefineThemeAnimationTokens,\n  DefineThemeBreakpointTokens,\n  DefineThemeColorSchemeSemanticTokens,\n  DefineThemeColorSemanticTokens,\n  DefineThemeKeyframeTokens,\n  DefineThemeSchemeTokens,\n  DefineThemeTokens,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\n\ninterface DefineConfig {\n  (value: ThemeConfig): ThemeConfig\n}\n\nexport const defineConfig: DefineConfig = (value) => value\n\nexport 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 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  <T extends CSSModifierObject>(value: T): T\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  <T extends DefineThemeTokens>(value: T): T\n}\n\ninterface DefineAnimationTokens {\n  <T extends DefineThemeAnimationTokens>(value: T): T\n}\n\ninterface DefineBreakpointTokens {\n  <T extends DefineThemeBreakpointTokens>(value: T): T\n}\n\ninterface DefineKeyframeTokens {\n  <T extends DefineThemeKeyframeTokens>(value: T): T\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  <T extends DefineThemeAnimationTokens<CSSAnimationObject | string>>(\n    value: T,\n  ): T\n}\n\ninterface DefineColorSemanticTokens {\n  <T extends DefineThemeColorSemanticTokens>(value: T): T\n}\n\ninterface DefineColorSchemeSemanticTokens {\n  <T extends DefineThemeColorSchemeSemanticTokens>(value: T): T\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  <T extends DefineThemeSchemeTokens>(value: T): T\n}\n\nexport const defineThemeSchemes: DefineThemeSchemes = (value) => value\n\ninterface DefineTheme {\n  <T extends UsageTheme>(value: T): T\n}\n\nexport const defineTheme: DefineTheme = (value) => value\n"],"mappings":";;AAyBA,MAAaA,eAA6B,CAAC,UAAU;AAYrD,MAAaC,uBAA6C,CAAC,UAAU;AAiBrE,MAAaC,2BAAqD,CAAC,UACjE;AAUF,MAAMC,oBAAiC,CAAC,UAAU;AAClD,MAAMC,mBAAgC,CAAC,UAAU;AACjD,MAAMC,mBAAwC,CAAC,UAAU;AACzD,MAAMC,kBAAuC,CAAC,UAAU;AAExD,MAAa,eAAe;CAC1B,YAAY;CACZ,WAAW;CACX,aAAa;CACb,YAAY;AACb;AAkBD,MAAMC,wBAA+C,CAAC,UAAU;AAChE,MAAMC,0BAAwC,CAAC,UAAU;AACzD,MAAMC,mBAAiC,CAAC,UAAU;AAClD,MAAMC,qBAAmC,CAAC,UAAU;AACpD,MAAMC,yBAAiD,CAAC,UAAU;AAClE,MAAMC,oBAAkC,CAAC,UAAU;AACnD,MAAMC,uBAAqC,CAAC,UAAU;AACtD,MAAMC,qBAAmC,CAAC,UAAU;AACpD,MAAMC,mBAAiC,CAAC,UAAU;AAClD,MAAMC,uBAAqC,CAAC,UAAU;AACtD,MAAMC,yBAAuC,CAAC,UAAU;AACxD,MAAMC,uBAAqC,CAAC,UAAU;AACtD,MAAMC,uBAA6C,CAAC,UAAU;AAC9D,MAAMC,4BAA0C,CAAC,UAAU;AAC3D,MAAMC,yBAAuC,CAAC,UAAU;AACxD,MAAMC,qBAAmC,CAAC,UAAU;AACpD,MAAMC,qBAAmC,CAAC,UAAU;AACpD,MAAMC,mBAAiC,CAAC,UAAU;AAClD,MAAMC,oBAAkC,CAAC,UAAU;AACnD,MAAMC,qBAAmC,CAAC,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;AACX;AAkBD,MAAMC,gCAA+D,CAAC,UACpE;AACF,MAAMC,kCAAwD,CAAC,UAAU;AACzE,MAAMC,2BAAiD,CAAC,UAAU;AAClE,MAAMC,6BAAmD,CAAC,UAAU;AACpE,MAAMC,4BAAuD,CAAC,UAAU;AACxE,MAAMC,kCAAmE,CACvE,UACG;AACL,MAAMC,+BAAqD,CAAC,UAAU;AACtE,MAAMC,6BAAmD,CAAC,UAAU;AACpE,MAAMC,2BAAiD,CAAC,UAAU;AAClE,MAAMC,+BAAqD,CAAC,UAAU;AACtE,MAAMC,iCAAuD,CAAC,UAAU;AACxE,MAAMC,+BAAqD,CAAC,UAAU;AACtE,MAAMC,+BAAqD,CAAC,UAAU;AACtE,MAAMC,oCAA0D,CAAC,UAAU;AAC3E,MAAMC,iCAAuD,CAAC,UAAU;AACxE,MAAMC,6BAAmD,CAAC,UAAU;AACpE,MAAMC,6BAAmD,CAAC,UAAU;AACpE,MAAMC,2BAAiD,CAAC,UAAU;AAClE,MAAMC,4BAAkD,CAAC,UAAU;AACnE,MAAMC,6BAAmD,CAAC,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;AACX;AAMD,MAAaC,qBAAyC,CAAC,UAAU;AAMjE,MAAaC,cAA2B,CAAC,UAAU"}

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

@@ -0,0 +1,174 @@
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_system_breakpoint = require('./breakpoint.cjs');
+const require_core_constant = require('../constant.cjs');
+const require_core_system_layer = require('./layer.cjs');
+const require_core_system_var = require('./var.cjs');
+
+//#region src/core/system/create-system.ts
+const primaryTokens = {
+	aspectRatios: {},
+	blurs: {},
+	borders: {},
+	colors: {},
+	durations: {},
+	easings: {},
+	fonts: {},
+	fontSizes: {},
+	fontWeights: {},
+	letterSpacings: {},
+	lineHeights: {},
+	radii: {},
+	sizes: {},
+	spaces: {},
+	zIndices: {}
+};
+const secondaryTokens = {
+	gradients: {},
+	keyframes: { maxDepth: 1 },
+	shadows: {}
+};
+const tertiaryTokens = { animations: { shouldProcess: (obj) => !obj.keyframes } };
+const tokenMap = {
+	primary: primaryTokens,
+	secondary: secondaryTokens,
+	tertiary: tertiaryTokens
+};
+const defaultSystem = {
+	breakpoints: require_core_system_breakpoint.createBreakpoints(),
+	config: {},
+	cssMap: {},
+	cssVars: {},
+	layers: require_core_system_layer.createLayers(),
+	utils: { getClassName: require_utils_index.utils_exports.bem }
+};
+function createSystem(theme, config = {}) {
+	const prefix = config.css?.varPrefix ?? require_core_constant.DEFAULT_VAR_PREFIX;
+	const breakpoints = require_core_system_breakpoint.createBreakpoints(theme.breakpoints, config.breakpoint);
+	const layers = require_core_system_layer.createLayers(config.css?.layers);
+	const shouldProcess = config.theme?.responsive ? (obj) => !breakpoints.isResponsive(obj, true) : () => true;
+	const primaryTokens$1 = {
+		...createTokens(theme, "primary", shouldProcess),
+		...createColorSchemeTokens(theme, void 0, shouldProcess)
+	};
+	const secondaryTokens$1 = createTokens(theme, "secondary", shouldProcess);
+	const tertiaryTokens$1 = createTokens(theme, "tertiary", shouldProcess);
+	const { cssMap, cssVars } = require_core_system_var.mergeVars(require_core_system_var.createVars(prefix, theme, breakpoints)(primaryTokens$1), require_core_system_var.createVars(prefix, theme, breakpoints)(secondaryTokens$1), require_core_system_var.createVars(prefix, theme, breakpoints)(tertiaryTokens$1))();
+	const getClassName = (block, element, modifier) => {
+		if (!block) return "";
+		const className = (0, require_utils_index.utils_exports.bem)(block, element, modifier);
+		return `${prefix}-${className}`;
+	};
+	if (theme.themeSchemes) {
+		const themeSchemeEntries = Object.entries(theme.themeSchemes);
+		for (const [themeScheme, nestedTheme] of themeSchemeEntries) {
+			const themeCondition = `[data-theme=${themeScheme}] &:not([data-theme]), &[data-theme=${themeScheme}]`;
+			const nestedPrimaryTokens = {
+				...createTokens(nestedTheme, "primary", shouldProcess),
+				...createColorSchemeTokens(theme, nestedTheme, shouldProcess)
+			};
+			const nestedSecondaryTokens = createTokens(nestedTheme, "secondary", shouldProcess);
+			const nestedTertiaryTokens = createTokens(nestedTheme, "tertiary", shouldProcess);
+			const { cssVars: nestedCSSVars } = require_core_system_var.mergeVars(require_core_system_var.createVars(prefix, theme, breakpoints)(nestedPrimaryTokens), require_core_system_var.createVars(prefix, theme, breakpoints)(nestedSecondaryTokens), require_core_system_var.createVars(prefix, theme, breakpoints)(nestedTertiaryTokens))({
+				...primaryTokens$1,
+				...secondaryTokens$1,
+				...tertiaryTokens$1
+			});
+			cssVars[themeCondition] = nestedCSSVars;
+		}
+	}
+	return {
+		breakpoints,
+		config,
+		cssMap,
+		cssVars,
+		layers,
+		utils: { getClassName }
+	};
+}
+function createColorSchemeTokens(theme, nestedTheme, shouldProcess) {
+	const colors = {
+		base: theme.colors ?? {},
+		nested: nestedTheme?.colors ?? {}
+	};
+	const semanticColors = {
+		base: theme.semanticTokens?.colors ?? {},
+		nested: nestedTheme?.semanticTokens?.colors ?? {}
+	};
+	const colorSchemeTokens = (0, require_utils_index.utils_exports.flattenObject)((nestedTheme ?? theme).semanticTokens?.colorSchemes ?? {}, { shouldProcess });
+	const results = {};
+	function insertToken(primaryKey, secondaryKey, value) {
+		if ((0, require_utils_index.utils_exports.isUndefined)(value)) return;
+		if (!secondaryKey || secondaryKey === "base") results[`colors.${primaryKey}`] = {
+			semantic: true,
+			value
+		};
+		else results[`colors.${primaryKey}.${secondaryKey}`] = {
+			semantic: true,
+			value
+		};
+	}
+	function processValue(primaryKey, colors$1, keyOrValue) {
+		const value = colors$1.nested[keyOrValue] ?? colors$1.base[keyOrValue];
+		if ((0, require_utils_index.utils_exports.isObject)(value)) {
+			const tokens = (0, require_utils_index.utils_exports.flattenObject)(value, { shouldProcess });
+			Object.keys(tokens).forEach((secondaryKey) => {
+				const value$1 = secondaryKey === "base" ? keyOrValue : `${keyOrValue}.${secondaryKey}`;
+				insertToken(primaryKey, secondaryKey, value$1);
+			});
+		} else insertToken(primaryKey, void 0, keyOrValue);
+	}
+	function processColorModeValue(primaryKey, colors$1, keyOrValue) {
+		const [lightValue, darkValue] = keyOrValue;
+		const lightColors = colors$1.nested[lightValue] ?? colors$1.base[lightValue];
+		const darkColors = colors$1.nested[darkValue] ?? colors$1.base[darkValue];
+		if ((0, require_utils_index.utils_exports.isObject)(lightColors) && (0, require_utils_index.utils_exports.isObject)(darkColors)) {
+			const tokens = (0, require_utils_index.utils_exports.flattenObject)(lightColors, { shouldProcess });
+			Object.keys(tokens).forEach((secondaryKey) => {
+				const value = [secondaryKey === "base" ? lightValue : `${lightValue}.${secondaryKey}`, secondaryKey === "base" ? darkValue : `${darkValue}.${secondaryKey}`];
+				insertToken(primaryKey, secondaryKey, value);
+			});
+		} else if (!(0, require_utils_index.utils_exports.isObject)(lightValue) && !(0, require_utils_index.utils_exports.isObject)(darkValue)) insertToken(primaryKey, void 0, [lightValue, darkValue]);
+	}
+	Object.entries(colorSchemeTokens).forEach(([primaryKey, value]) => {
+		if ((0, require_utils_index.utils_exports.isArray)(value)) {
+			processColorModeValue(primaryKey, colors, value);
+			processColorModeValue(primaryKey, semanticColors, value);
+		} else {
+			processValue(primaryKey, colors, value);
+			processValue(primaryKey, semanticColors, value);
+		}
+	});
+	return results;
+}
+function createTokens(theme, target, shouldProcess = () => true) {
+	const results = {};
+	Object.entries(tokenMap[target]).forEach(([primaryKey, { shouldProcess: shouldProcessProp,...rest }]) => {
+		const options = {
+			...rest,
+			shouldProcess: (obj) => shouldProcess(obj) && (!shouldProcessProp || shouldProcessProp(obj))
+		};
+		const tokens = (0, require_utils_index.utils_exports.flattenObject)(theme[primaryKey] ?? {}, options);
+		const semanticTokens = (0, require_utils_index.utils_exports.flattenObject)(theme.semanticTokens?.[primaryKey] ?? {}, options);
+		Object.entries(tokens).forEach(([secondaryKey, value]) => {
+			const token = `${primaryKey}.${secondaryKey}`;
+			results[token] = {
+				semantic: false,
+				value
+			};
+		});
+		Object.entries(semanticTokens).forEach(([secondaryKey, value]) => {
+			let token = `${primaryKey}.${secondaryKey}`;
+			if (token.endsWith(".base")) token = token.replace(".base", "");
+			results[token] = {
+				semantic: true,
+				value
+			};
+		});
+	});
+	return results;
+}
+
+//#endregion
+exports.createSystem = createSystem;
+exports.defaultSystem = defaultSystem;
+//# sourceMappingURL=create-system.cjs.map

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

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

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

@@ -0,0 +1,44 @@
+"use client";
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils_index = require('../../utils/index.cjs');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+
+//#region src/core/system/environment-provider.tsx
+const defaultEnvironment = {
+	getDocument: () => document,
+	getRootNode: () => document,
+	getWindow: () => window
+};
+const EnvironmentContext = (0, react.createContext)(defaultEnvironment);
+const EnvironmentProvider = ({ children, value }) => {
+	const ref = (0, react.useRef)(null);
+	const getRootNode = (0, react.useMemo)(() => {
+		return () => (0, require_utils_index.utils_exports.runIfFn)(value) ?? ref.current?.getRootNode() ?? document;
+	}, [value, ref]);
+	const context = (0, react.useMemo)(() => {
+		return {
+			getDocument: () => (0, require_utils_index.utils_exports.getDocument)(getRootNode()),
+			getRootNode,
+			getWindow: () => (0, require_utils_index.utils_exports.getWindow)(getRootNode())
+		};
+	}, [getRootNode]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EnvironmentContext, {
+		value: context,
+		children: [children, !value ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			ref,
+			hidden: true
+		}) : null]
+	});
+};
+const useEnvironment = () => {
+	return (0, react.use)(EnvironmentContext);
+};
+
+//#endregion
+exports.EnvironmentProvider = EnvironmentProvider;
+exports.defaultEnvironment = defaultEnvironment;
+exports.useEnvironment = useEnvironment;
+//# sourceMappingURL=environment-provider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"environment-provider.cjs","names":["defaultEnvironment: Environment","EnvironmentProvider: FC<EnvironmentProviderProps>"],"sources":["../../../../src/core/system/environment-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport { createContext, use, useMemo, useRef } from \"react\"\nimport { getDocument, getWindow, runIfFn } from \"../../utils\"\n\nexport type RootNode = Document | Node | ShadowRoot\n\nexport interface Environment {\n  getDocument: () => Document | undefined\n  getRootNode: () => RootNode\n  getWindow: () => undefined | Window\n}\n\nexport const defaultEnvironment: Environment = {\n  getDocument: () => document,\n  getRootNode: () => document,\n  getWindow: () => window,\n}\n\nconst EnvironmentContext = createContext<Environment>(defaultEnvironment)\n\nexport interface EnvironmentProviderProps extends PropsWithChildren {\n  value?: (() => RootNode) | RootNode\n}\n\nexport const EnvironmentProvider: FC<EnvironmentProviderProps> = ({\n  children,\n  value,\n}) => {\n  const ref = useRef<HTMLSpanElement>(null)\n\n  const getRootNode = useMemo(() => {\n    return () => runIfFn(value) ?? ref.current?.getRootNode() ?? document\n  }, [value, ref])\n\n  const context = useMemo<Environment>(() => {\n    return {\n      getDocument: () => getDocument(getRootNode()),\n      getRootNode,\n      getWindow: () => getWindow(getRootNode()),\n    }\n  }, [getRootNode])\n\n  return (\n    <EnvironmentContext value={context}>\n      {children}\n\n      {!value ? <span ref={ref} hidden /> : null}\n    </EnvironmentContext>\n  )\n}\n\nexport const useEnvironment = () => {\n  return use(EnvironmentContext)\n}\n"],"mappings":";;;;;;;;;AAcA,MAAaA,qBAAkC;CAC7C,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,WAAW,MAAM;AAClB;AAED,MAAM,qBAAqB,yBAA2B,mBAAmB;AAMzE,MAAaC,sBAAoD,CAAC,EAChE,UACA,OACD,KAAK;CACJ,MAAM,MAAM,kBAAwB,KAAK;CAEzC,MAAM,cAAc,mBAAQ,MAAM;AAChC,SAAO,MAAM,+CAAQ,MAAM,IAAI,IAAI,SAAS,aAAa,IAAI;CAC9D,GAAE,CAAC,OAAO,GAAI,EAAC;CAEhB,MAAM,UAAU,mBAAqB,MAAM;AACzC,SAAO;GACL,aAAa,MAAM,mDAAY,aAAa,CAAC;GAC7C;GACA,WAAW,MAAM,iDAAU,aAAa,CAAC;EAC1C;CACF,GAAE,CAAC,WAAY,EAAC;AAEjB,wBACE,4BAAC;EAAmB,OAAO;aACxB,WAEC,wBAAQ,2BAAC;GAAU;GAAK;IAAS,GAAG;GACnB;AAExB;AAED,MAAa,iBAAiB,MAAM;AAClC,QAAO,eAAI,mBAAmB;AAC/B"}