@cck-ui/core 0.2.0 → 0.4.0

package/cjs/core/config-provider/config-provider.cjs

@@ -1,5 +1,13 @@
 "use client";
 const require_config_provider_types = require("./config-provider.types.cjs");
+const require_use_provider_color_scheme = require("./use-cck-color-scheme/use-provider-color-scheme.cjs");
+const require_local_storage_manager = require("./color-scheme-managers/local-storage-manager.cjs");
+const require_use_respect_reduce_motion = require("./use-respect-reduce-motion/use-respect-reduce-motion.cjs");
+const require_default_theme = require("./default-theme.cjs");
+const require_merge_cck_theme = require("./merge-cck-theme/merge-cck-theme.cjs");
+require("./baseline.cjs");
+require("./global.cjs");
+require("./default-css-variables.cjs");
 const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
 let vue = require("vue");
 //#region packages/@cck-ui/core/src/core/config-provider/config-provider.vue
@@ -11,9 +19,15 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			type: null,
 			required: false
 		},
+		colorSchemeManager: {
+			type: Object,
+			required: false,
+			default: () => require_local_storage_manager.localStorageColorSchemeManager()
+		},
 		defaultColorScheme: {
 			type: String,
-			required: false
+			required: false,
+			default: "light"
 		},
 		forceColorScheme: {
 			type: String,
@@ -21,27 +35,33 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		},
 		cssVariablesSelector: {
 			type: String,
-			required: false
+			required: false,
+			default: ":root"
 		},
 		withCssVariables: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: true
 		},
 		getRootElement: {
 			type: Function,
-			required: false
+			required: false,
+			default: () => document.documentElement
 		},
 		classNamesPrefix: {
 			type: String,
-			required: false
+			required: false,
+			default: "c"
 		},
 		withStaticClasses: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: true
 		},
 		withGlobalClasses: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: true
 		},
 		stylesTransform: {
 			type: Object,
@@ -55,9 +75,43 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		__expose();
 		const config = __props;
-		(0, vue.provide)(require_config_provider_types.CONFIG_KEY, config);
-		config.theme && (0, vue.provide)(require_config_provider_types.THEME_KEY, config.theme);
-		const __returned__ = { config };
+		const { defaultColorScheme, forceColorScheme, colorSchemeManager, getRootElement, theme: userTheme } = config;
+		const finalTheme = (0, vue.computed)(() => {
+			if (userTheme) return require_merge_cck_theme.mergeCckTheme(require_default_theme.DEFAULT_THEME, userTheme);
+			return require_default_theme.DEFAULT_THEME;
+		});
+		const { colorScheme, setColorScheme, clearColorScheme } = require_use_provider_color_scheme.useProviderColorScheme({
+			defaultColorScheme,
+			forceColorScheme,
+			manager: colorSchemeManager,
+			getRootElement
+		});
+		require_use_respect_reduce_motion.useRespectReduceMotion({
+			respectReduceMotion: config.theme?.respectReducedMotion || false,
+			getRootElement
+		});
+		const { theme: _excludedTheme, ...configWithoutTheme } = config;
+		(0, vue.provide)(require_config_provider_types.CONFIG_KEY, {
+			...configWithoutTheme,
+			colorScheme,
+			setColorScheme,
+			clearColorScheme
+		});
+		(0, vue.provide)(require_config_provider_types.THEME_KEY, finalTheme);
+		const __returned__ = {
+			config,
+			defaultColorScheme,
+			forceColorScheme,
+			colorSchemeManager,
+			getRootElement,
+			userTheme,
+			finalTheme,
+			colorScheme,
+			setColorScheme,
+			clearColorScheme,
+			_excludedTheme,
+			configWithoutTheme
+		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
 			value: true
@@ -68,7 +122,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return (0, vue.renderSlot)(_ctx.$slots, "default");
 }
-var config_provider_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\core\\config-provider\\config-provider.vue"]]);
+var config_provider_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/core/config-provider/config-provider.vue"]]);
 //#endregion
 exports.default = config_provider_default;
 

package/cjs/core/config-provider/config-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.cjs","names":[],"sources":["../../../src/core/config-provider/config-provider.vue","../../../src/core/config-provider/config-provider.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script setup lang=\"ts\">\nimport { provide } from 'vue'\nimport {\n  CONFIG_KEY,\n  type ConfigProviderProps,\n  THEME_KEY\n} from './config-provider.types'\n\ndefineOptions({\n  name: 'CckConfigProvider'\n})\n\nconst config = defineProps<ConfigProviderProps>()\n\nprovide(CONFIG_KEY, config)\nconfig.theme && provide(THEME_KEY, config.theme)\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,SAAS;EAEf,CAAA,GAAA,IAAA,QAAA,CAAQ,8BAAA,YAAY,MAAM;EAC1B,OAAO,UAAA,GAAA,IAAA,QAAA,CAAiB,8BAAA,WAAW,OAAO,KAAK;;;;;;;;;;4BClBrC,KAAA,QAAA,SAAA"}
+{"version":3,"file":"config-provider.cjs","names":[],"sources":["../../../src/core/config-provider/config-provider.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { CONFIG_KEY, type ConfigProviderProps, THEME_KEY } from './config-provider.types'\nimport { useProviderColorScheme } from './use-cck-color-scheme/use-provider-color-scheme'\nimport { localStorageColorSchemeManager } from './color-scheme-managers'\nimport { useRespectReduceMotion } from './use-respect-reduce-motion/use-respect-reduce-motion'\nimport { DEFAULT_THEME } from './default-theme'\nimport { mergeCckTheme } from './merge-cck-theme'\nimport { CContextValue } from './config-provider.context'\nimport './baseline.css'\nimport './global.css'\nimport './default-css-variables.css'\n\ndefineOptions({\n  name: 'CckConfigProvider',\n})\n\nconst config = withDefaults(defineProps<ConfigProviderProps>(), {\n  withStaticClasses: true,\n  withGlobalClasses: true,\n  withCssVariables: true,\n  classNamesPrefix: 'c',\n  defaultColorScheme: 'light',\n  cssVariablesSelector: ':root',\n  colorSchemeManager: () => localStorageColorSchemeManager(),\n  getRootElement: () => document.documentElement,\n})\n\nconst {\n  defaultColorScheme,\n  forceColorScheme,\n  colorSchemeManager,\n  getRootElement,\n  theme: userTheme,\n} = config\n\nconst finalTheme = computed(() => {\n  if (userTheme) {\n    return mergeCckTheme(DEFAULT_THEME, userTheme)\n  }\n\n  return DEFAULT_THEME\n})\n\nconst { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n  defaultColorScheme,\n  forceColorScheme,\n  manager: colorSchemeManager,\n  getRootElement,\n})\n\nuseRespectReduceMotion({\n  respectReduceMotion: config.theme?.respectReducedMotion || false,\n  getRootElement,\n})\n\nconst { theme: _excludedTheme, ...configWithoutTheme } = config\nprovide<CContextValue>(CONFIG_KEY, {\n  ...configWithoutTheme,\n  colorScheme,\n  setColorScheme,\n  clearColorScheme,\n})\nprovide(THEME_KEY, finalTheme)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,SAAS;EAWf,MAAM,EACJ,oBACA,kBACA,oBACA,gBACA,OAAO,cACL;EAEJ,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B;GAChC,IAAI,WACF,OAAO,wBAAA,cAAc,sBAAA,eAAe,SAAS;GAG/C,OAAO,sBAAA;EACT,CAAC;EAED,MAAM,EAAE,aAAa,gBAAgB,qBAAqB,kCAAA,uBAAuB;GAC/E;GACA;GACA,SAAS;GACT;EACF,CAAC;EAED,kCAAA,uBAAuB;GACrB,qBAAqB,OAAO,OAAO,wBAAwB;GAC3D;EACF,CAAC;EAED,MAAM,EAAE,OAAO,gBAAgB,GAAG,uBAAuB;EACzD,CAAA,GAAA,IAAA,QAAA,CAAuB,8BAAA,YAAY;GACjC,GAAG;GACH;GACA;GACA;EACF,CAAC;EACD,CAAA,GAAA,IAAA,QAAA,CAAQ,8BAAA,WAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;4BAlEnB,KAAA,QAAA,SAAA"}

package/cjs/core/config-provider/config-provider.context.cjs

@@ -1,7 +1,11 @@
 "use client";
 const require_config_provider_types = require("./config-provider.types.cjs");
+const require_default_theme = require("./default-theme.cjs");
 let vue = require("vue");
 //#region packages/@cck-ui/core/src/core/config-provider/config-provider.context.ts
+function useCckTheme() {
+	return (0, vue.inject)(require_config_provider_types.THEME_KEY, (0, vue.computed)(() => require_default_theme.DEFAULT_THEME));
+}
 function useConfigContext() {
 	const ctx = (0, vue.inject)(require_config_provider_types.CONFIG_KEY);
 	if (!ctx) throw new Error("[@cck-ui/core] ConfigProvider was not found in tree");
@@ -39,6 +43,7 @@ exports.useCckIsHeadless = useCckIsHeadless;
 exports.useCckStyleNonce = useCckStyleNonce;
 exports.useCckStylesTransform = useCckStylesTransform;
 exports.useCckSxTransform = useCckSxTransform;
+exports.useCckTheme = useCckTheme;
 exports.useCckWithStaticClasses = useCckWithStaticClasses;
 exports.useConfigContext = useConfigContext;
 

package/cjs/core/config-provider/config-provider.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.context.cjs","names":["CONFIG_KEY"],"sources":["../../../src/core/config-provider/config-provider.context.ts"],"sourcesContent":["import { CColorScheme, CTheme } from './theme.types'\nimport { ConvertCSSVariablesInput } from './convert-css-variables'\nimport { inject } from 'vue'\nimport { CONFIG_KEY } from './config-provider.types'\n\nexport interface CStylesTransform {\n  sx?: () => (sx: any) => string\n  styles?: () => (styles: any, payload: any) => Record<string, string>\n}\n\ninterface CContextValue {\n  colorScheme: CColorScheme\n  setColorScheme: (colorScheme: CColorScheme) => void\n  clearColorScheme: () => void\n  getRootElement: () => HTMLElement | undefined\n  classNamesPrefix: string\n  getStyleNonce?: () => string | undefined\n  cssVariablesResolver?: (theme: CTheme) => ConvertCSSVariablesInput\n  cssVariablesSelector: string\n  withStaticClasses: boolean\n  headless?: boolean\n  stylesTransform?: CStylesTransform\n  env?: 'default' | 'test'\n}\n\nexport function useConfigContext() {\n  const ctx = inject<CContextValue>(CONFIG_KEY)\n\n  if (!ctx) {\n    throw new Error('[@cck-ui/core] ConfigProvider was not found in tree')\n  }\n\n  return ctx\n}\n\nexport function useCckCssVariablesResolver() {\n  return useConfigContext().cssVariablesResolver\n}\n\nexport function useCckClassNamesPrefix() {\n  return useConfigContext().classNamesPrefix\n}\n\nexport function useCckStyleNonce() {\n  return useConfigContext().getStyleNonce\n}\n\nexport function useCckWithStaticClasses() {\n  return useConfigContext().withStaticClasses\n}\n\nexport function useCckIsHeadless() {\n  return useConfigContext().headless\n}\n\nexport function useCckSxTransform() {\n  return useConfigContext().stylesTransform?.sx\n}\n\nexport function useCckStylesTransform() {\n  return useConfigContext().stylesTransform?.styles\n}\n\nexport function useCckEnv() {\n  return useConfigContext().env || 'default'\n}\n"],"mappings":";;;;AAyBA,SAAgB,mBAAmB;CACjC,MAAM,OAAA,GAAA,IAAA,OAAA,CAA4BA,8BAAAA,UAAU;CAE5C,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qDAAqD;CAGvE,OAAO;AACT;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,yBAAyB;CACvC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,mBAAmB;CACjC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,0BAA0B;CACxC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,mBAAmB;CACjC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,oBAAoB;CAClC,OAAO,iBAAiB,CAAC,CAAC,iBAAiB;AAC7C;AAEA,SAAgB,wBAAwB;CACtC,OAAO,iBAAiB,CAAC,CAAC,iBAAiB;AAC7C;AAEA,SAAgB,YAAY;CAC1B,OAAO,iBAAiB,CAAC,CAAC,OAAO;AACnC"}
+{"version":3,"file":"config-provider.context.cjs","names":["THEME_KEY","DEFAULT_THEME","CONFIG_KEY"],"sources":["../../../src/core/config-provider/config-provider.context.ts"],"sourcesContent":["import { CColorScheme, CTheme } from './theme.types'\nimport { ConvertCSSVariablesInput } from './convert-css-variables'\nimport { computed, ComputedRef, inject } from 'vue'\nimport { CONFIG_KEY, THEME_KEY } from './config-provider.types'\nimport { DEFAULT_THEME } from './default-theme'\n\nexport interface CStylesTransform {\n  sx?: () => (sx: any) => string\n  styles?: () => (styles: any, payload: any) => Record<string, string>\n}\n\nexport interface CContextValue {\n  colorScheme: ComputedRef<CColorScheme>\n  setColorScheme: (colorScheme: CColorScheme) => void\n  clearColorScheme: () => void\n  getRootElement: () => HTMLElement | undefined\n  classNamesPrefix: string\n  getStyleNonce?: () => string | undefined\n  cssVariablesResolver?: (theme: CTheme) => ConvertCSSVariablesInput\n  cssVariablesSelector: string\n  withStaticClasses: boolean\n  headless?: boolean\n  stylesTransform?: CStylesTransform\n  env?: 'default' | 'test'\n}\n\nexport function useCckTheme(): ComputedRef<CTheme> {\n  return inject(\n    THEME_KEY,\n    computed(() => DEFAULT_THEME)\n  )\n}\n\nexport function useConfigContext() {\n  const ctx = inject(CONFIG_KEY)\n\n  if (!ctx) {\n    throw new Error('[@cck-ui/core] ConfigProvider was not found in tree')\n  }\n\n  return ctx\n}\n\nexport function useCckCssVariablesResolver() {\n  return useConfigContext().cssVariablesResolver\n}\n\nexport function useCckClassNamesPrefix() {\n  return useConfigContext().classNamesPrefix\n}\n\nexport function useCckStyleNonce() {\n  return useConfigContext().getStyleNonce\n}\n\nexport function useCckWithStaticClasses() {\n  return useConfigContext().withStaticClasses\n}\n\nexport function useCckIsHeadless() {\n  return useConfigContext().headless\n}\n\nexport function useCckSxTransform() {\n  return useConfigContext().stylesTransform?.sx\n}\n\nexport function useCckStylesTransform() {\n  return useConfigContext().stylesTransform?.styles\n}\n\nexport function useCckEnv() {\n  return useConfigContext().env || 'default'\n}\n"],"mappings":";;;;;AA0BA,SAAgB,cAAmC;CACjD,QAAA,GAAA,IAAA,OAAA,CACEA,8BAAAA,YAAAA,GAAAA,IAAAA,SAAAA,OACeC,sBAAAA,aAAa,CAC9B;AACF;AAEA,SAAgB,mBAAmB;CACjC,MAAM,OAAA,GAAA,IAAA,OAAA,CAAaC,8BAAAA,UAAU;CAE7B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qDAAqD;CAGvE,OAAO;AACT;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,yBAAyB;CACvC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,mBAAmB;CACjC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,0BAA0B;CACxC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,mBAAmB;CACjC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,oBAAoB;CAClC,OAAO,iBAAiB,CAAC,CAAC,iBAAiB;AAC7C;AAEA,SAAgB,wBAAwB;CACtC,OAAO,iBAAiB,CAAC,CAAC,iBAAiB;AAC7C;AAEA,SAAgB,YAAY;CAC1B,OAAO,iBAAiB,CAAC,CAAC,OAAO;AACnC"}

package/cjs/core/config-provider/config-provider.types.cjs

@@ -1,7 +1,7 @@
 "use client";
 //#region packages/@cck-ui/core/src/core/config-provider/config-provider.types.ts
 const CONFIG_KEY = Symbol("CCK_CONFIG_KEY");
-const THEME_KEY = Symbol("THEME_SLATE");
+const THEME_KEY = Symbol("CCK_THEME");
 //#endregion
 exports.CONFIG_KEY = CONFIG_KEY;
 exports.THEME_KEY = THEME_KEY;

package/cjs/core/config-provider/config-provider.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.types.cjs","names":[],"sources":["../../../src/core/config-provider/config-provider.types.ts"],"sourcesContent":["import { CStylesTransform } from './config-provider.context'\nimport { CColorScheme, CThemeOverride } from './theme.types'\n\nexport const CONFIG_KEY = Symbol('CCK_CONFIG_KEY')\n\nexport const THEME_KEY = Symbol('THEME_SLATE')\n\nexport interface ConfigProviderProps {\n  /**\n   * @description Theme override object\n   */\n  theme?: CThemeOverride\n\n  /**\n   * @description Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage\n   */\n  defaultColorScheme?: CColorScheme\n\n  /**\n   * @description Forces color scheme value, if set, useTheme ignores `colorSchemeManager` and `defaultColorScheme`\n   */\n  forceColorScheme?: 'light' | 'dark'\n\n  /**\n   * @description CSS selector to which CSS variales should be added\n   */\n  cssVariablesSelector?: string\n\n  /**\n   * @description Determines whether theme CSS variables should be added to given `cssVariablesSelector`\n   */\n  withCssVariables?: boolean\n\n  /**\n   * @description Function to resolve root element to set `data-c-color-scheme` attribute\n   * @returns root element, must return undefined on server\n   */\n  getRootElement?: () => HTMLElement | undefined\n\n  /**\n   * @description A prefix for components static classes (for example `${prefix}-text__root`)\n   */\n  classNamesPrefix?: string\n\n  /**\n   * @description Determines whether components should have static classes, for example `c-button__root`\n   */\n  withStaticClasses?: boolean\n\n  /**\n   * @description Determines whether global classes should be added with `<style />` tag. Global classes are required for `hiddenFrom`/`visibleFrom` and `lightHidden`/`darkHidden` props to work.\n   * @default true\n   */\n  withGlobalClasses?: boolean\n\n  /**\n   * An object to transform `styles` and `sx` props into css classes, can be used with CSS-in-JS libraries\n   */\n  stylesTransform?: CStylesTransform\n\n  /**\n   * @description Enviroment at which the useTheme is used, `'test'` environment disables all transitions and portals\n   */\n  env?: 'default' | 'test'\n}\n"],"mappings":";;AAGA,MAAa,aAAa,OAAO,gBAAgB;AAEjD,MAAa,YAAY,OAAO,aAAa"}
+{"version":3,"file":"config-provider.types.cjs","names":[],"sources":["../../../src/core/config-provider/config-provider.types.ts"],"sourcesContent":["import { ComputedRef, InjectionKey } from 'vue'\nimport { CColorSchemeManager } from './color-scheme-managers/types'\nimport { CContextValue, CStylesTransform } from './config-provider.context'\nimport { CColorScheme, CTheme, CThemeOverride } from './theme.types'\n\nexport const CONFIG_KEY: InjectionKey<CContextValue> = Symbol('CCK_CONFIG_KEY')\n\nexport const THEME_KEY: InjectionKey<ComputedRef<CTheme>> = Symbol('CCK_THEME')\n\nexport interface ConfigProviderProps {\n  /**\n   * @description Theme override object\n   */\n  theme?: CThemeOverride\n\n  /**\n   * @description Used to retrieve/set color scheme value in external storage, by default was `window.localStorage`\n   */\n  colorSchemeManager?: CColorSchemeManager\n\n  /**\n   * @description Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage\n   */\n  defaultColorScheme?: CColorScheme\n\n  /**\n   * @description Forces color scheme value, if set, useTheme ignores `colorSchemeManager` and `defaultColorScheme`\n   */\n  forceColorScheme?: 'light' | 'dark'\n\n  /**\n   * @description CSS selector to which CSS variales should be added\n   */\n  cssVariablesSelector?: string\n\n  /**\n   * @description Determines whether theme CSS variables should be added to given `cssVariablesSelector`\n   */\n  withCssVariables?: boolean\n\n  /**\n   * @description Function to resolve root element to set `data-c-color-scheme` attribute\n   * @returns root element, must return undefined on server\n   */\n  getRootElement?: () => HTMLElement | undefined\n\n  /**\n   * @description A prefix for components static classes (for example `${prefix}-text__root`)\n   */\n  classNamesPrefix?: string\n\n  /**\n   * @description Determines whether components should have static classes, for example `c-button__root`\n   */\n  withStaticClasses?: boolean\n\n  /**\n   * @description Determines whether global classes should be added with `<style />` tag. Global classes are required for `hiddenFrom`/`visibleFrom` and `lightHidden`/`darkHidden` props to work.\n   * @default true\n   */\n  withGlobalClasses?: boolean\n\n  /**\n   * An object to transform `styles` and `sx` props into css classes, can be used with CSS-in-JS libraries\n   */\n  stylesTransform?: CStylesTransform\n\n  /**\n   * @description Enviroment at which the useTheme is used, `'test'` environment disables all transitions and portals\n   */\n  env?: 'default' | 'test'\n}\n"],"mappings":";;AAKA,MAAa,aAA0C,OAAO,gBAAgB;AAE9E,MAAa,YAA+C,OAAO,WAAW"}

package/cjs/core/config-provider/create-theme/create-theme.cjs

@@ -0,0 +1,8 @@
+//#region packages/@cck-ui/core/src/core/config-provider/create-theme/create-theme.ts
+function createTheme(theme) {
+	return theme;
+}
+//#endregion
+exports.createTheme = createTheme;
+
+//# sourceMappingURL=create-theme.cjs.map

package/cjs/core/config-provider/create-theme/create-theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-theme.cjs","names":[],"sources":["../../../../src/core/config-provider/create-theme/create-theme.ts"],"sourcesContent":["import { CThemeOverride } from '../theme.types'\n\nexport function createTheme(theme: CThemeOverride): CThemeOverride {\n  return theme\n}\n"],"mappings":";AAEA,SAAgB,YAAY,OAAuC;CACjE,OAAO;AACT"}

package/cjs/core/config-provider/default-css-variables.cjs

@@ -0,0 +1 @@
+"use client";

package/cjs/core/config-provider/global.cjs

@@ -0,0 +1 @@
+"use client";

package/cjs/core/config-provider/index.cjs

@@ -1,7 +1,8 @@
 "use client";
 const require_install = require("../utils/vue/install.cjs");
 const require_config_provider_types = require("./config-provider.types.cjs");
-const require_config_provider = require("./config-provider.cjs");
+const require_use_provider_color_scheme = require("./use-cck-color-scheme/use-provider-color-scheme.cjs");
+const require_colors_tuple = require("./color-functions/colors-tuple/colors-tuple.cjs");
 const require_to_rgba = require("./color-functions/to-rgba/to-rgba.cjs");
 const require_darken = require("./color-functions/darken/darken.cjs");
 const require_rgba = require("./color-functions/rgba/rgba.cjs");
@@ -11,8 +12,14 @@ const require_parse_theme_color = require("./color-functions/parse-theme-color/p
 const require_get_theme_color = require("./color-functions/get-theme-color/get-theme-color.cjs");
 const require_get_gradient = require("./color-functions/get-gradient/get-gradient.cjs");
 const require_default_variant_colors_resolver = require("./color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs");
-const require_config_provider_context = require("./config-provider.context.cjs");
 const require_default_theme = require("./default-theme.cjs");
+const require_config_provider = require("./config-provider.cjs");
+const require_virtual_color = require("./cck-css-variables/virtual-color/virtual-color.cjs");
+const require_get_css_color_variables = require("./cck-css-variables/get-css-color-variables.cjs");
+const require_default_css_variables_resolver = require("./cck-css-variables/default-css-variables-resolver.cjs");
+const require_config_provider_context = require("./config-provider.context.cjs");
+const require_create_theme = require("./create-theme/create-theme.cjs");
+const require_use_cck_color_scheme = require("./use-cck-color-scheme/use-cck-color-scheme.cjs");
 //#region packages/@cck-ui/core/src/core/config-provider/index.ts
 const CckConfigProvider = require_install.withInstall(require_config_provider.default);
 //#endregion
@@ -22,24 +29,33 @@ exports.default = CckConfigProvider;
 exports.DEFAULT_THEME = require_default_theme.DEFAULT_THEME;
 exports.THEME_KEY = require_config_provider_types.THEME_KEY;
 exports.alpha = require_rgba.alpha;
+exports.colorsTuple = require_colors_tuple.colorsTuple;
+exports.createTheme = require_create_theme.createTheme;
 exports.darken = require_darken.darken;
+exports.defaultCssVariablesResolver = require_default_css_variables_resolver.defaultCssVariablesResolver;
 exports.defaultVariantColorsResolver = require_default_variant_colors_resolver.defaultVariantColorsResolver;
+exports.getCSSColorVariables = require_get_css_color_variables.getCSSColorVariables;
 exports.getGradient = require_get_gradient.getGradient;
 exports.getPrimaryShade = require_get_primary_shade.getPrimaryShade;
 exports.getThemeColor = require_get_theme_color.getThemeColor;
 exports.isLightColor = require_luminance.isLightColor;
+exports.isVirtualColor = require_virtual_color.isVirtualColor;
 exports.luminance = require_luminance.luminance;
 exports.parseThemeColor = require_parse_theme_color.parseThemeColor;
 exports.rgba = require_rgba.rgba;
 exports.toRgba = require_to_rgba.toRgba;
 exports.useCckClassNamesPrefix = require_config_provider_context.useCckClassNamesPrefix;
+exports.useCckColorScheme = require_use_cck_color_scheme.useCckColorScheme;
 exports.useCckCssVariablesResolver = require_config_provider_context.useCckCssVariablesResolver;
 exports.useCckEnv = require_config_provider_context.useCckEnv;
 exports.useCckIsHeadless = require_config_provider_context.useCckIsHeadless;
 exports.useCckStyleNonce = require_config_provider_context.useCckStyleNonce;
 exports.useCckStylesTransform = require_config_provider_context.useCckStylesTransform;
 exports.useCckSxTransform = require_config_provider_context.useCckSxTransform;
+exports.useCckTheme = require_config_provider_context.useCckTheme;
 exports.useCckWithStaticClasses = require_config_provider_context.useCckWithStaticClasses;
 exports.useConfigContext = require_config_provider_context.useConfigContext;
+exports.useProviderColorScheme = require_use_provider_color_scheme.useProviderColorScheme;
+exports.virtualColor = require_virtual_color.virtualColor;
 
 //# sourceMappingURL=index.cjs.map

package/cjs/core/config-provider/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["withInstall","ConfigProvider"],"sources":["../../../src/core/config-provider/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../utils'\nimport ConfigProvider from './config-provider.vue'\n\nexport * from './color-functions'\nexport * from './config-provider.context'\nexport * from './config-provider.types'\nexport * from './default-theme'\nexport * from './theme.types'\n\nexport const CckConfigProvider: SFCWithInstall<typeof ConfigProvider> = withInstall(ConfigProvider)\nexport default CckConfigProvider\n"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAa,oBAA2DA,gBAAAA,YAAYC,wBAAAA,OAAc"}
+{"version":3,"file":"index.cjs","names":["withInstall","ConfigProvider"],"sources":["../../../src/core/config-provider/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../utils'\nimport ConfigProvider from './config-provider.vue'\n\nexport * from './cck-css-variables'\nexport * from './color-functions'\nexport * from './config-provider.context'\nexport * from './config-provider.types'\nexport * from './create-theme/create-theme'\nexport * from './default-theme'\nexport * from './theme.types'\nexport * from './use-cck-color-scheme'\n\nexport const CckConfigProvider: SFCWithInstall<typeof ConfigProvider> = withInstall(ConfigProvider)\nexport default CckConfigProvider\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAa,oBAA2DA,gBAAAA,YAAYC,wBAAAA,OAAc"}

package/cjs/core/config-provider/merge-cck-theme/merge-cck-theme.cjs

@@ -0,0 +1,35 @@
+let es_toolkit = require("es-toolkit");
+//#region packages/@cck-ui/core/src/core/config-provider/merge-cck-theme/merge-cck-theme.ts
+const INVALID_PRIMARY_COLOR_ERROR = "[@cck-ui/core] ConfigProvider: Invalid theme.primaryColor, it accepts only key of theme.colors";
+const INVALID_PRIMARY_SHADE_ERROR = "[@cck-ui/core] ConfigProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
+function isValidPrimaryShade(shade) {
+	if (shade < 0 || shade > 9) return false;
+	return parseInt(shade.toString(), 10) === shade;
+}
+function validateCckTheme(theme) {
+	if (!(theme.primaryColor in theme.colors)) throw new Error(INVALID_PRIMARY_COLOR_ERROR);
+	if (typeof theme.primaryShade === "object") {
+		if (!isValidPrimaryShade(theme.primaryShade.dark) || !isValidPrimaryShade(theme.primaryShade.light)) throw new Error(INVALID_PRIMARY_SHADE_ERROR);
+	}
+	if (typeof theme.primaryShade === "number" && !isValidPrimaryShade(theme.primaryShade)) throw new Error(INVALID_PRIMARY_SHADE_ERROR);
+}
+function mergeCckTheme(currentTheme, themeOverride) {
+	if (!themeOverride) {
+		validateCckTheme(currentTheme);
+		return currentTheme;
+	}
+	const result = (0, es_toolkit.merge)(currentTheme, themeOverride);
+	if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) result.headings = {
+		...result.headings,
+		fontFamily: themeOverride.fontFamily
+	};
+	validateCckTheme(result);
+	return result;
+}
+//#endregion
+exports.INVALID_PRIMARY_COLOR_ERROR = INVALID_PRIMARY_COLOR_ERROR;
+exports.INVALID_PRIMARY_SHADE_ERROR = INVALID_PRIMARY_SHADE_ERROR;
+exports.mergeCckTheme = mergeCckTheme;
+exports.validateCckTheme = validateCckTheme;
+
+//# sourceMappingURL=merge-cck-theme.cjs.map

package/cjs/core/config-provider/merge-cck-theme/merge-cck-theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-cck-theme.cjs","names":[],"sources":["../../../../src/core/config-provider/merge-cck-theme/merge-cck-theme.ts"],"sourcesContent":["import { merge } from 'es-toolkit'\nimport type { CTheme, CThemeOverride } from '../theme.types'\n\nexport const INVALID_PRIMARY_COLOR_ERROR =\n  '[@cck-ui/core] ConfigProvider: Invalid theme.primaryColor, it accepts only key of theme.colors'\n\nexport const INVALID_PRIMARY_SHADE_ERROR =\n  '[@cck-ui/core] ConfigProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }'\n\nfunction isValidPrimaryShade(shade: number) {\n  if (shade < 0 || shade > 9) {\n    return false\n  }\n\n  return parseInt(shade.toString(), 10) === shade\n}\n\nexport function validateCckTheme(theme: CTheme): asserts theme is CTheme {\n  if (!(theme.primaryColor in theme.colors)) {\n    throw new Error(INVALID_PRIMARY_COLOR_ERROR)\n  }\n\n  if (typeof theme.primaryShade === 'object') {\n    if (\n      !isValidPrimaryShade(theme.primaryShade.dark) ||\n      !isValidPrimaryShade(theme.primaryShade.light)\n    ) {\n      throw new Error(INVALID_PRIMARY_SHADE_ERROR)\n    }\n  }\n\n  if (typeof theme.primaryShade === 'number' && !isValidPrimaryShade(theme.primaryShade)) {\n    throw new Error(INVALID_PRIMARY_SHADE_ERROR)\n  }\n}\n\nexport function mergeCckTheme(currentTheme: CTheme, themeOverride?: CThemeOverride) {\n  if (!themeOverride) {\n    validateCckTheme(currentTheme)\n    return currentTheme\n  }\n\n  const result = merge(currentTheme, themeOverride)\n\n  if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) {\n    result.headings = { ...result.headings, fontFamily: themeOverride.fontFamily }\n  }\n\n  validateCckTheme(result)\n  return result\n}\n"],"mappings":";;AAGA,MAAa,8BACX;AAEF,MAAa,8BACX;AAEF,SAAS,oBAAoB,OAAe;CAC1C,IAAI,QAAQ,KAAK,QAAQ,GACvB,OAAO;CAGT,OAAO,SAAS,MAAM,SAAS,GAAG,EAAE,MAAM;AAC5C;AAEA,SAAgB,iBAAiB,OAAwC;CACvE,IAAI,EAAE,MAAM,gBAAgB,MAAM,SAChC,MAAM,IAAI,MAAM,2BAA2B;CAG7C,IAAI,OAAO,MAAM,iBAAiB;MAE9B,CAAC,oBAAoB,MAAM,aAAa,IAAI,KAC5C,CAAC,oBAAoB,MAAM,aAAa,KAAK,GAE7C,MAAM,IAAI,MAAM,2BAA2B;CAAA;CAI/C,IAAI,OAAO,MAAM,iBAAiB,YAAY,CAAC,oBAAoB,MAAM,YAAY,GACnF,MAAM,IAAI,MAAM,2BAA2B;AAE/C;AAEA,SAAgB,cAAc,cAAsB,eAAgC;CAClF,IAAI,CAAC,eAAe;EAClB,iBAAiB,YAAY;EAC7B,OAAO;CACT;CAEA,MAAM,UAAA,GAAA,WAAA,MAAA,CAAe,cAAc,aAAa;CAEhD,IAAI,cAAc,cAAc,CAAC,cAAc,UAAU,YACvD,OAAO,WAAW;EAAE,GAAG,OAAO;EAAU,YAAY,cAAc;CAAW;CAG/E,iBAAiB,MAAM;CACvB,OAAO;AACT"}

package/cjs/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.cjs

@@ -0,0 +1,84 @@
+"use client";
+const require_config_provider_context = require("../config-provider.context.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.ts
+function getSystemTheme() {
+	if (typeof window === "undefined") return "light";
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function watchSystemTheme(callback) {
+	if (typeof window === "undefined") return () => {};
+	const mql = window.matchMedia("(prefers-color-scheme: dark)");
+	const listener = (e) => callback(e.matches ? "dark" : "light");
+	mql.addEventListener("change", listener);
+	return () => mql.removeEventListener("change", listener);
+}
+function disableTransitions(nonce) {
+	if (typeof document === "undefined") return () => {};
+	const style = document.createElement("style");
+	style.setAttribute("data-color-scheme-transition", "inline");
+	style.innerHTML = "*, *::before, *::after { transition: none !important; }";
+	if (nonce) style.setAttribute("nonce", nonce);
+	document.head.appendChild(style);
+	return () => {
+		document.querySelectorAll("[data-color-scheme-transition]").forEach((el) => el.remove());
+	};
+}
+function useCckColorScheme({ keepTransition } = {}) {
+	const ctx = require_config_provider_context.useConfigContext();
+	const colorScheme = ctx.colorScheme;
+	const systemTheme = (0, vue.ref)("light");
+	const computedColorScheme = (0, vue.computed)(() => {
+		const scheme = colorScheme.value;
+		return scheme === "auto" ? systemTheme.value : scheme;
+	});
+	let clearStyles = null;
+	let timeoutId = null;
+	function disableTransitionsTemporarily() {
+		if (keepTransition) return;
+		clearStyles?.();
+		const nonce = ctx.getStyleNonce?.();
+		clearStyles = disableTransitions(nonce);
+		if (timeoutId) window.clearTimeout(timeoutId);
+		timeoutId = window.setTimeout(() => {
+			clearStyles?.();
+			clearStyles = null;
+		}, 10);
+	}
+	const setColorScheme = (value) => {
+		ctx.setColorScheme(value);
+		disableTransitionsTemporarily();
+	};
+	const clearColorScheme = () => {
+		ctx.clearColorScheme();
+		disableTransitionsTemporarily();
+	};
+	const toggleColorScheme = () => {
+		const current = computedColorScheme.value;
+		setColorScheme(current === "light" ? "dark" : "light");
+	};
+	(0, vue.onMounted)(() => {
+		systemTheme.value = getSystemTheme();
+		const unwatch = watchSystemTheme((theme) => {
+			systemTheme.value = theme;
+		});
+		(0, vue.onUnmounted)(() => {
+			unwatch();
+			if (timeoutId) {
+				window.clearTimeout(timeoutId);
+				clearStyles?.();
+			}
+		});
+	});
+	return {
+		colorScheme,
+		computedColorScheme,
+		setColorScheme,
+		clearColorScheme,
+		toggleColorScheme
+	};
+}
+//#endregion
+exports.useCckColorScheme = useCckColorScheme;
+
+//# sourceMappingURL=use-cck-color-scheme.cjs.map

package/cjs/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cck-color-scheme.cjs","names":["useConfigContext"],"sources":["../../../../src/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref } from 'vue'\nimport { useConfigContext } from '../config-provider.context'\nimport { CColorScheme } from '../theme.types'\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') {\n    return 'light'\n  }\n\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction watchSystemTheme(callback: (theme: 'light' | 'dark') => void) {\n  if (typeof window === 'undefined') {\n    return () => {}\n  }\n  const mql = window.matchMedia('(prefers-color-scheme: dark)')\n  const listener = (e: MediaQueryListEvent) => callback(e.matches ? 'dark' : 'light')\n  mql.addEventListener('change', listener)\n  return () => mql.removeEventListener('change', listener)\n}\n\nfunction disableTransitions(nonce?: string): () => void {\n  if (typeof document === 'undefined') {\n    return () => {}\n  }\n\n  const style = document.createElement('style')\n  style.setAttribute('data-color-scheme-transition', 'inline')\n  style.innerHTML = '*, *::before, *::after { transition: none !important; }'\n  if (nonce) {\n    style.setAttribute('nonce', nonce)\n  }\n  document.head.appendChild(style)\n  return () => {\n    document.querySelectorAll('[data-color-scheme-transition]').forEach((el) => el.remove())\n  }\n}\n\nexport function useCckColorScheme({ keepTransition }: { keepTransition?: boolean } = {}) {\n  const ctx = useConfigContext()\n\n  const colorScheme = ctx.colorScheme\n\n  const systemTheme = ref<'light' | 'dark'>('light')\n\n  const computedColorScheme = computed<'light' | 'dark'>(() => {\n    const scheme = colorScheme.value\n    return scheme === 'auto' ? systemTheme.value : scheme\n  })\n\n  let clearStyles: (() => void) | null = null\n  let timeoutId: number | null = null\n\n  function disableTransitionsTemporarily() {\n    if (keepTransition) {\n      return\n    }\n    clearStyles?.()\n    const nonce = ctx.getStyleNonce?.()\n    clearStyles = disableTransitions(nonce)\n    if (timeoutId) {\n      window.clearTimeout(timeoutId)\n    }\n    timeoutId = window.setTimeout(() => {\n      clearStyles?.()\n      clearStyles = null\n    }, 10)\n  }\n\n  const setColorScheme = (value: CColorScheme) => {\n    ctx.setColorScheme(value)\n    disableTransitionsTemporarily()\n  }\n\n  const clearColorScheme = () => {\n    ctx.clearColorScheme()\n    disableTransitionsTemporarily()\n  }\n\n  const toggleColorScheme = () => {\n    const current = computedColorScheme.value\n    setColorScheme(current === 'light' ? 'dark' : 'light')\n  }\n\n  onMounted(() => {\n    systemTheme.value = getSystemTheme()\n    const unwatch = watchSystemTheme((theme) => {\n      systemTheme.value = theme\n    })\n\n    onUnmounted(() => {\n      unwatch()\n      if (timeoutId) {\n        window.clearTimeout(timeoutId)\n        clearStyles?.()\n      }\n    })\n  })\n\n  return {\n    colorScheme,\n    computedColorScheme,\n    setColorScheme,\n    clearColorScheme,\n    toggleColorScheme,\n  }\n}\n"],"mappings":";;;;AAIA,SAAS,iBAAmC;CAC1C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,OAAO,OAAO,WAAW,8BAA8B,CAAC,CAAC,UAAU,SAAS;AAC9E;AAEA,SAAS,iBAAiB,UAA6C;CACrE,IAAI,OAAO,WAAW,aACpB,aAAa,CAAC;CAEhB,MAAM,MAAM,OAAO,WAAW,8BAA8B;CAC5D,MAAM,YAAY,MAA2B,SAAS,EAAE,UAAU,SAAS,OAAO;CAClF,IAAI,iBAAiB,UAAU,QAAQ;CACvC,aAAa,IAAI,oBAAoB,UAAU,QAAQ;AACzD;AAEA,SAAS,mBAAmB,OAA4B;CACtD,IAAI,OAAO,aAAa,aACtB,aAAa,CAAC;CAGhB,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,aAAa,gCAAgC,QAAQ;CAC3D,MAAM,YAAY;CAClB,IAAI,OACF,MAAM,aAAa,SAAS,KAAK;CAEnC,SAAS,KAAK,YAAY,KAAK;CAC/B,aAAa;EACX,SAAS,iBAAiB,gCAAgC,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,CAAC;CACzF;AACF;AAEA,SAAgB,kBAAkB,EAAE,mBAAiD,CAAC,GAAG;CACvF,MAAM,MAAMA,gCAAAA,iBAAiB;CAE7B,MAAM,cAAc,IAAI;CAExB,MAAM,eAAA,GAAA,IAAA,IAAA,CAAoC,OAAO;CAEjD,MAAM,uBAAA,GAAA,IAAA,SAAA,OAAuD;EAC3D,MAAM,SAAS,YAAY;EAC3B,OAAO,WAAW,SAAS,YAAY,QAAQ;CACjD,CAAC;CAED,IAAI,cAAmC;CACvC,IAAI,YAA2B;CAE/B,SAAS,gCAAgC;EACvC,IAAI,gBACF;EAEF,cAAc;EACd,MAAM,QAAQ,IAAI,gBAAgB;EAClC,cAAc,mBAAmB,KAAK;EACtC,IAAI,WACF,OAAO,aAAa,SAAS;EAE/B,YAAY,OAAO,iBAAiB;GAClC,cAAc;GACd,cAAc;EAChB,GAAG,EAAE;CACP;CAEA,MAAM,kBAAkB,UAAwB;EAC9C,IAAI,eAAe,KAAK;EACxB,8BAA8B;CAChC;CAEA,MAAM,yBAAyB;EAC7B,IAAI,iBAAiB;EACrB,8BAA8B;CAChC;CAEA,MAAM,0BAA0B;EAC9B,MAAM,UAAU,oBAAoB;EACpC,eAAe,YAAY,UAAU,SAAS,OAAO;CACvD;CAEA,CAAA,GAAA,IAAA,UAAA,OAAgB;EACd,YAAY,QAAQ,eAAe;EACnC,MAAM,UAAU,kBAAkB,UAAU;GAC1C,YAAY,QAAQ;EACtB,CAAC;EAED,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,QAAQ;GACR,IAAI,WAAW;IACb,OAAO,aAAa,SAAS;IAC7B,cAAc;GAChB;EACF,CAAC;CACH,CAAC;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}

package/cjs/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.cjs

@@ -0,0 +1,59 @@
+"use client";
+let vue = require("vue");
+let _cck_ui_hooks = require("@cck-ui/hooks");
+//#region packages/@cck-ui/core/src/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.ts
+function setColorSchemeAttribute(colorScheme, getRootElement) {
+	const hasDarkColorScheme = typeof window !== "undefined" && "matchMedia" in window && window.matchMedia("(prefers-color-scheme: dark)")?.matches;
+	const computedColorScheme = colorScheme !== "auto" ? colorScheme : hasDarkColorScheme ? "dark" : "light";
+	getRootElement()?.setAttribute("data-c-color-scheme", computedColorScheme);
+}
+function useProviderColorScheme({ manager, defaultColorScheme, getRootElement, forceColorScheme }) {
+	const value = (0, vue.ref)(manager.get(defaultColorScheme));
+	const colorScheme = (0, vue.computed)(() => forceColorScheme || value.value);
+	const applyColorScheme = (scheme) => {
+		setColorSchemeAttribute(scheme, getRootElement);
+	};
+	const setColorScheme = (scheme) => {
+		if (!forceColorScheme) {
+			applyColorScheme(scheme);
+			value.value = scheme;
+			manager.set(scheme);
+		}
+	};
+	const clearColorScheme = () => {
+		value.value = defaultColorScheme;
+		applyColorScheme(defaultColorScheme);
+		manager.clear();
+	};
+	let unsubscribeManager = null;
+	let mediaQuery = null;
+	const handleMediaChange = (event) => {
+		if (value.value === "auto") applyColorScheme(event.matches ? "dark" : "light");
+	};
+	(0, vue.onMounted)(() => {
+		manager.subscribe((scheme) => {
+			if (!forceColorScheme) value.value = scheme;
+		});
+		unsubscribeManager = manager.unsubscribe.bind(manager);
+		if (typeof window !== "undefined" && "matchMedia" in window) {
+			mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+			mediaQuery.addEventListener("change", handleMediaChange);
+		}
+	});
+	(0, _cck_ui_hooks.useIsomorphicEffect)(() => {
+		applyColorScheme(colorScheme.value);
+	}, [colorScheme]);
+	(0, vue.onUnmounted)(() => {
+		if (unsubscribeManager) unsubscribeManager();
+		if (mediaQuery) mediaQuery.removeEventListener("change", handleMediaChange);
+	});
+	return {
+		colorScheme,
+		setColorScheme,
+		clearColorScheme
+	};
+}
+//#endregion
+exports.useProviderColorScheme = useProviderColorScheme;
+
+//# sourceMappingURL=use-provider-color-scheme.cjs.map

package/cjs/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-provider-color-scheme.cjs","names":[],"sources":["../../../../src/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { computed, type ComputedRef, onMounted, onUnmounted, ref } from 'vue'\nimport { useIsomorphicEffect } from '@cck-ui/hooks'\nimport type { CColorSchemeManager } from '../color-scheme-managers'\nimport type { CColorScheme } from '../theme.types'\n\nfunction setColorSchemeAttribute(\n  colorScheme: CColorScheme,\n  getRootElement: () => HTMLElement | undefined\n) {\n  const hasDarkColorScheme =\n    typeof window !== 'undefined' &&\n    'matchMedia' in window &&\n    window.matchMedia('(prefers-color-scheme: dark)')?.matches\n\n  const computedColorScheme =\n    colorScheme !== 'auto' ? colorScheme : hasDarkColorScheme ? 'dark' : 'light'\n  getRootElement()?.setAttribute('data-c-color-scheme', computedColorScheme)\n}\n\ninterface UseProviderColorSchemeOptions {\n  manager: CColorSchemeManager\n  defaultColorScheme: CColorScheme\n  forceColorScheme: 'light' | 'dark' | undefined\n  getRootElement: () => HTMLElement | undefined\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n  forceColorScheme,\n}: UseProviderColorSchemeOptions) {\n  const value = ref<CColorScheme>(manager.get(defaultColorScheme))\n  const colorScheme = computed(() => forceColorScheme || value.value) as ComputedRef<CColorScheme>\n\n  const applyColorScheme = (scheme: CColorScheme) => {\n    setColorSchemeAttribute(scheme, getRootElement)\n  }\n\n  const setColorScheme = (scheme: CColorScheme) => {\n    if (!forceColorScheme) {\n      applyColorScheme(scheme)\n      value.value = scheme\n      manager.set(scheme)\n    }\n  }\n\n  const clearColorScheme = () => {\n    value.value = defaultColorScheme\n    applyColorScheme(defaultColorScheme)\n    manager.clear()\n  }\n\n  let unsubscribeManager: (() => void) | null = null\n  let mediaQuery: MediaQueryList | null = null\n\n  const handleMediaChange = (event: MediaQueryListEvent) => {\n    if (value.value === 'auto') {\n      applyColorScheme(event.matches ? 'dark' : 'light')\n    }\n  }\n\n  onMounted(() => {\n    manager.subscribe((scheme) => {\n      if (!forceColorScheme) {\n        value.value = scheme\n      }\n    })\n    unsubscribeManager = manager.unsubscribe.bind(manager)\n\n    if (typeof window !== 'undefined' && 'matchMedia' in window) {\n      mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n      mediaQuery.addEventListener('change', handleMediaChange)\n    }\n  })\n\n  useIsomorphicEffect(() => {\n    applyColorScheme(colorScheme.value)\n  }, [colorScheme])\n\n  onUnmounted(() => {\n    if (unsubscribeManager) {\n      unsubscribeManager()\n    }\n    if (mediaQuery) {\n      mediaQuery.removeEventListener('change', handleMediaChange)\n    }\n  })\n\n  return { colorScheme, setColorScheme, clearColorScheme }\n}\n"],"mappings":";;;;AAKA,SAAS,wBACP,aACA,gBACA;CACA,MAAM,qBACJ,OAAO,WAAW,eAClB,gBAAgB,UAChB,OAAO,WAAW,8BAA8B,CAAC,EAAE;CAErD,MAAM,sBACJ,gBAAgB,SAAS,cAAc,qBAAqB,SAAS;CACvE,eAAe,CAAC,EAAE,aAAa,uBAAuB,mBAAmB;AAC3E;AASA,SAAgB,uBAAuB,EACrC,SACA,oBACA,gBACA,oBACgC;CAChC,MAAM,SAAA,GAAA,IAAA,IAAA,CAA0B,QAAQ,IAAI,kBAAkB,CAAC;CAC/D,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B,oBAAoB,MAAM,KAAK;CAElE,MAAM,oBAAoB,WAAyB;EACjD,wBAAwB,QAAQ,cAAc;CAChD;CAEA,MAAM,kBAAkB,WAAyB;EAC/C,IAAI,CAAC,kBAAkB;GACrB,iBAAiB,MAAM;GACvB,MAAM,QAAQ;GACd,QAAQ,IAAI,MAAM;EACpB;CACF;CAEA,MAAM,yBAAyB;EAC7B,MAAM,QAAQ;EACd,iBAAiB,kBAAkB;EACnC,QAAQ,MAAM;CAChB;CAEA,IAAI,qBAA0C;CAC9C,IAAI,aAAoC;CAExC,MAAM,qBAAqB,UAA+B;EACxD,IAAI,MAAM,UAAU,QAClB,iBAAiB,MAAM,UAAU,SAAS,OAAO;CAErD;CAEA,CAAA,GAAA,IAAA,UAAA,OAAgB;EACd,QAAQ,WAAW,WAAW;GAC5B,IAAI,CAAC,kBACH,MAAM,QAAQ;EAElB,CAAC;EACD,qBAAqB,QAAQ,YAAY,KAAK,OAAO;EAErD,IAAI,OAAO,WAAW,eAAe,gBAAgB,QAAQ;GAC3D,aAAa,OAAO,WAAW,8BAA8B;GAC7D,WAAW,iBAAiB,UAAU,iBAAiB;EACzD;CACF,CAAC;CAED,CAAA,GAAA,cAAA,oBAAA,OAA0B;EACxB,iBAAiB,YAAY,KAAK;CACpC,GAAG,CAAC,WAAW,CAAC;CAEhB,CAAA,GAAA,IAAA,YAAA,OAAkB;EAChB,IAAI,oBACF,mBAAmB;EAErB,IAAI,YACF,WAAW,oBAAoB,UAAU,iBAAiB;CAE9D,CAAC;CAED,OAAO;EAAE;EAAa;EAAgB;CAAiB;AACzD"}

package/cjs/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.cjs

@@ -0,0 +1,14 @@
+"use client";
+let vue = require("vue");
+let _cck_ui_hooks = require("@cck-ui/hooks");
+//#region packages/@cck-ui/core/src/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.ts
+function useRespectReduceMotion({ respectReduceMotion, getRootElement }) {
+	const respectRef = (0, vue.toRef)(respectReduceMotion);
+	(0, _cck_ui_hooks.useIsomorphicEffect)(() => {
+		if (respectRef.value) getRootElement()?.setAttribute("data-respect-reduced-motion", "true");
+	}, [respectRef]);
+}
+//#endregion
+exports.useRespectReduceMotion = useRespectReduceMotion;
+
+//# sourceMappingURL=use-respect-reduce-motion.cjs.map

package/cjs/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-respect-reduce-motion.cjs","names":[],"sources":["../../../../src/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.ts"],"sourcesContent":["import { MaybeRef, toRef } from 'vue'\nimport { useIsomorphicEffect } from '@cck-ui/hooks'\n\ninterface UseRespectReduceMotionOptions {\n  respectReduceMotion: MaybeRef<boolean>\n  getRootElement: () => HTMLElement | undefined\n}\n\nexport function useRespectReduceMotion({\n  respectReduceMotion,\n  getRootElement,\n}: UseRespectReduceMotionOptions) {\n  const respectRef = toRef(respectReduceMotion)\n\n  useIsomorphicEffect(() => {\n    if (respectRef.value) {\n      getRootElement()?.setAttribute('data-respect-reduced-motion', 'true')\n    }\n  }, [respectRef])\n}\n"],"mappings":";;;;AAQA,SAAgB,uBAAuB,EACrC,qBACA,kBACgC;CAChC,MAAM,cAAA,GAAA,IAAA,MAAA,CAAmB,mBAAmB;CAE5C,CAAA,GAAA,cAAA,oBAAA,OAA0B;EACxB,IAAI,WAAW,OACb,eAAe,CAAC,EAAE,aAAa,+BAA+B,MAAM;CAExE,GAAG,CAAC,UAAU,CAAC;AACjB"}

package/cjs/core/styles-api/use-styles/use-styles.cjs

@@ -1,7 +1,5 @@
 "use client";
-const require_config_provider_types = require("../../config-provider/config-provider.types.cjs");
 const require_config_provider_context = require("../../config-provider/config-provider.context.cjs");
-const require_default_theme = require("../../config-provider/default-theme.cjs");
 const require_resolve_class_names = require("./get-class-name/resolve-class-names/resolve-class-names.cjs");
 const require_resolve_styles = require("./get-style/resolve-styles/resolve-styles.cjs");
 const require_use_transformed_styles = require("./use-transformed-styles.cjs");
@@ -9,10 +7,9 @@ const require_merge_vars = require("./get-style/resolve-vars/merge-vars.cjs");
 const require_resolve_style = require("./get-style/resolve-style/resolve-style.cjs");
 const require_get_class_name = require("./get-class-name/get-class-name.cjs");
 const require_get_style = require("./get-style/get-style.cjs");
-let vue = require("vue");
 //#region packages/@cck-ui/core/src/core/styles-api/use-styles/use-styles.ts
 function useStyles({ name, classes, props, stylesCtx, className, style, rootSelector = "root", unstyled, classNames, styles, vars, varsResolver, attributes }) {
-	const theme = (0, vue.inject)(require_config_provider_types.THEME_KEY, require_default_theme.DEFAULT_THEME);
+	const theme = require_config_provider_context.useCckTheme().value;
 	const classNamesPrefix = require_config_provider_context.useCckClassNamesPrefix();
 	const withStaticClasses = require_config_provider_context.useCckWithStaticClasses();
 	const headless = require_config_provider_context.useCckIsHeadless();

package/cjs/core/styles-api/use-styles/use-styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-styles.cjs","names":["THEME_KEY","DEFAULT_THEME","useCckClassNamesPrefix","useCckWithStaticClasses","useCckIsHeadless","useStylesTransform","resolveClassNames","resolveStyles","mergeVars","resolveStyle","getClassName","getStyle"],"sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { inject } from 'vue'\nimport {\n  Attributes,\n  ClassNames,\n  ClassNamesArray,\n  GetStylesApiOptions,\n  Styles,\n} from '../styles-api.types'\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver'\nimport { useStylesTransform } from './use-transformed-styles'\nimport { resolveClassNames } from './get-class-name/resolve-class-names/resolve-class-names'\nimport { resolveStyles } from './get-style/resolve-styles/resolve-styles'\nimport { mergeVars } from './get-style/resolve-vars/merge-vars'\nimport { resolveStyle } from './get-style/resolve-style/resolve-style'\nimport { getClassName } from './get-class-name/get-class-name'\nimport { Properties } from 'csstype'\nimport { getStyle } from './get-style/get-style'\nimport { FactoryPayload } from '../../factory'\nimport { CStyleProp } from '../../box'\nimport {\n  DEFAULT_THEME,\n  THEME_KEY,\n  useCckClassNamesPrefix,\n  useCckIsHeadless,\n  useCckWithStaticClasses,\n} from '../../config-provider'\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n  name: string | (string | undefined)[]\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never\n  props: Payload['props']\n  stylesCtx?: Payload['ctx']\n  className?: string | undefined\n  style?: CStyleProp\n  rootSelector?: Payload['stylesNames']\n  unstyled?: boolean\n  classNames?: ClassNames<Payload> | ClassNamesArray<Payload>\n  styles?: Styles<Payload>\n  vars?: PartialVarsResolver<Payload>\n  varsResolver?: VarsResolver<Payload>\n  attributes?: Attributes<Payload>\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n  selector: NonNullable<Payload['stylesNames']>,\n  options?: GetStylesApiOptions\n) => {\n  className: string\n  style: Properties\n}\n\nexport function useStyles<Payload extends FactoryPayload>({\n  name,\n  classes,\n  props,\n  stylesCtx,\n  className,\n  style,\n  rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n  unstyled,\n  classNames,\n  styles,\n  vars,\n  varsResolver,\n  attributes,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n  const theme = inject(THEME_KEY, DEFAULT_THEME)\n  const classNamesPrefix = useCckClassNamesPrefix()\n  const withStaticClasses = useCckWithStaticClasses()\n  const headless = useCckIsHeadless()\n\n  const themeNames = Array.isArray(name) ? name : [name]\n  const themeName = themeNames.filter((n) => n) as string[]\n  const { withStylesTransform, getTransformedStyles } = useStylesTransform({\n    props,\n    stylesCtx,\n    themeName,\n    theme,\n  })\n\n  const resolvedClassNames = resolveClassNames({\n    theme,\n    classNames,\n    props,\n    stylesCtx,\n  })\n  const resolvedThemeClassNames = themeName.map((n) =>\n    resolveClassNames({\n      theme,\n      classNames: theme.components?.[n]?.classNames,\n      props,\n      stylesCtx,\n    })\n  )\n\n  const resolvedComponentStyles = withStylesTransform\n    ? {}\n    : resolveStyles({ theme, styles, props, stylesCtx })\n\n  const resolvedThemeStyles: Record<string, any> = {}\n\n  if (!withStylesTransform) {\n    for (const n of themeName) {\n      const resolved = resolveStyles({\n        theme,\n        styles: theme.components?.[n]?.styles,\n        props,\n        stylesCtx,\n      })\n      for (const key of Object.keys(resolved)) {\n        resolvedThemeStyles[key] = {\n          ...resolvedThemeStyles[key],\n          ...resolved[key],\n        }\n      }\n    }\n  }\n\n  const resolvedVars = mergeVars([\n    headless ? {} : varsResolver?.(theme, props, stylesCtx),\n    ...themeName.map((n) => theme.components?.[n]?.vars?.(theme, props, stylesCtx)),\n    vars?.(theme, props, stylesCtx),\n  ])\n\n  const resolvedRootStyle = resolveStyle({ style, theme })\n\n  return (selector, options) => ({\n    ...attributes?.[selector],\n\n    className: getClassName({\n      theme,\n      options,\n      themeName,\n      selector,\n      classNamesPrefix,\n      resolvedClassNames,\n      resolvedThemeClassNames,\n      classes,\n      unstyled,\n      className,\n      rootSelector,\n      props,\n      stylesCtx,\n      withStaticClasses,\n      headless,\n      transformedStyles: getTransformedStyles([options?.styles, styles]),\n    }),\n\n    style: getStyle({\n      theme,\n      selector,\n      options,\n      props,\n      stylesCtx,\n      rootSelector,\n      withStylesTransform,\n      resolvedStyles: resolvedComponentStyles,\n      resolvedThemeStyles,\n      resolvedVars,\n      resolvedRootStyle,\n    }),\n  })\n}\n"],"mappings":";;;;;;;;;;;;;AAmDA,SAAgB,UAA0C,EACxD,MACA,SACA,OACA,WACA,WACA,OACA,eAAe,QACf,UACA,YACA,QACA,MACA,cACA,cACiD;CACjD,MAAM,SAAA,GAAA,IAAA,OAAA,CAAeA,8BAAAA,WAAWC,sBAAAA,aAAa;CAC7C,MAAM,mBAAmBC,gCAAAA,uBAAuB;CAChD,MAAM,oBAAoBC,gCAAAA,wBAAwB;CAClD,MAAM,WAAWC,gCAAAA,iBAAiB;CAGlC,MAAM,aADa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAA,CACxB,QAAQ,MAAM,CAAC;CAC5C,MAAM,EAAE,qBAAqB,yBAAyBC,+BAAAA,mBAAmB;EACvE;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAqBC,4BAAAA,kBAAkB;EAC3C;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,0BAA0B,UAAU,KAAK,MAC7CA,4BAAAA,kBAAkB;EAChB;EACA,YAAY,MAAM,aAAa,EAAE,EAAE;EACnC;EACA;CACF,CAAC,CACH;CAEA,MAAM,0BAA0B,sBAC5B,CAAC,IACDC,uBAAAA,cAAc;EAAE;EAAO;EAAQ;EAAO;CAAU,CAAC;CAErD,MAAM,sBAA2C,CAAC;CAElD,IAAI,CAAC,qBACH,KAAK,MAAM,KAAK,WAAW;EACzB,MAAM,WAAWA,uBAAAA,cAAc;GAC7B;GACA,QAAQ,MAAM,aAAa,EAAE,EAAE;GAC/B;GACA;EACF,CAAC;EACD,KAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,GACpC,oBAAoB,OAAO;GACzB,GAAG,oBAAoB;GACvB,GAAG,SAAS;EACd;CAEJ;CAGF,MAAM,eAAeC,mBAAAA,UAAU;EAC7B,WAAW,CAAC,IAAI,eAAe,OAAO,OAAO,SAAS;EACtD,GAAG,UAAU,KAAK,MAAM,MAAM,aAAa,EAAE,EAAE,OAAO,OAAO,OAAO,SAAS,CAAC;EAC9E,OAAO,OAAO,OAAO,SAAS;CAChC,CAAC;CAED,MAAM,oBAAoBC,sBAAAA,aAAa;EAAE;EAAO;CAAM,CAAC;CAEvD,QAAQ,UAAU,aAAa;EAC7B,GAAG,aAAa;EAEhB,WAAWC,uBAAAA,aAAa;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,mBAAmB,qBAAqB,CAAC,SAAS,QAAQ,MAAM,CAAC;EACnE,CAAC;EAED,OAAOC,kBAAAA,SAAS;GACd;GACA;GACA;GACA;GACA;GACA;GACA;GACA,gBAAgB;GAChB;GACA;GACA;EACF,CAAC;CACH;AACF"}
+{"version":3,"file":"use-styles.cjs","names":["useCckTheme","useCckClassNamesPrefix","useCckWithStaticClasses","useCckIsHeadless","useStylesTransform","resolveClassNames","resolveStyles","mergeVars","resolveStyle","getClassName","getStyle"],"sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import {\n  Attributes,\n  ClassNames,\n  ClassNamesArray,\n  GetStylesApiOptions,\n  Styles,\n} from '../styles-api.types'\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver'\nimport { useStylesTransform } from './use-transformed-styles'\nimport { resolveClassNames } from './get-class-name/resolve-class-names/resolve-class-names'\nimport { resolveStyles } from './get-style/resolve-styles/resolve-styles'\nimport { mergeVars } from './get-style/resolve-vars/merge-vars'\nimport { resolveStyle } from './get-style/resolve-style/resolve-style'\nimport { getClassName } from './get-class-name/get-class-name'\nimport { Properties } from 'csstype'\nimport { getStyle } from './get-style/get-style'\nimport { FactoryPayload } from '../../factory'\nimport { CStyleProp } from '../../box'\nimport {\n  useCckClassNamesPrefix,\n  useCckIsHeadless,\n  useCckTheme,\n  useCckWithStaticClasses,\n} from '../../config-provider'\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n  name: string | (string | undefined)[]\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never\n  props: Payload['props']\n  stylesCtx?: Payload['ctx']\n  className?: string | undefined\n  style?: CStyleProp\n  rootSelector?: Payload['stylesNames']\n  unstyled?: boolean\n  classNames?: ClassNames<Payload> | ClassNamesArray<Payload>\n  styles?: Styles<Payload>\n  vars?: PartialVarsResolver<Payload>\n  varsResolver?: VarsResolver<Payload>\n  attributes?: Attributes<Payload>\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n  selector: NonNullable<Payload['stylesNames']>,\n  options?: GetStylesApiOptions\n) => {\n  className: string\n  style: Properties\n}\n\nexport function useStyles<Payload extends FactoryPayload>({\n  name,\n  classes,\n  props,\n  stylesCtx,\n  className,\n  style,\n  rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n  unstyled,\n  classNames,\n  styles,\n  vars,\n  varsResolver,\n  attributes,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n  const _theme = useCckTheme()\n  const theme = _theme.value\n  const classNamesPrefix = useCckClassNamesPrefix()\n  const withStaticClasses = useCckWithStaticClasses()\n  const headless = useCckIsHeadless()\n\n  const themeNames = Array.isArray(name) ? name : [name]\n  const themeName = themeNames.filter((n) => n) as string[]\n  const { withStylesTransform, getTransformedStyles } = useStylesTransform({\n    props,\n    stylesCtx,\n    themeName,\n    theme,\n  })\n\n  const resolvedClassNames = resolveClassNames({\n    theme,\n    classNames,\n    props,\n    stylesCtx,\n  })\n  const resolvedThemeClassNames = themeName.map((n) =>\n    resolveClassNames({\n      theme,\n      classNames: theme.components?.[n]?.classNames,\n      props,\n      stylesCtx,\n    })\n  )\n\n  const resolvedComponentStyles = withStylesTransform\n    ? {}\n    : resolveStyles({ theme, styles, props, stylesCtx })\n\n  const resolvedThemeStyles: Record<string, any> = {}\n\n  if (!withStylesTransform) {\n    for (const n of themeName) {\n      const resolved = resolveStyles({\n        theme,\n        styles: theme.components?.[n]?.styles,\n        props,\n        stylesCtx,\n      })\n      for (const key of Object.keys(resolved)) {\n        resolvedThemeStyles[key] = {\n          ...resolvedThemeStyles[key],\n          ...resolved[key],\n        }\n      }\n    }\n  }\n\n  const resolvedVars = mergeVars([\n    headless ? {} : varsResolver?.(theme, props, stylesCtx),\n    ...themeName.map((n) => theme.components?.[n]?.vars?.(theme, props, stylesCtx)),\n    vars?.(theme, props, stylesCtx),\n  ])\n\n  const resolvedRootStyle = resolveStyle({ style, theme })\n\n  return (selector, options) => ({\n    ...attributes?.[selector],\n\n    className: getClassName({\n      theme,\n      options,\n      themeName,\n      selector,\n      classNamesPrefix,\n      resolvedClassNames,\n      resolvedThemeClassNames,\n      classes,\n      unstyled,\n      className,\n      rootSelector,\n      props,\n      stylesCtx,\n      withStaticClasses,\n      headless,\n      transformedStyles: getTransformedStyles([options?.styles, styles]),\n    }),\n\n    style: getStyle({\n      theme,\n      selector,\n      options,\n      props,\n      stylesCtx,\n      rootSelector,\n      withStylesTransform,\n      resolvedStyles: resolvedComponentStyles,\n      resolvedThemeStyles,\n      resolvedVars,\n      resolvedRootStyle,\n    }),\n  })\n}\n"],"mappings":";;;;;;;;;;AAiDA,SAAgB,UAA0C,EACxD,MACA,SACA,OACA,WACA,WACA,OACA,eAAe,QACf,UACA,YACA,QACA,MACA,cACA,cACiD;CAEjD,MAAM,QADSA,gCAAAA,YACI,CAAC,CAAC;CACrB,MAAM,mBAAmBC,gCAAAA,uBAAuB;CAChD,MAAM,oBAAoBC,gCAAAA,wBAAwB;CAClD,MAAM,WAAWC,gCAAAA,iBAAiB;CAGlC,MAAM,aADa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAA,CACxB,QAAQ,MAAM,CAAC;CAC5C,MAAM,EAAE,qBAAqB,yBAAyBC,+BAAAA,mBAAmB;EACvE;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAqBC,4BAAAA,kBAAkB;EAC3C;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,0BAA0B,UAAU,KAAK,MAC7CA,4BAAAA,kBAAkB;EAChB;EACA,YAAY,MAAM,aAAa,EAAE,EAAE;EACnC;EACA;CACF,CAAC,CACH;CAEA,MAAM,0BAA0B,sBAC5B,CAAC,IACDC,uBAAAA,cAAc;EAAE;EAAO;EAAQ;EAAO;CAAU,CAAC;CAErD,MAAM,sBAA2C,CAAC;CAElD,IAAI,CAAC,qBACH,KAAK,MAAM,KAAK,WAAW;EACzB,MAAM,WAAWA,uBAAAA,cAAc;GAC7B;GACA,QAAQ,MAAM,aAAa,EAAE,EAAE;GAC/B;GACA;EACF,CAAC;EACD,KAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,GACpC,oBAAoB,OAAO;GACzB,GAAG,oBAAoB;GACvB,GAAG,SAAS;EACd;CAEJ;CAGF,MAAM,eAAeC,mBAAAA,UAAU;EAC7B,WAAW,CAAC,IAAI,eAAe,OAAO,OAAO,SAAS;EACtD,GAAG,UAAU,KAAK,MAAM,MAAM,aAAa,EAAE,EAAE,OAAO,OAAO,OAAO,SAAS,CAAC;EAC9E,OAAO,OAAO,OAAO,SAAS;CAChC,CAAC;CAED,MAAM,oBAAoBC,sBAAAA,aAAa;EAAE;EAAO;CAAM,CAAC;CAEvD,QAAQ,UAAU,aAAa;EAC7B,GAAG,aAAa;EAEhB,WAAWC,uBAAAA,aAAa;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,mBAAmB,qBAAqB,CAAC,SAAS,QAAQ,MAAM,CAAC;EACnE,CAAC;EAED,OAAOC,kBAAAA,SAAS;GACd;GACA;GACA;GACA;GACA;GACA;GACA;GACA,gBAAgB;GAChB;GACA;GACA;EACF,CAAC;CACH;AACF"}