@cck-ui/core 0.2.0

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

@@ -0,0 +1,172 @@
+"use client";
+import { rem } from "../../../utils/units-converters/rem.mjs";
+import { darken } from "../darken/darken.mjs";
+import { rgba } from "../rgba/rgba.mjs";
+import { parseThemeColor } from "../parse-theme-color/parse-theme-color.mjs";
+import { getGradient } from "../get-gradient/get-gradient.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts
+const defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoContrast }) => {
+	const parsed = parseThemeColor({
+		color,
+		theme
+	});
+	const _autoContrast = typeof autoContrast === "boolean" ? autoContrast : theme.autoContrast;
+	if (variant === "none") return {
+		background: "transparent",
+		hover: "transparent",
+		color: "inherit",
+		border: "none"
+	};
+	if (variant === "filled") {
+		const textColor = _autoContrast ? parsed.isLight ? "var(--c-color-black)" : "var(--c-color-white)" : "var(--c-color-white)";
+		if (parsed.isThemeColor) {
+			if (parsed.shade === void 0) return {
+				background: `var(--c-color-${color}-filled)`,
+				hover: `var(--c-color-${color}-filled-hover)`,
+				color: textColor,
+				border: `${rem(1)} solid transparent`
+			};
+			return {
+				background: `var(--c-color-${parsed.color}-${parsed.shade})`,
+				hover: `var(--c-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,
+				color: textColor,
+				border: `${rem(1)} solid transparent`
+			};
+		}
+		return {
+			background: color,
+			hover: darken(color, .1),
+			color: textColor,
+			border: `${rem(1)} solid transparent`
+		};
+	}
+	if (variant === "light") {
+		if (parsed.isThemeColor) {
+			if (parsed.shade === void 0) return {
+				background: `var(--c-color-${color}-light)`,
+				hover: `var(--c-color-${color}-light-hover)`,
+				color: `var(--c-color-${color}-light-color)`,
+				border: `${rem(1)} solid transparent`
+			};
+			const parsedColor = theme.colors[parsed.color][parsed.shade];
+			return {
+				background: parsedColor,
+				hover: darken(parsedColor, .1),
+				color: `var(--c-color-${parsed.color}-light-color)`,
+				border: `${rem(1)} solid transparent`
+			};
+		}
+		return {
+			background: rgba(color, .1),
+			hover: rgba(color, .12),
+			color,
+			border: `${rem(1)} solid transparent`
+		};
+	}
+	if (variant === "outline") {
+		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: `${rem(1)} solid var(--c-color-${color}-outline)`
+			};
+			return {
+				background: "transparent",
+				hover: rgba(theme.colors[parsed.color][parsed.shade], .05),
+				color: `var(--c-color-${parsed.color}-${parsed.shade})`,
+				border: `${rem(1)} solid var(--c-color-${parsed.color}-${parsed.shade})`
+			};
+		}
+		return {
+			background: "transparent",
+			hover: rgba(color, .05),
+			color,
+			border: `${rem(1)} solid ${color}`
+		};
+	}
+	if (variant === "subtle") {
+		if (parsed.isThemeColor) {
+			if (parsed.shade === void 0) return {
+				background: "transparent",
+				hover: `var(--c-color-${color}-light-hover)`,
+				color: `var(--c-color-${color}-light-color)`,
+				border: `${rem(1)} solid transparent`
+			};
+			const parsedColor = theme.colors[parsed.color][parsed.shade];
+			return {
+				background: "transparent",
+				hover: rgba(parsedColor, .12),
+				color: `var(--c-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
+				border: `${rem(1)} solid transparent`
+			};
+		}
+		return {
+			background: "transparent",
+			hover: rgba(color, .12),
+			color,
+			border: `${rem(1)} solid transparent`
+		};
+	}
+	if (variant === "transparent") {
+		if (parsed.isThemeColor) {
+			if (parsed.shade === void 0) return {
+				background: "transparent",
+				hover: "transparent",
+				color: `var(--c-color-${color}-light-color)`,
+				border: `${rem(1)} solid transparent`
+			};
+			return {
+				background: "transparent",
+				hover: "transparent",
+				color: `var(--c-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
+				border: `${rem(1)} solid transparent`
+			};
+		}
+		return {
+			background: "transparent",
+			hover: "transparent",
+			color,
+			border: `${rem(1)} solid transparent`
+		};
+	}
+	if (variant === "white") {
+		if (parsed.isThemeColor) {
+			if (parsed.shade === void 0) return {
+				background: "var(--c-color-white)",
+				hover: darken(theme.white, .01),
+				color: `var(--c-color-${color}-filled)`,
+				border: `${rem(1)} solid transparent`
+			};
+			return {
+				background: "var(--c-color-white)",
+				hover: darken(theme.white, .01),
+				color: `var(--c-color-${parsed.color}-${parsed.shade})`,
+				border: `${rem(1)} solid transparent`
+			};
+		}
+		return {
+			background: "var(--c-color-white)",
+			hover: darken(theme.white, .01),
+			color,
+			border: `${rem(1)} solid transparent`
+		};
+	}
+	if (variant === "gradient") return {
+		background: getGradient(gradient, theme),
+		hover: getGradient(gradient, theme),
+		color: "var(--c-color-white)",
+		border: "none"
+	};
+	if (variant === "default") return {
+		background: "var(--c-color-default)",
+		hover: "var(--c-color-default-hover)",
+		color: "var(--c-color-default-color)",
+		border: `${rem(1)} solid var(--c-color-default-border)`
+	};
+	return {};
+};
+//#endregion
+export { defaultVariantColorsResolver };
+
+//# sourceMappingURL=default-variant-colors-resolver.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-variant-colors-resolver.mjs","names":[],"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":"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"}

package/esm/core/config-provider/color-functions/get-gradient/get-gradient.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { getThemeColor } from "../get-theme-color/get-theme-color.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/get-gradient/get-gradient.ts
+function getGradient(gradient, theme) {
+	const merged = {
+		from: gradient?.from || theme.defaultGradient.from,
+		to: gradient?.to || theme.defaultGradient.to,
+		deg: gradient?.deg || theme.defaultGradient.deg
+	};
+	const fromColor = getThemeColor(merged.from, theme);
+	const toColor = getThemeColor(merged.to, theme);
+	return `linear-gradient(${merged.deg}deg, ${fromColor} 0%, ${toColor} 100%)`;
+}
+//#endregion
+export { getGradient };
+
+//# sourceMappingURL=get-gradient.mjs.map

package/esm/core/config-provider/color-functions/get-gradient/get-gradient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-gradient.mjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/get-gradient/get-gradient.ts"],"sourcesContent":["import { CGradient, CTheme } from '../../'\nimport { getThemeColor } from '../get-theme-color/get-theme-color'\n\nexport function getGradient(gradient: CGradient | undefined, theme: CTheme) {\n  const merged = {\n    from: gradient?.from || theme.defaultGradient.from,\n    to: gradient?.to || theme.defaultGradient.to,\n    deg: gradient?.deg || theme.defaultGradient.deg,\n  }\n\n  const fromColor = getThemeColor(merged.from, theme)\n  const toColor = getThemeColor(merged.to, theme)\n\n  return `linear-gradient(${merged.deg}deg, ${fromColor} 0%, ${toColor} 100%)`\n}\n"],"mappings":";;;AAGA,SAAgB,YAAY,UAAiC,OAAe;CAC1E,MAAM,SAAS;EACb,MAAM,UAAU,QAAQ,MAAM,gBAAgB;EAC9C,IAAI,UAAU,MAAM,MAAM,gBAAgB;EAC1C,KAAK,UAAU,OAAO,MAAM,gBAAgB;CAC9C;CAEA,MAAM,YAAY,cAAc,OAAO,MAAM,KAAK;CAClD,MAAM,UAAU,cAAc,OAAO,IAAI,KAAK;CAE9C,OAAO,mBAAmB,OAAO,IAAI,OAAO,UAAU,OAAO,QAAQ;AACvE"}

package/esm/core/config-provider/color-functions/get-primary-shade/get-primary-shade.mjs

@@ -0,0 +1,11 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/get-primary-shade/get-primary-shade.ts
+function getPrimaryShade(theme, colorScheme) {
+	if (typeof theme.primaryShade === "number") return theme.primaryShade;
+	if (colorScheme === "dark") return theme.primaryShade.dark;
+	return theme.primaryShade.light;
+}
+//#endregion
+export { getPrimaryShade };
+
+//# sourceMappingURL=get-primary-shade.mjs.map

package/esm/core/config-provider/color-functions/get-primary-shade/get-primary-shade.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-primary-shade.mjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/get-primary-shade/get-primary-shade.ts"],"sourcesContent":["import { CColorScheme, CTheme } from '../../theme.types'\n\nexport function getPrimaryShade(theme: CTheme, colorScheme: CColorScheme) {\n  if (typeof theme.primaryShade === 'number') {\n    return theme.primaryShade\n  }\n\n  if (colorScheme === 'dark') {\n    return theme.primaryShade.dark\n  }\n\n  return theme.primaryShade.light\n}\n"],"mappings":";;AAEA,SAAgB,gBAAgB,OAAe,aAA2B;CACxE,IAAI,OAAO,MAAM,iBAAiB,UAChC,OAAO,MAAM;CAGf,IAAI,gBAAgB,QAClB,OAAO,MAAM,aAAa;CAG5B,OAAO,MAAM,aAAa;AAC5B"}

package/esm/core/config-provider/color-functions/get-theme-color/get-theme-color.mjs

@@ -0,0 +1,14 @@
+"use client";
+import { parseThemeColor } from "../parse-theme-color/parse-theme-color.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/get-theme-color/get-theme-color.ts
+function getThemeColor(color, theme) {
+	const parsed = parseThemeColor({
+		color: color || theme.primaryColor,
+		theme
+	});
+	return parsed.variable ? `var(${parsed.variable})` : color;
+}
+//#endregion
+export { getThemeColor };
+
+//# sourceMappingURL=get-theme-color.mjs.map

package/esm/core/config-provider/color-functions/get-theme-color/get-theme-color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-color.mjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/get-theme-color/get-theme-color.ts"],"sourcesContent":["import { CTheme } from '../../'\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color'\n\nexport function getThemeColor(color: string | undefined | null, theme: CTheme) {\n  const parsed = parseThemeColor({ color: color || theme.primaryColor, theme })\n  return parsed.variable ? `var(${parsed.variable})` : color!\n}\n"],"mappings":";;;AAGA,SAAgB,cAAc,OAAkC,OAAe;CAC7E,MAAM,SAAS,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;CAAM,CAAC;CAC5E,OAAO,OAAO,WAAW,OAAO,OAAO,SAAS,KAAK;AACvD"}

package/esm/core/config-provider/color-functions/luminance/luminance.mjs

@@ -0,0 +1,28 @@
+import { toRgba } from "../to-rgba/to-rgba.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/luminance/luminance.ts
+function gammaCorrect(c) {
+	return c <= .03928 ? c / 12.92 : ((c + .055) / 1.055) ** 2.4;
+}
+function getLightnessFromOklch(oklchColor) {
+	const match = oklchColor.match(/oklch\((.*?)%\s/);
+	return match ? Number.parseFloat(match[1]) : null;
+}
+function luminance(color) {
+	if (color.startsWith("oklch(")) return (getLightnessFromOklch(color) || 0) / 100;
+	const { r, g, b } = toRgba(color);
+	const sR = r / 255;
+	const sG = g / 255;
+	const sB = b / 255;
+	const rLinear = gammaCorrect(sR);
+	const gLinear = gammaCorrect(sG);
+	const bLinear = gammaCorrect(sB);
+	return .2126 * rLinear + .7152 * gLinear + .0722 * bLinear;
+}
+function isLightColor(color, luminanceThreshold = .179) {
+	if (color.startsWith("var(")) return false;
+	return luminance(color) > luminanceThreshold;
+}
+//#endregion
+export { isLightColor, luminance };
+
+//# sourceMappingURL=luminance.mjs.map

package/esm/core/config-provider/color-functions/luminance/luminance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"luminance.mjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/luminance/luminance.ts"],"sourcesContent":["import { toRgba } from '../to-rgba/to-rgba'\n\nfunction gammaCorrect(c: number) {\n  return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4\n}\n\nfunction getLightnessFromOklch(oklchColor: string) {\n  const match = oklchColor.match(/oklch\\((.*?)%\\s/)\n  return match ? Number.parseFloat(match[1]) : null\n}\n\nexport function luminance(color: string): number {\n  if (color.startsWith('oklch(')) {\n    return (getLightnessFromOklch(color) || 0) / 100\n  }\n\n  const { r, g, b } = toRgba(color)\n\n  const sR = r / 255\n  const sG = g / 255\n  const sB = b / 255\n\n  const rLinear = gammaCorrect(sR)\n  const gLinear = gammaCorrect(sG)\n  const bLinear = gammaCorrect(sB)\n\n  return 0.2126 * rLinear + 0.7152 * gLinear + 0.0722 * bLinear\n}\n\nexport function isLightColor(color: string, luminanceThreshold = 0.179) {\n  if (color.startsWith('var(')) {\n    return false\n  }\n\n  return luminance(color) > luminanceThreshold\n}\n"],"mappings":";;AAEA,SAAS,aAAa,GAAW;CAC/B,OAAO,KAAK,SAAU,IAAI,UAAU,IAAI,QAAS,UAAU;AAC7D;AAEA,SAAS,sBAAsB,YAAoB;CACjD,MAAM,QAAQ,WAAW,MAAM,iBAAiB;CAChD,OAAO,QAAQ,OAAO,WAAW,MAAM,EAAE,IAAI;AAC/C;AAEA,SAAgB,UAAU,OAAuB;CAC/C,IAAI,MAAM,WAAW,QAAQ,GAC3B,QAAQ,sBAAsB,KAAK,KAAK,KAAK;CAG/C,MAAM,EAAE,GAAG,GAAG,MAAM,OAAO,KAAK;CAEhC,MAAM,KAAK,IAAI;CACf,MAAM,KAAK,IAAI;CACf,MAAM,KAAK,IAAI;CAEf,MAAM,UAAU,aAAa,EAAE;CAC/B,MAAM,UAAU,aAAa,EAAE;CAC/B,MAAM,UAAU,aAAa,EAAE;CAE/B,OAAO,QAAS,UAAU,QAAS,UAAU,QAAS;AACxD;AAEA,SAAgB,aAAa,OAAe,qBAAqB,MAAO;CACtE,IAAI,MAAM,WAAW,MAAM,GACzB,OAAO;CAGT,OAAO,UAAU,KAAK,IAAI;AAC5B"}

package/esm/core/config-provider/color-functions/parse-theme-color/parse-theme-color.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { isLightColor } from "../luminance/luminance.mjs";
+import { getPrimaryShade } from "../get-primary-shade/get-primary-shade.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/parse-theme-color/parse-theme-color.ts
+function parseThemeColor({ color, colorScheme, theme }) {
+	if (typeof color !== "string") throw new Error(`[cck-ui] Failed to parse color. Expected color to be a string, instead got ${typeof color}`);
+	if (color === "bright") return {
+		color,
+		value: colorScheme === "dark" ? theme.white : theme.black,
+		shade: void 0,
+		isThemeColor: false,
+		isLight: isLightColor(colorScheme === "dark" ? theme.white : theme.black, theme.luminanceThreshold),
+		variable: "--c-color-bright"
+	};
+	if (color === "dimmed") return {
+		color,
+		value: colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[7],
+		shade: void 0,
+		isThemeColor: false,
+		isLight: isLightColor(colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6], theme.luminanceThreshold),
+		variable: "--c-color-dimmed"
+	};
+	if (color === "white" || color === "black") return {
+		color,
+		value: color === "white" ? theme.white : theme.black,
+		shade: void 0,
+		isThemeColor: false,
+		isLight: isLightColor(color === "white" ? theme.white : theme.black, theme.luminanceThreshold),
+		variable: `--c-color-${color}`
+	};
+	const [_color, shade] = color.split(".");
+	const colorShade = shade ? Number(shade) : void 0;
+	const isThemeColor = _color in theme.colors;
+	if (isThemeColor) {
+		const colorValue = colorShade !== void 0 ? theme.colors[_color][colorShade] : theme.colors[_color][getPrimaryShade(theme, colorScheme || "light")];
+		return {
+			color: _color,
+			value: colorValue,
+			shade: colorShade,
+			isThemeColor,
+			isLight: isLightColor(colorValue, theme.luminanceThreshold),
+			variable: shade ? `--c-color-${_color}-${colorShade}` : `--c-color-${_color}-filled`
+		};
+	}
+	return {
+		color,
+		value: color,
+		isThemeColor,
+		isLight: isLightColor(color, theme.luminanceThreshold),
+		shade: colorShade,
+		variable: void 0
+	};
+}
+//#endregion
+export { parseThemeColor };
+
+//# sourceMappingURL=parse-theme-color.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parse-theme-color.mjs","names":[],"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,SAAS,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,SAAS,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,SAAS,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,CAAC,gBAAgB,OAAO,eAAe,OAAO;EAExE,OAAO;GACL,OAAO;GACP,OAAO;GACP,OAAO;GACP;GACA,SAAS,aAAa,YAAY,MAAM,kBAAkB;GAC1D,UAAU,QACN,aAAa,OAAO,GAAG,eACvB,aAAa,OAAO;EAC1B;CACF;CAEA,OAAO;EACL;EACA,OAAO;EACP;EACA,SAAS,aAAa,OAAO,MAAM,kBAAkB;EACrD,OAAO;EACP,UAAU,KAAA;CACZ;AACF"}

package/esm/core/config-provider/color-functions/rgba/rgba.mjs

@@ -0,0 +1,17 @@
+import { toRgba } from "../to-rgba/to-rgba.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/rgba/rgba.ts
+function rgba(color, alpha) {
+	if (typeof color !== "string" || alpha > 1 || alpha < 0) return `rgba(0, 0, 0, 1)`;
+	if (color.startsWith("var(")) return `color-mix(in srgb, ${color}, transparent ${(1 - alpha) * 100}%)`;
+	if (color.startsWith("oklch")) {
+		if (color.includes("/")) return color.replace(/\/\s*[\d.]+\s*\)/, `/ ${alpha})`);
+		return color.replace(")", ` / ${alpha})`);
+	}
+	const { r, g, b } = toRgba(color);
+	return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+const alpha = rgba;
+//#endregion
+export { alpha, rgba };
+
+//# sourceMappingURL=rgba.mjs.map

package/esm/core/config-provider/color-functions/rgba/rgba.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgba.mjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/rgba/rgba.ts"],"sourcesContent":["import { toRgba } from '../to-rgba/to-rgba'\n\nexport function rgba(color: string, alpha: number) {\n  if (typeof color !== 'string' || alpha > 1 || alpha < 0) {\n    return `rgba(0, 0, 0, 1)`\n  }\n\n  if (color.startsWith('var(')) {\n    const mixPercentage = (1 - alpha) * 100\n    return `color-mix(in srgb, ${color}, transparent ${mixPercentage}%)`\n  }\n\n  if (color.startsWith('oklch')) {\n    if (color.includes('/')) {\n      return color.replace(/\\/\\s*[\\d.]+\\s*\\)/, `/ ${alpha})`)\n    }\n\n    return color.replace(')', ` / ${alpha})`)\n  }\n\n  const { r, g, b } = toRgba(color)\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\nexport const alpha = rgba\n"],"mappings":";;AAEA,SAAgB,KAAK,OAAe,OAAe;CACjD,IAAI,OAAO,UAAU,YAAY,QAAQ,KAAK,QAAQ,GACpD,OAAO;CAGT,IAAI,MAAM,WAAW,MAAM,GAEzB,OAAO,sBAAsB,MAAM,iBADZ,IAAI,SAAS,IAC6B;CAGnE,IAAI,MAAM,WAAW,OAAO,GAAG;EAC7B,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MAAM,QAAQ,oBAAoB,KAAK,MAAM,EAAE;EAGxD,OAAO,MAAM,QAAQ,KAAK,MAAM,MAAM,EAAE;CAC1C;CAEA,MAAM,EAAE,GAAG,GAAG,MAAM,OAAO,KAAK;CAChC,OAAO,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM;AACzC;AAEA,MAAa,QAAQ"}

package/esm/core/config-provider/color-functions/to-rgba/to-rgba.mjs

@@ -0,0 +1,110 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/config-provider/color-functions/to-rgba/to-rgba.ts
+function isHexColor(hex) {
+	return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(hex);
+}
+function hexToRgba(color) {
+	let hexString = color.replace("#", "");
+	if (hexString.length === 3) {
+		const shorthandHex = hexString.split("");
+		hexString = [
+			shorthandHex[0],
+			shorthandHex[0],
+			shorthandHex[1],
+			shorthandHex[1],
+			shorthandHex[2],
+			shorthandHex[2]
+		].join("");
+	}
+	if (hexString.length === 8) {
+		const alpha = Number.parseInt(hexString.slice(6, 8), 16) / 255;
+		return {
+			r: Number.parseInt(hexString.slice(0, 2), 16),
+			g: Number.parseInt(hexString.slice(2, 4), 16),
+			b: Number.parseInt(hexString.slice(4, 6), 16),
+			a: alpha
+		};
+	}
+	const parsed = Number.parseInt(hexString, 16);
+	return {
+		r: parsed >> 16 & 255,
+		g: parsed >> 8 & 255,
+		b: parsed & 255,
+		a: 1
+	};
+}
+function rgbStringToRgba(color) {
+	const [r, g, b, a] = color.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
+	return {
+		r,
+		g,
+		b,
+		a: a === void 0 ? 1 : a
+	};
+}
+function hslStringToRgba(hslaString) {
+	const matches = hslaString.match(/^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i);
+	if (!matches) return {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 1
+	};
+	const h = Number.parseInt(matches[1], 10);
+	const s = Number.parseInt(matches[2], 10) / 100;
+	const l = Number.parseInt(matches[3], 10) / 100;
+	const a = matches[5] ? Number.parseFloat(matches[5]) : void 0;
+	const chroma = (1 - Math.abs(2 * l - 1)) * s;
+	const huePrime = h / 60;
+	const x = chroma * (1 - Math.abs(huePrime % 2 - 1));
+	const m = l - chroma / 2;
+	let r;
+	let g;
+	let b;
+	if (huePrime >= 0 && huePrime < 1) {
+		r = chroma;
+		g = x;
+		b = 0;
+	} else if (huePrime >= 1 && huePrime < 2) {
+		r = x;
+		g = chroma;
+		b = 0;
+	} else if (huePrime >= 2 && huePrime < 3) {
+		r = 0;
+		g = chroma;
+		b = x;
+	} else if (huePrime >= 3 && huePrime < 4) {
+		r = 0;
+		g = x;
+		b = chroma;
+	} else if (huePrime >= 4 && huePrime < 5) {
+		r = x;
+		g = 0;
+		b = chroma;
+	} else {
+		r = chroma;
+		g = 0;
+		b = x;
+	}
+	return {
+		r: Math.round((r + m) * 255),
+		g: Math.round((g + m) * 255),
+		b: Math.round((b + m) * 255),
+		a: a || 1
+	};
+}
+function toRgba(color) {
+	if (isHexColor(color)) return hexToRgba(color);
+	if (color.startsWith("rgb")) return rgbStringToRgba(color);
+	if (color.startsWith("hsl")) return hslStringToRgba(color);
+	return {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 1
+	};
+}
+//#endregion
+export { toRgba };
+
+//# sourceMappingURL=to-rgba.mjs.map

package/esm/core/config-provider/color-functions/to-rgba/to-rgba.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-rgba.mjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/to-rgba/to-rgba.ts"],"sourcesContent":["export interface RGBA {\n  r: number\n  g: number\n  b: number\n  a: number\n}\n\nfunction isHexColor(hex: string): boolean {\n  const HEX_REGEXP = /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i\n\n  return HEX_REGEXP.test(hex)\n}\n\nfunction hexToRgba(color: string): RGBA {\n  let hexString = color.replace('#', '')\n\n  if (hexString.length === 3) {\n    const shorthandHex = hexString.split('')\n    hexString = [\n      shorthandHex[0],\n      shorthandHex[0],\n      shorthandHex[1],\n      shorthandHex[1],\n      shorthandHex[2],\n      shorthandHex[2]\n    ].join('')\n  }\n\n  if (hexString.length === 8) {\n    const alpha = Number.parseInt(hexString.slice(6, 8), 16) / 255\n\n    return {\n      r: Number.parseInt(hexString.slice(0, 2), 16),\n      g: Number.parseInt(hexString.slice(2, 4), 16),\n      b: Number.parseInt(hexString.slice(4, 6), 16),\n      a: alpha\n    }\n  }\n\n  const parsed = Number.parseInt(hexString, 16)\n  const r = (parsed >> 16) & 255\n  const g = (parsed >> 8) & 255\n  const b = parsed & 255\n\n  return {\n    r,\n    g,\n    b,\n    a: 1\n  }\n}\n\nfunction rgbStringToRgba(color: string): RGBA {\n  const [r, g, b, a] = color\n    .replace(/[^0-9,./]/g, '')\n    .split(/[/,]/)\n    .map(Number)\n\n  return { r, g, b, a: a === undefined ? 1 : a }\n}\n\nfunction hslStringToRgba(hslaString: string): RGBA {\n  const hslaRegex =\n    /^hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+%)\\s*,\\s*(\\d+%)\\s*(,\\s*(0?\\.\\d+|\\d+(\\.\\d+)?))?\\s*\\)$/i\n\n  const matches = hslaString.match(hslaRegex)\n  if (!matches) {\n    return {\n      r: 0,\n      g: 0,\n      b: 0,\n      a: 1\n    }\n  }\n\n  const h = Number.parseInt(matches[1], 10)\n  const s = Number.parseInt(matches[2], 10) / 100\n  const l = Number.parseInt(matches[3], 10) / 100\n  const a = matches[5] ? Number.parseFloat(matches[5]) : undefined\n\n  const chroma = (1 - Math.abs(2 * l - 1)) * s\n  const huePrime = h / 60\n  const x = chroma * (1 - Math.abs((huePrime % 2) - 1))\n  const m = l - chroma / 2\n\n  let r: number\n  let g: number\n  let b: number\n\n  if (huePrime >= 0 && huePrime < 1) {\n    r = chroma\n    g = x\n    b = 0\n  } else if (huePrime >= 1 && huePrime < 2) {\n    r = x\n    g = chroma\n    b = 0\n  } else if (huePrime >= 2 && huePrime < 3) {\n    r = 0\n    g = chroma\n    b = x\n  } else if (huePrime >= 3 && huePrime < 4) {\n    r = 0\n    g = x\n    b = chroma\n  } else if (huePrime >= 4 && huePrime < 5) {\n    r = x\n    g = 0\n    b = chroma\n  } else {\n    r = chroma\n    g = 0\n    b = x\n  }\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n    a: a || 1\n  }\n}\n\nexport function toRgba(color: string): RGBA {\n  if (isHexColor(color)) {\n    return hexToRgba(color)\n  }\n\n  if (color.startsWith('rgb')) {\n    return rgbStringToRgba(color)\n  }\n\n  if (color.startsWith('hsl')) {\n    return hslStringToRgba(color)\n  }\n\n  return {\n    r: 0,\n    g: 0,\n    b: 0,\n    a: 1\n  }\n}\n"],"mappings":"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"}

package/esm/core/config-provider/config-provider.context.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { CONFIG_KEY } from "./config-provider.types.mjs";
+import { inject } from "vue";
+//#region packages/@cck-ui/core/src/core/config-provider/config-provider.context.ts
+function useConfigContext() {
+	const ctx = inject(CONFIG_KEY);
+	if (!ctx) throw new Error("[@cck-ui/core] ConfigProvider was not found in tree");
+	return ctx;
+}
+function useCckCssVariablesResolver() {
+	return useConfigContext().cssVariablesResolver;
+}
+function useCckClassNamesPrefix() {
+	return useConfigContext().classNamesPrefix;
+}
+function useCckStyleNonce() {
+	return useConfigContext().getStyleNonce;
+}
+function useCckWithStaticClasses() {
+	return useConfigContext().withStaticClasses;
+}
+function useCckIsHeadless() {
+	return useConfigContext().headless;
+}
+function useCckSxTransform() {
+	return useConfigContext().stylesTransform?.sx;
+}
+function useCckStylesTransform() {
+	return useConfigContext().stylesTransform?.styles;
+}
+function useCckEnv() {
+	return useConfigContext().env || "default";
+}
+//#endregion
+export { useCckClassNamesPrefix, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckWithStaticClasses, useConfigContext };
+
+//# sourceMappingURL=config-provider.context.mjs.map

package/esm/core/config-provider/config-provider.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.context.mjs","names":[],"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,MAAM,OAAsB,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"}

package/esm/core/config-provider/config-provider.mjs

@@ -0,0 +1,75 @@
+"use client";
+import { CONFIG_KEY, THEME_KEY } from "./config-provider.types.mjs";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { defineComponent, provide, renderSlot } from "vue";
+//#region packages/@cck-ui/core/src/core/config-provider/config-provider.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "CckConfigProvider",
+	__name: "config-provider",
+	props: {
+		theme: {
+			type: null,
+			required: false
+		},
+		defaultColorScheme: {
+			type: String,
+			required: false
+		},
+		forceColorScheme: {
+			type: String,
+			required: false
+		},
+		cssVariablesSelector: {
+			type: String,
+			required: false
+		},
+		withCssVariables: {
+			type: Boolean,
+			required: false
+		},
+		getRootElement: {
+			type: Function,
+			required: false
+		},
+		classNamesPrefix: {
+			type: String,
+			required: false
+		},
+		withStaticClasses: {
+			type: Boolean,
+			required: false
+		},
+		withGlobalClasses: {
+			type: Boolean,
+			required: false
+		},
+		stylesTransform: {
+			type: Object,
+			required: false
+		},
+		env: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const config = __props;
+		provide(CONFIG_KEY, config);
+		config.theme && provide(THEME_KEY, config.theme);
+		const __returned__ = { config };
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return renderSlot(_ctx.$slots, "default");
+}
+var config_provider_default = /*#__PURE__*/ 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"]]);
+//#endregion
+export { config_provider_default as default };
+
+//# sourceMappingURL=config-provider.mjs.map

package/esm/core/config-provider/config-provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.mjs","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,QAAQ,YAAY,MAAM;EAC1B,OAAO,SAAS,QAAQ,WAAW,OAAO,KAAK;;;;;;;;;;QClB7C,WAAQ,KAAA,QAAA,SAAA"}

package/esm/core/config-provider/config-provider.types.mjs

@@ -0,0 +1,8 @@
+"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");
+//#endregion
+export { CONFIG_KEY, THEME_KEY };
+
+//# sourceMappingURL=config-provider.types.mjs.map

package/esm/core/config-provider/config-provider.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.types.mjs","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"}