@cck-ui/core 0.2.0 → 0.3.3

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

@@ -0,0 +1,138 @@
+"use client";
+const require_rem = require("../../utils/units-converters/rem.cjs");
+const require_keys = require("../../utils/keys/keys.cjs");
+const require_get_primary_shade = require("../color-functions/get-primary-shade/get-primary-shade.cjs");
+const require_virtual_color = require("./virtual-color/virtual-color.cjs");
+const require_get_contrast_color = require("../color-functions/get-contrast-color/get-contrast-color.cjs");
+const require_get_css_color_variables = require("./get-css-color-variables.cjs");
+//#region packages/@cck-ui/core/src/core/config-provider/cck-css-variables/default-css-variables-resolver.ts
+function assignSizeVariables(variables, sizes, name) {
+	require_keys.keys(sizes).forEach((size) => Object.assign(variables, { [`--c-${name}-${size}`]: sizes[size] }));
+}
+const defaultCssVariablesResolver = (theme) => {
+	const lightPrimaryShade = require_get_primary_shade.getPrimaryShade(theme, "light");
+	const defaultRadius = theme.defaultRadius in theme.radius ? theme.radius[theme.defaultRadius] : require_rem.rem(theme.defaultRadius);
+	const result = {
+		variables: {
+			"--c-z-index-app": "100",
+			"--c-z-index-modal": "200",
+			"--c-z-index-popover": "300",
+			"--c-z-index-overlay": "400",
+			"--c-z-index-max": "9999",
+			"--c-scale": theme.scale.toString(),
+			"--c-cursor-type": theme.cursorType,
+			"--c-webkit-font-smoothing": theme.fontSmoothing ? "antialiased" : "unset",
+			"--c-moz-font-smoothing": theme.fontSmoothing ? "grayscale" : "unset",
+			"--c-color-white": theme.white,
+			"--c-color-black": theme.black,
+			"--c-line-height": theme.lineHeights.md,
+			"--c-font-family": theme.fontFamily,
+			"--c-font-family-monospace": theme.fontFamilyMonospace,
+			"--c-font-family-headings": theme.headings.fontFamily,
+			"--c-heading-font-weight": theme.headings.fontWeight,
+			"--c-heading-text-wrap": theme.headings.textWrap,
+			"--c-radius-default": defaultRadius,
+			"--c-primary-color-filled": `var(--c-color-${theme.primaryColor}-filled)`,
+			"--c-primary-color-filled-hover": `var(--c-color-${theme.primaryColor}-filled-hover)`,
+			"--c-primary-color-light": `var(--c-color-${theme.primaryColor}-light)`,
+			"--c-primary-color-light-hover": `var(--c-coloar-${theme.primaryColor}-light-hover)`,
+			"--c-primary-color-light-color": `var(--c-coloar-${theme.primaryColor}-light-color)`
+		},
+		light: {
+			"--c-color-scheme": "light",
+			"--c-primary-color-contrast": require_get_contrast_color.getPrimaryContrastColor(theme, "light"),
+			"--c-color-bright": "var(--c-color-black)",
+			"--c-color-text": theme.black,
+			"--c-color-body": theme.white,
+			"--c-color-error": "var(--c-color-red-6)",
+			"--c-color-success": "var(--c-color-teal-8)",
+			"--c-color-placeholder": "var(--c-color-gray-5)",
+			"--c-color-anchor": `var(--c-color-${theme.primaryColor}-${lightPrimaryShade})`,
+			"--c-color-default": "var(--c-color-white)",
+			"--c-color-default-hover": "var(--c-color-gray-0)",
+			"--c-color-default-color": "var(--c-color-black)",
+			"--c-color-default-border": "var(--c-color-gray-4)",
+			"--c-color-dimmed": "var(--c-color-gray-6)",
+			"--c-color-disabled": "var(--c-color-gray-2)",
+			"--c-color-disabled-color": "var(--c-color-gray-5)",
+			"--c-color-disabled-border": "var(--c-color-gray-3)"
+		},
+		dark: {
+			"--c-color-scheme": "dark",
+			"--c-primary-color-contrast": require_get_contrast_color.getPrimaryContrastColor(theme, "dark"),
+			"--c-color-bright": "var(--c-color-white)",
+			"--c-color-text": "var(--c-color-dark-0)",
+			"--c-color-body": "var(--c-color-dark-7)",
+			"--c-color-error": "var(--c-color-red-8)",
+			"--c-color-success": "var(--c-color-teal-8)",
+			"--c-color-placeholder": "var(--c-color-dark-3)",
+			"--c-color-anchor": `var(--c-color-${theme.primaryColor}-4)`,
+			"--c-color-default": "var(--c-color-dark-6)",
+			"--c-color-default-hover": "var(--c-color-dark-5)",
+			"--c-color-default-color": "var(--c-color-white)",
+			"--c-color-default-border": "var(--c-color-dark-4)",
+			"--c-color-dimmed": "var(--c-color-dark-2)",
+			"--c-color-disabled": "var(--c-color-dark-6)",
+			"--c-color-disabled-color": "var(--c-color-dark-3)",
+			"--c-color-disabled-border": "var(--c-color-dark-4)"
+		}
+	};
+	assignSizeVariables(result.variables, theme.breakpoints, "breakpoint");
+	assignSizeVariables(result.variables, theme.spacing, "spacing");
+	assignSizeVariables(result.variables, theme.fontSizes, "font-size");
+	assignSizeVariables(result.variables, theme.lineHeights, "line-height");
+	assignSizeVariables(result.variables, theme.shadows, "shadow");
+	assignSizeVariables(result.variables, theme.radius, "radius");
+	assignSizeVariables(result.variables, theme.fontWeights, "font-weight");
+	theme.colors[theme.primaryColor].forEach((_, index) => {
+		result.variables[`--c-primary-color-${index}`] = `var(--c-color-${theme.primaryColor}-${index})`;
+	});
+	require_keys.keys(theme.colors).forEach((color) => {
+		const value = theme.colors[color];
+		if (require_virtual_color.isVirtualColor(value)) {
+			Object.assign(result.light, require_get_css_color_variables.getCSSColorVariables({
+				theme,
+				name: value.name,
+				color: value.light,
+				colorScheme: "light",
+				withColorValues: true
+			}));
+			Object.assign(result.dark, require_get_css_color_variables.getCSSColorVariables({
+				theme,
+				name: value.name,
+				color: value.dark,
+				colorScheme: "dark",
+				withColorValues: true
+			}));
+			result.light[`--c-color-${value.name}-contrast`] = require_get_contrast_color.getVirtualColorContrast(value, theme, "light");
+			result.dark[`--c-color-${value.name}-contrast`] = require_get_contrast_color.getVirtualColorContrast(value, theme, "dark");
+			return;
+		}
+		value.forEach((shade, index) => {
+			result.variables[`--c-color-${color}-${index}`] = shade;
+		});
+		Object.assign(result.light, require_get_css_color_variables.getCSSColorVariables({
+			theme,
+			color,
+			colorScheme: "light",
+			withColorValues: false
+		}));
+		Object.assign(result.dark, require_get_css_color_variables.getCSSColorVariables({
+			theme,
+			color,
+			colorScheme: "dark",
+			withColorValues: false
+		}));
+	});
+	const headings = theme.headings.sizes;
+	require_keys.keys(headings).forEach((heading) => {
+		result.variables[`--c-${heading}-font-size`] = headings[heading].fontSize;
+		result.variables[`--c-${heading}-line-height`] = headings[heading].lineHeight;
+		result.variables[`--c-${heading}-font-weight`] = headings[heading].fontWeight || theme.headings.fontWeight;
+	});
+	return result;
+};
+//#endregion
+exports.defaultCssVariablesResolver = defaultCssVariablesResolver;
+
+//# sourceMappingURL=default-css-variables-resolver.cjs.map

package/cjs/core/config-provider/cck-css-variables/default-css-variables-resolver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-css-variables-resolver.cjs","names":["getPrimaryShade","rem","getPrimaryContrastColor","isVirtualColor","getCSSColorVariables","getVirtualColorContrast"],"sources":["../../../../src/core/config-provider/cck-css-variables/default-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils'\nimport { getPrimaryShade } from '../color-functions'\nimport {\n  getPrimaryContrastColor,\n  getVirtualColorContrast,\n} from '../color-functions/get-contrast-color/get-contrast-color'\nimport { ConvertCSSVariablesInput } from '../convert-css-variables'\nimport { CTheme } from '../theme.types'\nimport { getCSSColorVariables } from './get-css-color-variables'\nimport { isVirtualColor } from './virtual-color/virtual-color'\n\nexport type CSSVariablesResolver = (theme: CTheme) => ConvertCSSVariablesInput\n\nfunction assignSizeVariables(\n  variables: Record<string, string>,\n  sizes: Record<string, string>,\n  name: string\n) {\n  keys(sizes).forEach((size) => Object.assign(variables, { [`--c-${name}-${size}`]: sizes[size] }))\n}\n\nexport const defaultCssVariablesResolver: CSSVariablesResolver = (theme) => {\n  const lightPrimaryShade = getPrimaryShade(theme, 'light')\n  const defaultRadius =\n    theme.defaultRadius in theme.radius\n      ? theme.radius[theme.defaultRadius as 'xs']\n      : rem(theme.defaultRadius)\n\n  const result: ConvertCSSVariablesInput = {\n    variables: {\n      '--c-z-index-app': '100',\n      '--c-z-index-modal': '200',\n      '--c-z-index-popover': '300',\n      '--c-z-index-overlay': '400',\n      '--c-z-index-max': '9999',\n      '--c-scale': theme.scale.toString(),\n      '--c-cursor-type': theme.cursorType,\n      '--c-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n      '--c-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n      '--c-color-white': theme.white,\n      '--c-color-black': theme.black,\n      '--c-line-height': theme.lineHeights.md,\n      '--c-font-family': theme.fontFamily,\n      '--c-font-family-monospace': theme.fontFamilyMonospace,\n      '--c-font-family-headings': theme.headings.fontFamily,\n      '--c-heading-font-weight': theme.headings.fontWeight,\n      '--c-heading-text-wrap': theme.headings.textWrap,\n      '--c-radius-default': defaultRadius,\n\n      '--c-primary-color-filled': `var(--c-color-${theme.primaryColor}-filled)`,\n      '--c-primary-color-filled-hover': `var(--c-color-${theme.primaryColor}-filled-hover)`,\n      '--c-primary-color-light': `var(--c-color-${theme.primaryColor}-light)`,\n      '--c-primary-color-light-hover': `var(--c-coloar-${theme.primaryColor}-light-hover)`,\n      '--c-primary-color-light-color': `var(--c-coloar-${theme.primaryColor}-light-color)`,\n    },\n    light: {\n      '--c-color-scheme': 'light',\n      '--c-primary-color-contrast': getPrimaryContrastColor(theme, 'light'),\n      '--c-color-bright': 'var(--c-color-black)',\n      '--c-color-text': theme.black,\n      '--c-color-body': theme.white,\n      '--c-color-error': 'var(--c-color-red-6)',\n      '--c-color-success': 'var(--c-color-teal-8)',\n      '--c-color-placeholder': 'var(--c-color-gray-5)',\n      '--c-color-anchor': `var(--c-color-${theme.primaryColor}-${lightPrimaryShade})`,\n      '--c-color-default': 'var(--c-color-white)',\n      '--c-color-default-hover': 'var(--c-color-gray-0)',\n      '--c-color-default-color': 'var(--c-color-black)',\n      '--c-color-default-border': 'var(--c-color-gray-4)',\n      '--c-color-dimmed': 'var(--c-color-gray-6)',\n      '--c-color-disabled': 'var(--c-color-gray-2)',\n      '--c-color-disabled-color': 'var(--c-color-gray-5)',\n      '--c-color-disabled-border': 'var(--c-color-gray-3)',\n    },\n    dark: {\n      '--c-color-scheme': 'dark',\n      '--c-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n      '--c-color-bright': 'var(--c-color-white)',\n      '--c-color-text': 'var(--c-color-dark-0)',\n      '--c-color-body': 'var(--c-color-dark-7)',\n      '--c-color-error': 'var(--c-color-red-8)',\n      '--c-color-success': 'var(--c-color-teal-8)',\n      '--c-color-placeholder': 'var(--c-color-dark-3)',\n      '--c-color-anchor': `var(--c-color-${theme.primaryColor}-4)`,\n      '--c-color-default': 'var(--c-color-dark-6)',\n      '--c-color-default-hover': 'var(--c-color-dark-5)',\n      '--c-color-default-color': 'var(--c-color-white)',\n      '--c-color-default-border': 'var(--c-color-dark-4)',\n      '--c-color-dimmed': 'var(--c-color-dark-2)',\n      '--c-color-disabled': 'var(--c-color-dark-6)',\n      '--c-color-disabled-color': 'var(--c-color-dark-3)',\n      '--c-color-disabled-border': 'var(--c-color-dark-4)',\n    },\n  }\n\n  assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint')\n  assignSizeVariables(result.variables, theme.spacing, 'spacing')\n  assignSizeVariables(result.variables, theme.fontSizes, 'font-size')\n  assignSizeVariables(result.variables, theme.lineHeights, 'line-height')\n  assignSizeVariables(result.variables, theme.shadows, 'shadow')\n  assignSizeVariables(result.variables, theme.radius, 'radius')\n  assignSizeVariables(result.variables, theme.fontWeights, 'font-weight')\n\n  theme.colors[theme.primaryColor].forEach((_, index) => {\n    result.variables[`--c-primary-color-${index}`] = `var(--c-color-${theme.primaryColor}-${index})`\n  })\n\n  keys(theme.colors).forEach((color) => {\n    const value = theme.colors[color]\n\n    if (isVirtualColor(value)) {\n      Object.assign(\n        result.light,\n        getCSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.light,\n          colorScheme: 'light',\n          withColorValues: true,\n        })\n      )\n\n      Object.assign(\n        result.dark,\n        getCSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.dark,\n          colorScheme: 'dark',\n          withColorValues: true,\n        })\n      )\n\n      result.light[`--c-color-${value.name}-contrast`] = getVirtualColorContrast(\n        value,\n        theme,\n        'light'\n      )\n\n      result.dark[`--c-color-${value.name}-contrast`] = getVirtualColorContrast(\n        value,\n        theme,\n        'dark'\n      )\n\n      return\n    }\n\n    value.forEach((shade, index) => {\n      result.variables[`--c-color-${color}-${index}`] = shade\n    })\n\n    Object.assign(\n      result.light,\n      getCSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'light',\n        withColorValues: false,\n      })\n    )\n\n    Object.assign(\n      result.dark,\n      getCSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'dark',\n        withColorValues: false,\n      })\n    )\n  })\n\n  const headings = theme.headings.sizes\n\n  keys(headings).forEach((heading) => {\n    result.variables[`--c-${heading}-font-size`] = headings[heading].fontSize\n    result.variables[`--c-${heading}-line-height`] = headings[heading].lineHeight\n    result.variables[`--c-${heading}-font-weight`] =\n      headings[heading].fontWeight || theme.headings.fontWeight\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;;AAaA,SAAS,oBACP,WACA,OACA,MACA;CACA,aAAA,KAAK,KAAK,CAAC,CAAC,SAAS,SAAS,OAAO,OAAO,WAAW,GAAG,OAAO,KAAK,GAAG,SAAS,MAAM,MAAM,CAAC,CAAC;AAClG;AAEA,MAAa,+BAAqD,UAAU;CAC1E,MAAM,oBAAoBA,0BAAAA,gBAAgB,OAAO,OAAO;CACxD,MAAM,gBACJ,MAAM,iBAAiB,MAAM,SACzB,MAAM,OAAO,MAAM,iBACnBC,YAAAA,IAAI,MAAM,aAAa;CAE7B,MAAM,SAAmC;EACvC,WAAW;GACT,mBAAmB;GACnB,qBAAqB;GACrB,uBAAuB;GACvB,uBAAuB;GACvB,mBAAmB;GACnB,aAAa,MAAM,MAAM,SAAS;GAClC,mBAAmB,MAAM;GACzB,6BAA6B,MAAM,gBAAgB,gBAAgB;GACnE,0BAA0B,MAAM,gBAAgB,cAAc;GAC9D,mBAAmB,MAAM;GACzB,mBAAmB,MAAM;GACzB,mBAAmB,MAAM,YAAY;GACrC,mBAAmB,MAAM;GACzB,6BAA6B,MAAM;GACnC,4BAA4B,MAAM,SAAS;GAC3C,2BAA2B,MAAM,SAAS;GAC1C,yBAAyB,MAAM,SAAS;GACxC,sBAAsB;GAEtB,4BAA4B,iBAAiB,MAAM,aAAa;GAChE,kCAAkC,iBAAiB,MAAM,aAAa;GACtE,2BAA2B,iBAAiB,MAAM,aAAa;GAC/D,iCAAiC,kBAAkB,MAAM,aAAa;GACtE,iCAAiC,kBAAkB,MAAM,aAAa;EACxE;EACA,OAAO;GACL,oBAAoB;GACpB,8BAA8BC,2BAAAA,wBAAwB,OAAO,OAAO;GACpE,oBAAoB;GACpB,kBAAkB,MAAM;GACxB,kBAAkB,MAAM;GACxB,mBAAmB;GACnB,qBAAqB;GACrB,yBAAyB;GACzB,oBAAoB,iBAAiB,MAAM,aAAa,GAAG,kBAAkB;GAC7E,qBAAqB;GACrB,2BAA2B;GAC3B,2BAA2B;GAC3B,4BAA4B;GAC5B,oBAAoB;GACpB,sBAAsB;GACtB,4BAA4B;GAC5B,6BAA6B;EAC/B;EACA,MAAM;GACJ,oBAAoB;GACpB,8BAA8BA,2BAAAA,wBAAwB,OAAO,MAAM;GACnE,oBAAoB;GACpB,kBAAkB;GAClB,kBAAkB;GAClB,mBAAmB;GACnB,qBAAqB;GACrB,yBAAyB;GACzB,oBAAoB,iBAAiB,MAAM,aAAa;GACxD,qBAAqB;GACrB,2BAA2B;GAC3B,2BAA2B;GAC3B,4BAA4B;GAC5B,oBAAoB;GACpB,sBAAsB;GACtB,4BAA4B;GAC5B,6BAA6B;EAC/B;CACF;CAEA,oBAAoB,OAAO,WAAW,MAAM,aAAa,YAAY;CACrE,oBAAoB,OAAO,WAAW,MAAM,SAAS,SAAS;CAC9D,oBAAoB,OAAO,WAAW,MAAM,WAAW,WAAW;CAClE,oBAAoB,OAAO,WAAW,MAAM,aAAa,aAAa;CACtE,oBAAoB,OAAO,WAAW,MAAM,SAAS,QAAQ;CAC7D,oBAAoB,OAAO,WAAW,MAAM,QAAQ,QAAQ;CAC5D,oBAAoB,OAAO,WAAW,MAAM,aAAa,aAAa;CAEtE,MAAM,OAAO,MAAM,aAAa,CAAC,SAAS,GAAG,UAAU;EACrD,OAAO,UAAU,qBAAqB,WAAW,iBAAiB,MAAM,aAAa,GAAG,MAAM;CAChG,CAAC;CAED,aAAA,KAAK,MAAM,MAAM,CAAC,CAAC,SAAS,UAAU;EACpC,MAAM,QAAQ,MAAM,OAAO;EAE3B,IAAIC,sBAAAA,eAAe,KAAK,GAAG;GACzB,OAAO,OACL,OAAO,OACPC,gCAAAA,qBAAqB;IACnB;IACA,MAAM,MAAM;IACZ,OAAO,MAAM;IACb,aAAa;IACb,iBAAiB;GACnB,CAAC,CACH;GAEA,OAAO,OACL,OAAO,MACPA,gCAAAA,qBAAqB;IACnB;IACA,MAAM,MAAM;IACZ,OAAO,MAAM;IACb,aAAa;IACb,iBAAiB;GACnB,CAAC,CACH;GAEA,OAAO,MAAM,aAAa,MAAM,KAAK,cAAcC,2BAAAA,wBACjD,OACA,OACA,OACF;GAEA,OAAO,KAAK,aAAa,MAAM,KAAK,cAAcA,2BAAAA,wBAChD,OACA,OACA,MACF;GAEA;EACF;EAEA,MAAM,SAAS,OAAO,UAAU;GAC9B,OAAO,UAAU,aAAa,MAAM,GAAG,WAAW;EACpD,CAAC;EAED,OAAO,OACL,OAAO,OACPD,gCAAAA,qBAAqB;GACnB;GACA;GACA,aAAa;GACb,iBAAiB;EACnB,CAAC,CACH;EAEA,OAAO,OACL,OAAO,MACPA,gCAAAA,qBAAqB;GACnB;GACA;GACA,aAAa;GACb,iBAAiB;EACnB,CAAC,CACH;CACF,CAAC;CAED,MAAM,WAAW,MAAM,SAAS;CAEhC,aAAA,KAAK,QAAQ,CAAC,CAAC,SAAS,YAAY;EAClC,OAAO,UAAU,OAAO,QAAQ,eAAe,SAAS,QAAQ,CAAC;EACjE,OAAO,UAAU,OAAO,QAAQ,iBAAiB,SAAS,QAAQ,CAAC;EACnE,OAAO,UAAU,OAAO,QAAQ,iBAC9B,SAAS,QAAQ,CAAC,cAAc,MAAM,SAAS;CACnD,CAAC;CAED,OAAO;AACT"}

package/cjs/core/config-provider/cck-css-variables/get-css-color-variables.cjs

@@ -0,0 +1,64 @@
+"use client";
+const require_darken = require("../color-functions/darken/darken.cjs");
+const require_rgba = require("../color-functions/rgba/rgba.cjs");
+const require_get_primary_shade = require("../color-functions/get-primary-shade/get-primary-shade.cjs");
+//#region packages/@cck-ui/core/src/core/config-provider/cck-css-variables/get-css-color-variables.ts
+function getCSSColorVariables({ theme, color, colorScheme, name = color, withColorValues = true }) {
+	if (!theme.colors[color]) return {};
+	if (colorScheme === "light") {
+		const primaryShade = require_get_primary_shade.getPrimaryShade(theme, "light");
+		const dynamicVariables = {
+			[`--c-color-${name}-text`]: `var(--c-color-${name}-filled)`,
+			[`--c-color-${name}-filled`]: `var(--c-color-${name}-${primaryShade})`,
+			[`--c-color-${name}-filled-hover`]: `var(--c-color-${name}-${primaryShade === 9 ? 8 : primaryShade + 1})`,
+			[`--c-color-${name}-light`]: `var(--c-color-${name}-1)`,
+			[`--c-color-${name}-light-hover`]: `var(--c-color-${name}-2)`,
+			[`--c-color-${name}-light-color`]: `var(--c-color-${name}-9)`,
+			[`--c-color-${name}-outline`]: `var(--c-color-${name}-${primaryShade})`,
+			[`--c-color-${name}-outline-hover`]: require_rgba.alpha(theme.colors[color][primaryShade], .05)
+		};
+		if (!withColorValues) return dynamicVariables;
+		return {
+			[`--c-color-${name}-0`]: theme.colors[color][0],
+			[`--c-color-${name}-1`]: theme.colors[color][1],
+			[`--c-color-${name}-2`]: theme.colors[color][2],
+			[`--c-color-${name}-3`]: theme.colors[color][3],
+			[`--c-color-${name}-4`]: theme.colors[color][4],
+			[`--c-color-${name}-5`]: theme.colors[color][5],
+			[`--c-color-${name}-6`]: theme.colors[color][6],
+			[`--c-color-${name}-7`]: theme.colors[color][7],
+			[`--c-color-${name}-8`]: theme.colors[color][8],
+			[`--c-color-${name}-9`]: theme.colors[color][9],
+			...dynamicVariables
+		};
+	}
+	const primaryShade = require_get_primary_shade.getPrimaryShade(theme, "dark");
+	const dynamicVariables = {
+		[`--c-color-${name}-text`]: `var(--c-color-${name}-4)`,
+		[`--c-color-${name}-filled`]: `var(--c-color-${name}-${primaryShade})`,
+		[`--c-color-${name}-filled-hover`]: `var(--c-color-${name}-${primaryShade === 9 ? 8 : primaryShade + 1})`,
+		[`--c-color-${name}-light`]: require_darken.darken(theme.colors[color][9], .5),
+		[`--c-color-${name}-light-hover`]: require_darken.darken(theme.colors[color][9], .3),
+		[`--c-color-${name}-light-color`]: `var(--c-color-${name}-0)`,
+		[`--c-color-${name}-outline`]: `var(--c-color-${name}-${Math.max(primaryShade - 4), 0})`,
+		[`--c-color-${name}-outline-hover`]: require_rgba.alpha(theme.colors[color][Math.max(primaryShade - 4, 0)], .05)
+	};
+	if (!withColorValues) return dynamicVariables;
+	return {
+		[`--c-color-${name}-0`]: theme.colors[color][0],
+		[`--c-color-${name}-1`]: theme.colors[color][1],
+		[`--c-color-${name}-2`]: theme.colors[color][2],
+		[`--c-color-${name}-3`]: theme.colors[color][3],
+		[`--c-color-${name}-4`]: theme.colors[color][4],
+		[`--c-color-${name}-5`]: theme.colors[color][5],
+		[`--c-color-${name}-6`]: theme.colors[color][6],
+		[`--c-color-${name}-7`]: theme.colors[color][7],
+		[`--c-color-${name}-8`]: theme.colors[color][8],
+		[`--c-color-${name}-9`]: theme.colors[color][9],
+		...dynamicVariables
+	};
+}
+//#endregion
+exports.getCSSColorVariables = getCSSColorVariables;
+
+//# sourceMappingURL=get-css-color-variables.cjs.map

package/cjs/core/config-provider/cck-css-variables/get-css-color-variables.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-css-color-variables.cjs","names":["getPrimaryShade","alpha","darken"],"sources":["../../../../src/core/config-provider/cck-css-variables/get-css-color-variables.ts"],"sourcesContent":["import { alpha, darken, getPrimaryShade } from '../color-functions'\nimport { CColor, CTheme } from '../theme.types'\n\ninterface GetColorVariablesInput {\n  theme: CTheme\n  color: CColor\n  colorScheme: 'light' | 'dark'\n  name?: string\n  withColorValues?: boolean\n}\n\nexport function getCSSColorVariables({\n  theme,\n  color,\n  colorScheme,\n  name = color,\n  withColorValues = true,\n}: GetColorVariablesInput) {\n  if (!theme.colors[color]) {\n    return {}\n  }\n\n  if (colorScheme === 'light') {\n    const primaryShade = getPrimaryShade(theme, 'light')\n\n    const dynamicVariables = {\n      [`--c-color-${name}-text`]: `var(--c-color-${name}-filled)`,\n      [`--c-color-${name}-filled`]: `var(--c-color-${name}-${primaryShade})`,\n      [`--c-color-${name}-filled-hover`]: `var(--c-color-${name}-${primaryShade === 9 ? 8 : primaryShade + 1})`,\n      [`--c-color-${name}-light`]: `var(--c-color-${name}-${1})`,\n      [`--c-color-${name}-light-hover`]: `var(--c-color-${name}-${2})`,\n      [`--c-color-${name}-light-color`]: `var(--c-color-${name}-${9})`,\n      [`--c-color-${name}-outline`]: `var(--c-color-${name}-${primaryShade})`,\n      [`--c-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n    }\n\n    if (!withColorValues) {\n      return dynamicVariables\n    }\n\n    return {\n      [`--c-color-${name}-0`]: theme.colors[color][0],\n      [`--c-color-${name}-1`]: theme.colors[color][1],\n      [`--c-color-${name}-2`]: theme.colors[color][2],\n      [`--c-color-${name}-3`]: theme.colors[color][3],\n      [`--c-color-${name}-4`]: theme.colors[color][4],\n      [`--c-color-${name}-5`]: theme.colors[color][5],\n      [`--c-color-${name}-6`]: theme.colors[color][6],\n      [`--c-color-${name}-7`]: theme.colors[color][7],\n      [`--c-color-${name}-8`]: theme.colors[color][8],\n      [`--c-color-${name}-9`]: theme.colors[color][9],\n      ...dynamicVariables,\n    }\n  }\n\n  const primaryShade = getPrimaryShade(theme, 'dark')\n  const dynamicVariables = {\n    [`--c-color-${name}-text`]: `var(--c-color-${name}-4)`,\n    [`--c-color-${name}-filled`]: `var(--c-color-${name}-${primaryShade})`,\n    [`--c-color-${name}-filled-hover`]: `var(--c-color-${name}-${primaryShade === 9 ? 8 : primaryShade + 1})`,\n    [`--c-color-${name}-light`]: darken(theme.colors[color][9], 0.5),\n    [`--c-color-${name}-light-hover`]: darken(theme.colors[color][9], 0.3),\n    [`--c-color-${name}-light-color`]: `var(--c-color-${name}-0)`,\n    [`--c-color-${name}-outline`]: `var(--c-color-${name}-${(Math.max(primaryShade - 4), 0)})`,\n    [`--c-color-${name}-outline-hover`]: alpha(\n      theme.colors[color][Math.max(primaryShade - 4, 0)],\n      0.05\n    ),\n  }\n\n  if (!withColorValues) {\n    return dynamicVariables\n  }\n\n  return {\n    [`--c-color-${name}-0`]: theme.colors[color][0],\n    [`--c-color-${name}-1`]: theme.colors[color][1],\n    [`--c-color-${name}-2`]: theme.colors[color][2],\n    [`--c-color-${name}-3`]: theme.colors[color][3],\n    [`--c-color-${name}-4`]: theme.colors[color][4],\n    [`--c-color-${name}-5`]: theme.colors[color][5],\n    [`--c-color-${name}-6`]: theme.colors[color][6],\n    [`--c-color-${name}-7`]: theme.colors[color][7],\n    [`--c-color-${name}-8`]: theme.colors[color][8],\n    [`--c-color-${name}-9`]: theme.colors[color][9],\n    ...dynamicVariables,\n  }\n}\n"],"mappings":"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"}

package/cjs/core/config-provider/cck-css-variables/virtual-color/virtual-color.cjs

@@ -0,0 +1,39 @@
+"use client";
+const require_colors_tuple = require("../../color-functions/colors-tuple/colors-tuple.cjs");
+//#region packages/@cck-ui/core/src/core/config-provider/cck-css-variables/virtual-color/virtual-color.ts
+function virtualColor(input) {
+	const result = require_colors_tuple.colorsTuple(Array.from({ length: 10 }).map((_, i) => `var(--c-color-${input.name}-${i})`));
+	Object.defineProperty(result, "c-virtual-color", {
+		enumerable: false,
+		writable: false,
+		configurable: false,
+		value: true
+	});
+	Object.defineProperty(result, "dark", {
+		enumerable: false,
+		writable: false,
+		configurable: false,
+		value: input.dark
+	});
+	Object.defineProperty(result, "light", {
+		enumerable: false,
+		writable: false,
+		configurable: false,
+		value: input.light
+	});
+	Object.defineProperty(result, "name", {
+		enumerable: false,
+		writable: false,
+		configurable: false,
+		value: input.name
+	});
+	return result;
+}
+function isVirtualColor(value) {
+	return !!value && typeof value === "object" && "c-virtual-color" in value;
+}
+//#endregion
+exports.isVirtualColor = isVirtualColor;
+exports.virtualColor = virtualColor;
+
+//# sourceMappingURL=virtual-color.cjs.map

package/cjs/core/config-provider/cck-css-variables/virtual-color/virtual-color.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-color.cjs","names":["colorsTuple"],"sources":["../../../../../src/core/config-provider/cck-css-variables/virtual-color/virtual-color.ts"],"sourcesContent":["import {} from '../../color-functions'\nimport { colorsTuple } from '../../color-functions/colors-tuple/colors-tuple'\nimport { CColor, CColorsTuple } from '../../theme.types'\n\ninterface VirtualColorInput {\n  dark: CColor\n  light: CColor\n  name: string\n}\n\ntype VirtualColor = CColorsTuple & {\n  'c-virtual-color': true\n  name: string\n  dark: CColor\n  light: CColor\n}\n\nexport function virtualColor(input: VirtualColorInput): CColorsTuple {\n  const result = colorsTuple(\n    Array.from({ length: 10 }).map((_, i) => `var(--c-color-${input.name}-${i})`)\n  )\n\n  Object.defineProperty(result, 'c-virtual-color', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: true,\n  })\n\n  Object.defineProperty(result, 'dark', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.dark,\n  })\n\n  Object.defineProperty(result, 'light', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.light,\n  })\n\n  Object.defineProperty(result, 'name', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.name,\n  })\n\n  return result\n}\n\nexport function isVirtualColor(value: unknown): value is VirtualColor {\n  return !!value && typeof value === 'object' && 'c-virtual-color' in value\n}\n"],"mappings":";;;AAiBA,SAAgB,aAAa,OAAwC;CACnE,MAAM,SAASA,qBAAAA,YACb,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,iBAAiB,MAAM,KAAK,GAAG,EAAE,EAAE,CAC9E;CAEA,OAAO,eAAe,QAAQ,mBAAmB;EAC/C,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO;CACT,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,SAAS;EACrC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,eAAe,OAAuC;CACpE,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,qBAAqB;AACtE"}

package/cjs/core/config-provider/color-functions/colors-tuple/colors-tuple.cjs

@@ -0,0 +1,10 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/colors-tuple/colors-tuple.ts
+function colorsTuple(input) {
+	if (Array.isArray(input)) return input;
+	return Array(10).fill(input);
+}
+//#endregion
+exports.colorsTuple = colorsTuple;
+
+//# sourceMappingURL=colors-tuple.cjs.map

package/cjs/core/config-provider/color-functions/colors-tuple/colors-tuple.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-tuple.cjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/colors-tuple/colors-tuple.ts"],"sourcesContent":["import { CColorsTuple } from '../../theme.types'\n\nexport function colorsTuple(input: string | string[]): CColorsTuple {\n  if (Array.isArray(input)) {\n    return input as unknown as CColorsTuple\n  }\n\n  return Array(10).fill(input) as unknown as CColorsTuple\n}\n"],"mappings":";;AAEA,SAAgB,YAAY,OAAwC;CAClE,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO;CAGT,OAAO,MAAM,EAAE,CAAC,CAAC,KAAK,KAAK;AAC7B"}

package/cjs/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs

@@ -85,6 +85,28 @@ const defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoCon
 			border: `${require_rem.rem(1)} solid ${color}`
 		};
 	}
+	if (variant === "dashed") {
+		if (parsed.isThemeColor) {
+			if (parsed.shade === void 0) return {
+				background: "transparent",
+				hover: `var(--c-color-${color}-outline-hover)`,
+				color: `var(--c-color-${color}-outline)`,
+				border: `${require_rem.rem(1)} dashed var(--c-color-${color}-outline)`
+			};
+			return {
+				background: "transparent",
+				hover: require_rgba.rgba(theme.colors[parsed.color][parsed.shade], .05),
+				color: `var(--c-color-${parsed.color}-${parsed.shade})`,
+				border: `${require_rem.rem(1)} dashed var(--c-color-${parsed.color}-${parsed.shade})`
+			};
+		}
+		return {
+			background: "transparent",
+			hover: require_rgba.rgba(color, .05),
+			color,
+			border: `${require_rem.rem(1)} dashed ${color}`
+		};
+	}
 	if (variant === "subtle") {
 		if (parsed.isThemeColor) {
 			if (parsed.shade === void 0) return {

package/cjs/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"default-variant-colors-resolver.cjs","names":["parseThemeColor","rem","darken","rgba","getGradient"],"sources":["../../../../../src/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts"],"sourcesContent":["import { darken } from '../darken/darken'\nimport { rgba } from '../rgba/rgba'\nimport { getGradient } from '../get-gradient/get-gradient'\nimport { CColor, CGradient, CTheme } from '../../theme.types'\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color'\nimport { rem } from '../../../utils'\n\nexport interface VariantColorsResolverInput {\n  color: CColor | undefined\n  theme: CTheme\n  variant: string\n  gradient?: CGradient\n  autoContrast?: boolean\n}\n\nexport interface VariantColorsResolverResult {\n  background: string\n  hover: string\n  color: string\n  border: string\n  hoverColor?: string\n}\n\nexport type VariantColorsResolver = (\n  input: VariantColorsResolverInput\n) => VariantColorsResolverResult\n\nexport const defaultVariantColorsResolver: VariantColorsResolver = ({\n  color,\n  theme,\n  variant,\n  gradient,\n  autoContrast,\n}) => {\n  const parsed = parseThemeColor({ color, theme })\n\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast\n\n  if (variant === 'none') {\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: 'inherit',\n      border: 'none',\n    }\n  }\n\n  if (variant === 'filled') {\n    const textColor = _autoContrast\n      ? parsed.isLight\n        ? 'var(--c-color-black)'\n        : 'var(--c-color-white)'\n      : 'var(--c-color-white)'\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--c-color-${color}-filled)`,\n          hover: `var(--c-color-${color}-filled-hover)`,\n          color: textColor,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      return {\n        background: `var(--c-color-${parsed.color}-${parsed.shade})`,\n        hover: `var(--c-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,\n        color: textColor,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: color!,\n      hover: darken(color!, 0.1),\n      color: textColor,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'light') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--c-color-${color}-light)`,\n          hover: `var(--c-color-${color}-light-hover)`,\n          color: `var(--c-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade]\n\n      return {\n        background: parsedColor,\n        hover: darken(parsedColor, 0.1),\n        color: `var(--c-color-${parsed.color}-light-color)`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: rgba(color!, 0.1),\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'outline') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--c-color-${color}-outline-hover)`,\n          color: `var(--c-color-${color}-outline)`,\n          border: `${rem(1)} solid var(--c-color-${color}-outline)`,\n        }\n      }\n\n      return {\n        background: 'transparent',\n        hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n        color: `var(--c-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid var(--c-color-${parsed.color}-${parsed.shade})`,\n      }\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.05),\n      color: color!,\n      border: `${rem(1)} solid ${color}`,\n    }\n  }\n\n  if (variant === 'subtle') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--c-color-${color}-light-hover)`,\n          color: `var(--c-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade]\n\n      return {\n        background: 'transparent',\n        hover: rgba(parsedColor, 0.12),\n        color: `var(--c-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'transparent') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: 'transparent',\n          color: `var(--c-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      return {\n        background: 'transparent',\n        hover: 'transparent',\n        color: `var(--c-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'white') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'var(--c-color-white)',\n          hover: darken(theme.white, 0.01),\n          color: `var(--c-color-${color}-filled)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      return {\n        background: 'var(--c-color-white)',\n        hover: darken(theme.white, 0.01),\n        color: `var(--c-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: 'var(--c-color-white)',\n      hover: darken(theme.white, 0.01),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'gradient') {\n    return {\n      background: getGradient(gradient, theme),\n      hover: getGradient(gradient, theme),\n      color: 'var(--c-color-white)',\n      border: 'none',\n    }\n  }\n\n  if (variant === 'default') {\n    return {\n      background: 'var(--c-color-default)',\n      hover: 'var(--c-color-default-hover)',\n      color: 'var(--c-color-default-color)',\n      border: `${rem(1)} solid var(--c-color-default-border)`,\n    }\n  }\n\n  return {} as VariantColorsResolverResult\n}\n"],"mappings":";;;;;;;AA2BA,MAAa,gCAAuD,EAClE,OACA,OACA,SACA,UACA,mBACI;CACJ,MAAM,SAASA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAE/C,MAAM,gBAAgB,OAAO,iBAAiB,YAAY,eAAe,MAAM;CAE/E,IAAI,YAAY,QACd,OAAO;EACL,YAAY;EACZ,OAAO;EACP,OAAO;EACP,QAAQ;CACV;CAGF,IAAI,YAAY,UAAU;EACxB,MAAM,YAAY,gBACd,OAAO,UACL,yBACA,yBACF;EACJ,IAAI,OAAO,cAAc;GACvB,IAAI,OAAO,UAAU,KAAA,GACnB,OAAO;IACL,YAAY,iBAAiB,MAAM;IACnC,OAAO,iBAAiB,MAAM;IAC9B,OAAO;IACP,QAAQ,GAAGC,YAAAA,IAAI,CAAC,EAAE;GACpB;GAGF,OAAO;IACL,YAAY,iBAAiB,OAAO,MAAM,GAAG,OAAO,MAAM;IAC1D,OAAO,iBAAiB,OAAO,MAAM,GAAG,OAAO,UAAU,IAAI,IAAI,OAAO,QAAQ,EAAE;IAClF,OAAO;IACP,QAAQ,GAAGA,YAAAA,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAOC,eAAAA,OAAO,OAAQ,EAAG;GACzB,OAAO;GACP,QAAQ,GAAGD,YAAAA,IAAI,CAAC,EAAE;EACpB;CACF;CAEA,IAAI,YAAY,SAAS;EACvB,IAAI,OAAO,cAAc;GACvB,IAAI,OAAO,UAAU,KAAA,GACnB,OAAO;IACL,YAAY,iBAAiB,MAAM;IACnC,OAAO,iBAAiB,MAAM;IAC9B,OAAO,iBAAiB,MAAM;IAC9B,QAAQ,GAAGA,YAAAA,IAAI,CAAC,EAAE;GACpB;GAGF,MAAM,cAAc,MAAM,OAAO,OAAO,MAAM,CAAC,OAAO;GAEtD,OAAO;IACL,YAAY;IACZ,OAAOC,eAAAA,OAAO,aAAa,EAAG;IAC9B,OAAO,iBAAiB,OAAO,MAAM;IACrC,QAAQ,GAAGD,YAAAA,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAYE,aAAAA,KAAK,OAAQ,EAAG;GAC5B,OAAOA,aAAAA,KAAK,OAAQ,GAAI;GACjB;GACP,QAAQ,GAAGF,YAAAA,IAAI,CAAC,EAAE;EACpB;CACF;CAEA,IAAI,YAAY,WAAW;EACzB,IAAI,OAAO,cAAc;GACvB,IAAI,OAAO,UAAU,KAAA,GACnB,OAAO;IACL,YAAY;IACZ,OAAO,iBAAiB,MAAM;IAC9B,OAAO,iBAAiB,MAAM;IAC9B,QAAQ,GAAGA,YAAAA,IAAI,CAAC,EAAE,uBAAuB,MAAM;GACjD;GAGF,OAAO;IACL,YAAY;IACZ,OAAOE,aAAAA,KAAK,MAAM,OAAO,OAAO,MAAM,CAAC,OAAO,QAAQ,GAAI;IAC1D,OAAO,iBAAiB,OAAO,MAAM,GAAG,OAAO,MAAM;IACrD,QAAQ,GAAGF,YAAAA,IAAI,CAAC,EAAE,uBAAuB,OAAO,MAAM,GAAG,OAAO,MAAM;GACxE;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAOE,aAAAA,KAAK,OAAQ,GAAI;GACjB;GACP,QAAQ,GAAGF,YAAAA,IAAI,CAAC,EAAE,SAAS;EAC7B;CACF;CAEA,IAAI,YAAY,UAAU;EACxB,IAAI,OAAO,cAAc;GACvB,IAAI,OAAO,UAAU,KAAA,GACnB,OAAO;IACL,YAAY;IACZ,OAAO,iBAAiB,MAAM;IAC9B,OAAO,iBAAiB,MAAM;IAC9B,QAAQ,GAAGA,YAAAA,IAAI,CAAC,EAAE;GACpB;GAGF,MAAM,cAAc,MAAM,OAAO,OAAO,MAAM,CAAC,OAAO;GAEtD,OAAO;IACL,YAAY;IACZ,OAAOE,aAAAA,KAAK,aAAa,GAAI;IAC7B,OAAO,iBAAiB,OAAO,MAAM,GAAG,KAAK,IAAI,OAAO,OAAO,CAAC,EAAE;IAClE,QAAQ,GAAGF,YAAAA,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAOE,aAAAA,KAAK,OAAQ,GAAI;GACjB;GACP,QAAQ,GAAGF,YAAAA,IAAI,CAAC,EAAE;EACpB;CACF;CAEA,IAAI,YAAY,eAAe;EAC7B,IAAI,OAAO,cAAc;GACvB,IAAI,OAAO,UAAU,KAAA,GACnB,OAAO;IACL,YAAY;IACZ,OAAO;IACP,OAAO,iBAAiB,MAAM;IAC9B,QAAQ,GAAGA,YAAAA,IAAI,CAAC,EAAE;GACpB;GAGF,OAAO;IACL,YAAY;IACZ,OAAO;IACP,OAAO,iBAAiB,OAAO,MAAM,GAAG,KAAK,IAAI,OAAO,OAAO,CAAC,EAAE;IAClE,QAAQ,GAAGA,YAAAA,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAO;GACA;GACP,QAAQ,GAAGA,YAAAA,IAAI,CAAC,EAAE;EACpB;CACF;CAEA,IAAI,YAAY,SAAS;EACvB,IAAI,OAAO,cAAc;GACvB,IAAI,OAAO,UAAU,KAAA,GACnB,OAAO;IACL,YAAY;IACZ,OAAOC,eAAAA,OAAO,MAAM,OAAO,GAAI;IAC/B,OAAO,iBAAiB,MAAM;IAC9B,QAAQ,GAAGD,YAAAA,IAAI,CAAC,EAAE;GACpB;GAGF,OAAO;IACL,YAAY;IACZ,OAAOC,eAAAA,OAAO,MAAM,OAAO,GAAI;IAC/B,OAAO,iBAAiB,OAAO,MAAM,GAAG,OAAO,MAAM;IACrD,QAAQ,GAAGD,YAAAA,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAOC,eAAAA,OAAO,MAAM,OAAO,GAAI;GACxB;GACP,QAAQ,GAAGD,YAAAA,IAAI,CAAC,EAAE;EACpB;CACF;CAEA,IAAI,YAAY,YACd,OAAO;EACL,YAAYG,qBAAAA,YAAY,UAAU,KAAK;EACvC,OAAOA,qBAAAA,YAAY,UAAU,KAAK;EAClC,OAAO;EACP,QAAQ;CACV;CAGF,IAAI,YAAY,WACd,OAAO;EACL,YAAY;EACZ,OAAO;EACP,OAAO;EACP,QAAQ,GAAGH,YAAAA,IAAI,CAAC,EAAE;CACpB;CAGF,OAAO,CAAC;AACV"}
+{"version":3,"file":"default-variant-colors-resolver.cjs","names":["parseThemeColor","rem","darken","rgba","getGradient"],"sources":["../../../../../src/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts"],"sourcesContent":["import { darken } from '../darken/darken'\nimport { rgba } from '../rgba/rgba'\nimport { getGradient } from '../get-gradient/get-gradient'\nimport { CColor, CGradient, CTheme } from '../../theme.types'\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color'\nimport { rem } from '../../../utils'\n\nexport interface VariantColorsResolverInput {\n  color: CColor | undefined\n  theme: CTheme\n  variant: string\n  gradient?: CGradient\n  autoContrast?: boolean\n}\n\nexport interface VariantColorsResolverResult {\n  background: string\n  hover: string\n  color: string\n  border: string\n  hoverColor?: string\n}\n\nexport type VariantColorsResolver = (\n  input: VariantColorsResolverInput\n) => VariantColorsResolverResult\n\nexport const defaultVariantColorsResolver: VariantColorsResolver = ({\n  color,\n  theme,\n  variant,\n  gradient,\n  autoContrast,\n}) => {\n  const parsed = parseThemeColor({ color, theme })\n\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast\n\n  if (variant === 'none') {\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: 'inherit',\n      border: 'none',\n    }\n  }\n\n  if (variant === 'filled') {\n    const textColor = _autoContrast\n      ? parsed.isLight\n        ? 'var(--c-color-black)'\n        : 'var(--c-color-white)'\n      : 'var(--c-color-white)'\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--c-color-${color}-filled)`,\n          hover: `var(--c-color-${color}-filled-hover)`,\n          color: textColor,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      return {\n        background: `var(--c-color-${parsed.color}-${parsed.shade})`,\n        hover: `var(--c-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,\n        color: textColor,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: color!,\n      hover: darken(color!, 0.1),\n      color: textColor,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'light') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--c-color-${color}-light)`,\n          hover: `var(--c-color-${color}-light-hover)`,\n          color: `var(--c-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade]\n\n      return {\n        background: parsedColor,\n        hover: darken(parsedColor, 0.1),\n        color: `var(--c-color-${parsed.color}-light-color)`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: rgba(color!, 0.1),\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'outline') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--c-color-${color}-outline-hover)`,\n          color: `var(--c-color-${color}-outline)`,\n          border: `${rem(1)} solid var(--c-color-${color}-outline)`,\n        }\n      }\n\n      return {\n        background: 'transparent',\n        hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n        color: `var(--c-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid var(--c-color-${parsed.color}-${parsed.shade})`,\n      }\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.05),\n      color: color!,\n      border: `${rem(1)} solid ${color}`,\n    }\n  }\n\n  if (variant === 'dashed') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--c-color-${color}-outline-hover)`,\n          color: `var(--c-color-${color}-outline)`,\n          border: `${rem(1)} dashed var(--c-color-${color}-outline)`,\n        }\n      }\n\n      return {\n        background: 'transparent',\n        hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n        color: `var(--c-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} dashed var(--c-color-${parsed.color}-${parsed.shade})`,\n      }\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.05),\n      color: color!,\n      border: `${rem(1)} dashed ${color}`,\n    }\n  }\n\n  if (variant === 'subtle') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--c-color-${color}-light-hover)`,\n          color: `var(--c-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade]\n\n      return {\n        background: 'transparent',\n        hover: rgba(parsedColor, 0.12),\n        color: `var(--c-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'transparent') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: 'transparent',\n          color: `var(--c-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      return {\n        background: 'transparent',\n        hover: 'transparent',\n        color: `var(--c-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'white') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'var(--c-color-white)',\n          hover: darken(theme.white, 0.01),\n          color: `var(--c-color-${color}-filled)`,\n          border: `${rem(1)} solid transparent`,\n        }\n      }\n\n      return {\n        background: 'var(--c-color-white)',\n        hover: darken(theme.white, 0.01),\n        color: `var(--c-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid transparent`,\n      }\n    }\n\n    return {\n      background: 'var(--c-color-white)',\n      hover: darken(theme.white, 0.01),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    }\n  }\n\n  if (variant === 'gradient') {\n    return {\n      background: getGradient(gradient, theme),\n      hover: getGradient(gradient, theme),\n      color: 'var(--c-color-white)',\n      border: 'none',\n    }\n  }\n\n  if (variant === 'default') {\n    return {\n      background: 'var(--c-color-default)',\n      hover: 'var(--c-color-default-hover)',\n      color: 'var(--c-color-default-color)',\n      border: `${rem(1)} solid var(--c-color-default-border)`,\n    }\n  }\n\n  return {} as VariantColorsResolverResult\n}\n"],"mappings":"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"}

package/cjs/core/config-provider/color-functions/get-contrast-color/get-contrast-color.cjs

@@ -0,0 +1,39 @@
+"use client";
+const require_get_primary_shade = require("../get-primary-shade/get-primary-shade.cjs");
+const require_parse_theme_color = require("../parse-theme-color/parse-theme-color.cjs");
+const require_virtual_color = require("../../cck-css-variables/virtual-color/virtual-color.cjs");
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/get-contrast-color/get-contrast-color.ts
+function getContrastColor({ color, theme, autoContrast, colorScheme }) {
+	if (!(typeof autoContrast === "boolean" ? autoContrast : theme.autoContrast)) return `var(--c-color-white)`;
+	return require_parse_theme_color.parseThemeColor({
+		color: color || theme.primaryColor,
+		theme,
+		colorScheme
+	}).isLight ? "var(--c-color-black)" : `var(--c-color-white)`;
+}
+function getVirtualColorContrast(value, theme, colorScheme) {
+	return getContrastColor({
+		color: colorScheme === "dark" ? value.dark : value.light,
+		theme,
+		colorScheme,
+		autoContrast: true
+	});
+}
+function getPrimaryContrastColor(theme, colorScheme) {
+	const primaryColor = theme.colors[theme.primaryColor];
+	if (require_virtual_color.isVirtualColor(primaryColor)) {
+		if (!theme.autoContrast) return "var(--c-color-white)";
+		return getVirtualColorContrast(primaryColor, theme, colorScheme);
+	}
+	return getContrastColor({
+		color: primaryColor[require_get_primary_shade.getPrimaryShade(theme, colorScheme)],
+		theme,
+		autoContrast: null
+	});
+}
+//#endregion
+exports.getContrastColor = getContrastColor;
+exports.getPrimaryContrastColor = getPrimaryContrastColor;
+exports.getVirtualColorContrast = getVirtualColorContrast;
+
+//# sourceMappingURL=get-contrast-color.cjs.map

package/cjs/core/config-provider/color-functions/get-contrast-color/get-contrast-color.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-contrast-color.cjs","names":["parseThemeColor","isVirtualColor","getPrimaryShade"],"sources":["../../../../../src/core/config-provider/color-functions/get-contrast-color/get-contrast-color.ts"],"sourcesContent":["import type { CColor, CColorScheme, CTheme } from '../../theme.types'\nimport { isVirtualColor } from '../../cck-css-variables/virtual-color/virtual-color'\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade'\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color'\n\ninterface GetContrastColorInput {\n  color: string | null | undefined\n  theme: CTheme\n  autoContrast?: boolean | undefined | null\n  colorScheme?: CColorScheme\n}\n\nexport function getContrastColor({\n  color,\n  theme,\n  autoContrast,\n  colorScheme,\n}: GetContrastColorInput) {\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast\n\n  if (!_autoContrast) {\n    return `var(--c-color-white)`\n  }\n\n  const parsed = parseThemeColor({ color: color || theme.primaryColor, theme, colorScheme })\n  return parsed.isLight ? 'var(--c-color-black)' : `var(--c-color-white)`\n}\n\nexport function getVirtualColorContrast(\n  value: { light: CColor; dark: CColor },\n  theme: CTheme,\n  colorScheme: 'light' | 'dark'\n) {\n  return getContrastColor({\n    color: colorScheme === 'dark' ? value.dark : value.light,\n    theme,\n    colorScheme,\n    autoContrast: true,\n  })\n}\n\nexport function getPrimaryContrastColor(theme: CTheme, colorScheme: 'light' | 'dark') {\n  const primaryColor = theme.colors[theme.primaryColor]\n\n  if (isVirtualColor(primaryColor)) {\n    if (!theme.autoContrast) {\n      return 'var(--c-color-white)'\n    }\n\n    return getVirtualColorContrast(primaryColor, theme, colorScheme)\n  }\n\n  return getContrastColor({\n    color: primaryColor[getPrimaryShade(theme, colorScheme)],\n    theme,\n    autoContrast: null,\n  })\n}\n"],"mappings":";;;;;AAYA,SAAgB,iBAAiB,EAC/B,OACA,OACA,cACA,eACwB;CAGxB,IAAI,EAFkB,OAAO,iBAAiB,YAAY,eAAe,MAAM,eAG7E,OAAO;CAIT,OADeA,0BAAAA,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;EAAO;CAAY,CAC5E,CAAC,CAAC,UAAU,yBAAyB;AACnD;AAEA,SAAgB,wBACd,OACA,OACA,aACA;CACA,OAAO,iBAAiB;EACtB,OAAO,gBAAgB,SAAS,MAAM,OAAO,MAAM;EACnD;EACA;EACA,cAAc;CAChB,CAAC;AACH;AAEA,SAAgB,wBAAwB,OAAe,aAA+B;CACpF,MAAM,eAAe,MAAM,OAAO,MAAM;CAExC,IAAIC,sBAAAA,eAAe,YAAY,GAAG;EAChC,IAAI,CAAC,MAAM,cACT,OAAO;EAGT,OAAO,wBAAwB,cAAc,OAAO,WAAW;CACjE;CAEA,OAAO,iBAAiB;EACtB,OAAO,aAAaC,0BAAAA,gBAAgB,OAAO,WAAW;EACtD;EACA,cAAc;CAChB,CAAC;AACH"}

package/cjs/core/config-provider/color-functions/parse-theme-color/parse-theme-color.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"parse-theme-color.cjs","names":["isLightColor","getPrimaryShade"],"sources":["../../../../../src/core/config-provider/color-functions/parse-theme-color/parse-theme-color.ts"],"sourcesContent":["import { CColorScheme, CColorShade, CTheme } from '../../theme.types'\nimport type { CssVariable } from '../../../box'\nimport { isLightColor } from '../luminance/luminance'\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade'\n\ninterface ParseThemeColorOptions {\n  color: unknown\n  theme: CTheme\n  colorScheme?: CColorScheme\n}\n\ninterface ParseThemeColorResult {\n  color: string\n  value: string\n  shade: CColorShade | undefined\n  variable: CssVariable | undefined\n  isThemeColor: boolean\n  isLight: boolean\n}\n\nexport function parseThemeColor({\n  color,\n  colorScheme,\n  theme\n}: ParseThemeColorOptions): ParseThemeColorResult {\n  if (typeof color !== 'string') {\n    throw new Error(\n      `[cck-ui] Failed to parse color. Expected color to be a string, instead got ${typeof color}`\n    )\n  }\n\n  if (color === 'bright') {\n    return {\n      color,\n      value: colorScheme === 'dark' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: '--c-color-bright'\n    }\n  }\n\n  if (color === 'dimmed') {\n    return {\n      color,\n      value:\n        colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n        theme.luminanceThreshold\n      ),\n      variable: '--c-color-dimmed'\n    }\n  }\n\n  if (color === 'white' || color === 'black') {\n    return {\n      color,\n      value: color === 'white' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        color === 'white' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: `--c-color-${color}`\n    }\n  }\n\n  const [_color, shade] = color.split('.')\n  const colorShade = shade ? (Number(shade) as CColorShade) : undefined\n  const isThemeColor = _color in theme.colors\n\n  if (isThemeColor) {\n    const colorValue =\n      colorShade !== undefined\n        ? theme.colors[_color][colorShade]\n        : theme.colors[_color][getPrimaryShade(theme, colorScheme || 'light')]\n\n    return {\n      color: _color,\n      value: colorValue,\n      shade: colorShade,\n      isThemeColor,\n      isLight: isLightColor(colorValue, theme.luminanceThreshold),\n      variable: shade\n        ? `--c-color-${_color}-${colorShade}`\n        : `--c-color-${_color}-filled`\n    }\n  }\n\n  return {\n    color,\n    value: color,\n    isThemeColor,\n    isLight: isLightColor(color, theme.luminanceThreshold),\n    shade: colorShade,\n    variable: undefined\n  }\n}\n"],"mappings":";;;;AAoBA,SAAgB,gBAAgB,EAC9B,OACA,aACA,SACgD;CAChD,IAAI,OAAO,UAAU,UACnB,MAAM,IAAI,MACR,8EAA8E,OAAO,OACvF;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OAAO,gBAAgB,SAAS,MAAM,QAAQ,MAAM;EACpD,OAAO,KAAA;EACP,cAAc;EACd,SAASA,kBAAAA,aACP,gBAAgB,SAAS,MAAM,QAAQ,MAAM,OAC7C,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OACE,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK;EACpE,OAAO,KAAA;EACP,cAAc;EACd,SAASA,kBAAAA,aACP,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK,IAClE,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,WAAW,UAAU,SACjC,OAAO;EACL;EACA,OAAO,UAAU,UAAU,MAAM,QAAQ,MAAM;EAC/C,OAAO,KAAA;EACP,cAAc;EACd,SAASA,kBAAAA,aACP,UAAU,UAAU,MAAM,QAAQ,MAAM,OACxC,MAAM,kBACR;EACA,UAAU,aAAa;CACzB;CAGF,MAAM,CAAC,QAAQ,SAAS,MAAM,MAAM,GAAG;CACvC,MAAM,aAAa,QAAS,OAAO,KAAK,IAAoB,KAAA;CAC5D,MAAM,eAAe,UAAU,MAAM;CAErC,IAAI,cAAc;EAChB,MAAM,aACJ,eAAe,KAAA,IACX,MAAM,OAAO,OAAO,CAAC,cACrB,MAAM,OAAO,OAAO,CAACC,0BAAAA,gBAAgB,OAAO,eAAe,OAAO;EAExE,OAAO;GACL,OAAO;GACP,OAAO;GACP,OAAO;GACP;GACA,SAASD,kBAAAA,aAAa,YAAY,MAAM,kBAAkB;GAC1D,UAAU,QACN,aAAa,OAAO,GAAG,eACvB,aAAa,OAAO;EAC1B;CACF;CAEA,OAAO;EACL;EACA,OAAO;EACP;EACA,SAASA,kBAAAA,aAAa,OAAO,MAAM,kBAAkB;EACrD,OAAO;EACP,UAAU,KAAA;CACZ;AACF"}
+{"version":3,"file":"parse-theme-color.cjs","names":["isLightColor","getPrimaryShade"],"sources":["../../../../../src/core/config-provider/color-functions/parse-theme-color/parse-theme-color.ts"],"sourcesContent":["import { CColorScheme, CColorShade, CTheme } from '../../theme.types'\nimport type { CssVariable } from '../../../box'\nimport { isLightColor } from '../luminance/luminance'\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade'\n\ninterface ParseThemeColorOptions {\n  color: unknown\n  theme: CTheme\n  colorScheme?: CColorScheme\n}\n\ninterface ParseThemeColorResult {\n  color: string\n  value: string\n  shade: CColorShade | undefined\n  variable: CssVariable | undefined\n  isThemeColor: boolean\n  isLight: boolean\n}\n\nexport function parseThemeColor({\n  color,\n  colorScheme,\n  theme,\n}: ParseThemeColorOptions): ParseThemeColorResult {\n  if (typeof color !== 'string') {\n    throw new Error(\n      `[cck-ui] Failed to parse color. Expected color to be a string, instead got ${typeof color}`\n    )\n  }\n\n  if (color === 'bright') {\n    return {\n      color,\n      value: colorScheme === 'dark' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: '--c-color-bright',\n    }\n  }\n\n  if (color === 'dimmed') {\n    return {\n      color,\n      value: colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n        theme.luminanceThreshold\n      ),\n      variable: '--c-color-dimmed',\n    }\n  }\n\n  if (color === 'white' || color === 'black') {\n    return {\n      color,\n      value: color === 'white' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        color === 'white' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: `--c-color-${color}`,\n    }\n  }\n\n  const [_color, shade] = color.split('.')\n  const colorShade = shade ? (Number(shade) as CColorShade) : undefined\n  const isThemeColor = _color in theme.colors\n\n  if (isThemeColor) {\n    const colorValue =\n      colorShade !== undefined\n        ? theme.colors[_color][colorShade]\n        : theme.colors[_color][getPrimaryShade(theme, colorScheme || 'light')]\n\n    return {\n      color: _color,\n      value: colorValue,\n      shade: colorShade,\n      isThemeColor,\n      isLight: isLightColor(colorValue, theme.luminanceThreshold),\n      variable: shade ? `--c-color-${_color}-${colorShade}` : `--c-color-${_color}-filled`,\n    }\n  }\n\n  return {\n    color,\n    value: color,\n    isThemeColor,\n    isLight: isLightColor(color, theme.luminanceThreshold),\n    shade: colorShade,\n    variable: undefined,\n  }\n}\n"],"mappings":";;;;AAoBA,SAAgB,gBAAgB,EAC9B,OACA,aACA,SACgD;CAChD,IAAI,OAAO,UAAU,UACnB,MAAM,IAAI,MACR,8EAA8E,OAAO,OACvF;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OAAO,gBAAgB,SAAS,MAAM,QAAQ,MAAM;EACpD,OAAO,KAAA;EACP,cAAc;EACd,SAASA,kBAAAA,aACP,gBAAgB,SAAS,MAAM,QAAQ,MAAM,OAC7C,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OAAO,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK;EACzE,OAAO,KAAA;EACP,cAAc;EACd,SAASA,kBAAAA,aACP,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK,IAClE,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,WAAW,UAAU,SACjC,OAAO;EACL;EACA,OAAO,UAAU,UAAU,MAAM,QAAQ,MAAM;EAC/C,OAAO,KAAA;EACP,cAAc;EACd,SAASA,kBAAAA,aACP,UAAU,UAAU,MAAM,QAAQ,MAAM,OACxC,MAAM,kBACR;EACA,UAAU,aAAa;CACzB;CAGF,MAAM,CAAC,QAAQ,SAAS,MAAM,MAAM,GAAG;CACvC,MAAM,aAAa,QAAS,OAAO,KAAK,IAAoB,KAAA;CAC5D,MAAM,eAAe,UAAU,MAAM;CAErC,IAAI,cAAc;EAChB,MAAM,aACJ,eAAe,KAAA,IACX,MAAM,OAAO,OAAO,CAAC,cACrB,MAAM,OAAO,OAAO,CAACC,0BAAAA,gBAAgB,OAAO,eAAe,OAAO;EAExE,OAAO;GACL,OAAO;GACP,OAAO;GACP,OAAO;GACP;GACA,SAASD,kBAAAA,aAAa,YAAY,MAAM,kBAAkB;GAC1D,UAAU,QAAQ,aAAa,OAAO,GAAG,eAAe,aAAa,OAAO;EAC9E;CACF;CAEA,OAAO;EACL;EACA,OAAO;EACP;EACA,SAASA,kBAAAA,aAAa,OAAO,MAAM,kBAAkB;EACrD,OAAO;EACP,UAAU,KAAA;CACZ;AACF"}

package/cjs/core/config-provider/color-scheme-managers/is-cck-color-scheme.cjs

@@ -0,0 +1,9 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/config-provider/color-scheme-managers/is-cck-color-scheme.ts
+function isCckColorScheme(value) {
+	return value === "auto" || value === "dark" || value === "light";
+}
+//#endregion
+exports.isCckColorScheme = isCckColorScheme;
+
+//# sourceMappingURL=is-cck-color-scheme.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"is-cck-color-scheme.cjs","names":[],"sources":["../../../../src/core/config-provider/color-scheme-managers/is-cck-color-scheme.ts"],"sourcesContent":["import type { CColorScheme } from '../theme.types'\n\nexport function isCckColorScheme(value: unknown): value is CColorScheme {\n  return value === 'auto' || value === 'dark' || value === 'light'\n}\n"],"mappings":";;AAEA,SAAgB,iBAAiB,OAAuC;CACtE,OAAO,UAAU,UAAU,UAAU,UAAU,UAAU;AAC3D"}

package/cjs/core/config-provider/color-scheme-managers/local-storage-manager.cjs

@@ -0,0 +1,40 @@
+"use client";
+const require_is_cck_color_scheme = require("./is-cck-color-scheme.cjs");
+//#region packages/@cck-ui/core/src/core/config-provider/color-scheme-managers/local-storage-manager.ts
+function localStorageColorSchemeManager({ key = "c-color-scheme-value" } = {}) {
+	let handleStorageEvent;
+	return {
+		get: (defaultValue) => {
+			if (typeof window === "undefined") return defaultValue;
+			try {
+				const storedColorScheme = window.localStorage.getItem(key);
+				return require_is_cck_color_scheme.isCckColorScheme(storedColorScheme) ? storedColorScheme : defaultValue;
+			} catch {
+				return defaultValue;
+			}
+		},
+		set: (value) => {
+			try {
+				window.localStorage.setItem(key, value);
+			} catch (error) {
+				console.warn("[@cck-ui/core] Local storage color scheme manager was unable to save color scheme.", error);
+			}
+		},
+		subscribe: (onUpdate) => {
+			handleStorageEvent = (event) => {
+				if (event.storageArea === window.localStorage && event.key === key) require_is_cck_color_scheme.isCckColorScheme(event.newValue) && onUpdate(event.newValue);
+			};
+			window.addEventListener("storage", handleStorageEvent);
+		},
+		unsubscribe: () => {
+			window.removeEventListener("storage", handleStorageEvent);
+		},
+		clear: () => {
+			window.localStorage.removeItem(key);
+		}
+	};
+}
+//#endregion
+exports.localStorageColorSchemeManager = localStorageColorSchemeManager;
+
+//# sourceMappingURL=local-storage-manager.cjs.map

package/cjs/core/config-provider/color-scheme-managers/local-storage-manager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-manager.cjs","names":["isCckColorScheme"],"sources":["../../../../src/core/config-provider/color-scheme-managers/local-storage-manager.ts"],"sourcesContent":["import { isCckColorScheme } from './is-cck-color-scheme'\nimport type { CColorSchemeManager } from './types'\n\nexport interface LocalStorageColorSchemeManagerOptions {\n  key?: string\n}\n\nexport function localStorageColorSchemeManager({\n  key = 'c-color-scheme-value',\n}: LocalStorageColorSchemeManagerOptions = {}): CColorSchemeManager {\n  let handleStorageEvent: (event: StorageEvent) => void\n\n  return {\n    get: (defaultValue) => {\n      if (typeof window === 'undefined') {\n        return defaultValue\n      }\n\n      try {\n        const storedColorScheme = window.localStorage.getItem(key)\n        return isCckColorScheme(storedColorScheme) ? storedColorScheme : defaultValue\n      } catch {\n        return defaultValue\n      }\n    },\n\n    set: (value) => {\n      try {\n        window.localStorage.setItem(key, value)\n      } catch (error) {\n        console.warn(\n          '[@cck-ui/core] Local storage color scheme manager was unable to save color scheme.',\n          error\n        )\n      }\n    },\n\n    subscribe: (onUpdate) => {\n      handleStorageEvent = (event) => {\n        if (event.storageArea === window.localStorage && event.key === key) {\n          isCckColorScheme(event.newValue) && onUpdate(event.newValue)\n        }\n      }\n\n      window.addEventListener('storage', handleStorageEvent)\n    },\n\n    unsubscribe: () => {\n      window.removeEventListener('storage', handleStorageEvent)\n    },\n\n    clear: () => {\n      window.localStorage.removeItem(key)\n    },\n  }\n}\n"],"mappings":";;;AAOA,SAAgB,+BAA+B,EAC7C,MAAM,2BACmC,CAAC,GAAwB;CAClE,IAAI;CAEJ,OAAO;EACL,MAAM,iBAAiB;GACrB,IAAI,OAAO,WAAW,aACpB,OAAO;GAGT,IAAI;IACF,MAAM,oBAAoB,OAAO,aAAa,QAAQ,GAAG;IACzD,OAAOA,4BAAAA,iBAAiB,iBAAiB,IAAI,oBAAoB;GACnE,QAAQ;IACN,OAAO;GACT;EACF;EAEA,MAAM,UAAU;GACd,IAAI;IACF,OAAO,aAAa,QAAQ,KAAK,KAAK;GACxC,SAAS,OAAO;IACd,QAAQ,KACN,sFACA,KACF;GACF;EACF;EAEA,YAAY,aAAa;GACvB,sBAAsB,UAAU;IAC9B,IAAI,MAAM,gBAAgB,OAAO,gBAAgB,MAAM,QAAQ,KAC7D,4BAAA,iBAAiB,MAAM,QAAQ,KAAK,SAAS,MAAM,QAAQ;GAE/D;GAEA,OAAO,iBAAiB,WAAW,kBAAkB;EACvD;EAEA,mBAAmB;GACjB,OAAO,oBAAoB,WAAW,kBAAkB;EAC1D;EAEA,aAAa;GACX,OAAO,aAAa,WAAW,GAAG;EACpC;CACF;AACF"}