npm - @cck-ui/core - Versions diffs - 0.2.0 → 0.4.0 - Mend

@cck-ui/core 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (229) hide show

package/esm/core/box/style-props/parse-style-props/parse-style-props.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"parse-style-props.mjs","names":[],"sources":["../../../../../src/core/box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CTheme } from '../../../config-provider'\nimport { keys } from '../../../utils'\nimport { SystemPropData } from '../style-props-data'\nimport { StyleProp } from '../style-props.types'\nimport { SortMediaQueriesResult, sortMediaQueries } from './sort-media-queries'\nimport { resolvers } from '../resolvers'\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n if (typeof styleProp !== 'object' \|\| styleProp === null) return false\n\n const breakpoints = Object.keys(styleProp)\n\n if (breakpoints.length === 1 && breakpoints[0] === 'base') return false\n\n return true\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n if ('base' in value) return value.base\n\n return undefined\n }\n\n return value\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n return keys(value).filter((key) => key !== 'base')\n }\n\n return []\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n if (typeof value === 'object' && value !== null && breakpoint in value) {\n return value[breakpoint as keyof typeof value]\n }\n\n return value\n}\n\nexport interface ParseStylePropsOptions {\n data: Record<string, SystemPropData>\n styleProps: Record<string, StyleProp<any>>\n theme: CTheme\n}\n\nexport interface ParseStylePropsResult {\n hasResponsiveStyles: boolean\n inlineStyles: Properties\n styles: Properties\n media: Record<string, Properties>\n}\n\nexport function parseStyleProps({\n data,\n styleProps,\n theme\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n return sortMediaQueries(\n keys(styleProps).reduce<{\n hasResponsiveStyles: boolean\n inlineStyles: Record<string, unknown>\n styles: Record<string, unknown>\n media: Record<string, Record<string, unknown>>\n }>(\n (acc, styleProp) => {\n if (\n (styleProp as string) === 'hiddenFrom' \|\|\n (styleProp as string) === 'visibleFrom' \|\|\n (styleProp as string) === 'sx'\n ) {\n return acc\n }\n\n const propertyData = data[styleProp]\n const properties = Array.isArray(propertyData.property)\n ? propertyData.property\n : [propertyData.property]\n const baseValue = getBaseValue(styleProps[styleProp])\n\n if (!hasResponsiveStyles(styleProps[styleProp])) {\n properties.forEach((property) => {\n acc.inlineStyles[property] = resolvers[propertyData.type](\n baseValue~~,\n~~ theme\n )\n })\n\n return acc\n }\n\n acc.hasResponsiveStyles = true\n\n const breakpoints = getBreakpointKeys(styleProps[styleProp])\n\n properties.forEach((property) => {\n if (baseValue !== null) {\n acc.styles[property] = resolvers[propertyData.type](\n baseValue~~,\n~~ theme\n )\n }\n\n breakpoints.forEach((breakpoint) => {\n const bp = `(min-width: ${theme.breakpoints[breakpoint]})`\n acc.media[bp] = {\n ...acc.media[bp],\n [property]: resolvers[propertyData.type](\n getBreakpointValue(styleProps[styleProp], breakpoint),\n theme\n )\n }\n })\n })\n\n return acc\n },\n {\n hasResponsiveStyles: false,\n styles: {},\n inlineStyles: {},\n media: {}\n }\n )\n )\n}\n"],"mappings":";;;;;AAQA,SAAS,oBAAoB,WAA+B;CAC1D,IAAI,OAAO,cAAc,YAAY,cAAc,~~MAAM~~,OAAO;~~CAEhE~~,MAAM,cAAc,OAAO,KAAK,SAAS;CAEzC,IAAI,YAAY,WAAW,KAAK,YAAY,OAAO,~~QAAQ~~,OAAO;~~CAElE~~,OAAO;AACT;AAEA,SAAS,aAAa,OAA2B;CAC/C,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;EAC/C,IAAI,UAAU,~~OAAO~~,OAAO,MAAM;~~EAElC~~;CACF;CAEA,OAAO;AACT;AAEA,SAAS,kBAAkB,OAA2B;CACpD,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO,KAAK,KAAK,CAAC,CAAC,QAAQ,QAAQ,QAAQ,MAAM;CAGnD,OAAO,CAAC;AACV;AAEA,SAAS,mBAAmB,OAA2B,YAAoB;CACzE,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,OAC/D,OAAO,MAAM;CAGf,OAAO;AACT;AAeA,SAAgB,gBAAgB,EAC9B,MACA,YACA,SACiD;CACjD,OAAO,iBACL,KAAK,UAAU,CAAC,CAAC,QAMd,KAAK,cAAc;EAClB,IACG,cAAyB,gBACzB,cAAyB,iBACzB,cAAyB,~~MAE1B~~,OAAO;EAGT,MAAM,eAAe,KAAK;EAC1B,MAAM,aAAa,MAAM,QAAQ,aAAa,QAAQ,IAClD,aAAa,WACb,CAAC,aAAa,QAAQ;EAC1B,MAAM,YAAY,aAAa,WAAW,UAAU;EAEpD,IAAI,CAAC,oBAAoB,WAAW,UAAU,GAAG;GAC/C,WAAW,SAAS,aAAa;IAC/B,IAAI,aAAa,YAAY,UAAU,aAAa,KAAK,~~CACvD~~,~~WACA~~,~~KACF~~;~~GACF~~,CAAC;GAED,OAAO;EACT;EAEA,IAAI,sBAAsB;EAE1B,MAAM,cAAc,kBAAkB,WAAW,UAAU;EAE3D,WAAW,SAAS,aAAa;GAC/B,IAAI,cAAc,MAChB,IAAI,OAAO,YAAY,UAAU,aAAa,KAAK,~~CACjD~~,~~WACA~~,~~KACF~~;~~GAGF~~,YAAY,SAAS,eAAe;IAClC,MAAM,KAAK,eAAe,MAAM,YAAY,YAAY;IACxD,IAAI,MAAM,MAAM;KACd,GAAG,IAAI,MAAM;MACZ,WAAW,UAAU,aAAa,KAAK,CACtC,mBAAmB,WAAW,YAAY,UAAU,GACpD,KACF;IACF;GACF,CAAC;EACH,CAAC;EAED,OAAO;CACT,GACA;EACE,qBAAqB;EACrB,QAAQ,CAAC;EACT,cAAc,CAAC;EACf,OAAO,CAAC;CACV,CACF,CACF;AACF"}
1	+ {"version":3,"file":"parse-style-props.mjs","names":[],"sources":["../../../../../src/core/box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CTheme } from '../../../config-provider'\nimport { keys } from '../../../utils'\nimport { SystemPropData } from '../style-props-data'\nimport { StyleProp } from '../style-props.types'\nimport { SortMediaQueriesResult, sortMediaQueries } from './sort-media-queries'\nimport { resolvers } from '../resolvers'\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n if (typeof styleProp !== 'object' \|\| styleProp === null) {\n return false\n }\n\n const breakpoints = Object.keys(styleProp)\n\n if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n return false\n }\n\n return true\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n if ('base' in value) {\n return value.base\n }\n\n return undefined\n }\n\n return value\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n return keys(value).filter((key) => key !== 'base')\n }\n\n return []\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n if (typeof value === 'object' && value !== null && breakpoint in value) {\n return value[breakpoint as keyof typeof value]\n }\n\n return value\n}\n\nexport interface ParseStylePropsOptions {\n data: Record<string, SystemPropData>\n styleProps: Record<string, StyleProp<any>>\n theme: CTheme\n}\n\nexport interface ParseStylePropsResult {\n hasResponsiveStyles: boolean\n inlineStyles: Properties\n styles: Properties\n media: Record<string, Properties>\n}\n\nexport function parseStyleProps({\n data,\n styleProps,\n theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n return sortMediaQueries(\n keys(styleProps).reduce<{\n hasResponsiveStyles: boolean\n inlineStyles: Record<string, unknown>\n styles: Record<string, unknown>\n media: Record<string, Record<string, unknown>>\n }>(\n (acc, styleProp) => {\n if (\n (styleProp as string) === 'hiddenFrom' \|\|\n (styleProp as string) === 'visibleFrom' \|\|\n (styleProp as string) === 'sx' \|\|\n (styleProp as string) === 'lightHidden' \|\|\n (styleProp as string) === 'darkHidden'\n ) {\n return acc\n }\n\n const propertyData = data[styleProp]\n const properties = Array.isArray(propertyData.property)\n ? propertyData.property\n : [propertyData.property]\n const baseValue = getBaseValue(styleProps[styleProp])\n\n if (!hasResponsiveStyles(styleProps[styleProp])) {\n properties.forEach((property) => {\n acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme)\n })\n\n return acc\n }\n\n acc.hasResponsiveStyles = true\n\n const breakpoints = getBreakpointKeys(styleProps[styleProp])\n\n properties.forEach((property) => {\n if (baseValue !== null) {\n acc.styles[property] = resolvers[propertyData.type](baseValue, theme)\n }\n\n breakpoints.forEach((breakpoint) => {\n const bp = `(min-width: ${theme.breakpoints[breakpoint]})`\n acc.media[bp] = {\n ...acc.media[bp],\n [property]: resolvers[propertyData.type](\n getBreakpointValue(styleProps[styleProp], breakpoint),\n theme\n ),\n }\n })\n })\n\n return acc\n },\n {\n hasResponsiveStyles: false,\n styles: {},\n inlineStyles: {},\n media: {},\n }\n )\n )\n}\n"],"mappings":";;;;;AAQA,SAAS,oBAAoB,WAA+B;CAC1D,IAAI,OAAO,cAAc,YAAY,cAAc,MACjD,OAAO;CAGT,MAAM,cAAc,OAAO,KAAK,SAAS;CAEzC,IAAI,YAAY,WAAW,KAAK,YAAY,OAAO,QACjD,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,aAAa,OAA2B;CAC/C,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;EAC/C,IAAI,UAAU,OACZ,OAAO,MAAM;EAGf;CACF;CAEA,OAAO;AACT;AAEA,SAAS,kBAAkB,OAA2B;CACpD,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO,KAAK,KAAK,CAAC,CAAC,QAAQ,QAAQ,QAAQ,MAAM;CAGnD,OAAO,CAAC;AACV;AAEA,SAAS,mBAAmB,OAA2B,YAAoB;CACzE,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,OAC/D,OAAO,MAAM;CAGf,OAAO;AACT;AAeA,SAAgB,gBAAgB,EAC9B,MACA,YACA,SACiD;CACjD,OAAO,iBACL,KAAK,UAAU,CAAC,CAAC,QAMd,KAAK,cAAc;EAClB,IACG,cAAyB,gBACzB,cAAyB,iBACzB,cAAyB,QACzB,cAAyB,iBACzB,cAAyB,cAE1B,OAAO;EAGT,MAAM,eAAe,KAAK;EAC1B,MAAM,aAAa,MAAM,QAAQ,aAAa,QAAQ,IAClD,aAAa,WACb,CAAC,aAAa,QAAQ;EAC1B,MAAM,YAAY,aAAa,WAAW,UAAU;EAEpD,IAAI,CAAC,oBAAoB,WAAW,UAAU,GAAG;GAC/C,WAAW,SAAS,aAAa;IAC/B,IAAI,aAAa,YAAY,UAAU,aAAa,KAAK,CAAC,WAAW,KAAK;GAC5E,CAAC;GAED,OAAO;EACT;EAEA,IAAI,sBAAsB;EAE1B,MAAM,cAAc,kBAAkB,WAAW,UAAU;EAE3D,WAAW,SAAS,aAAa;GAC/B,IAAI,cAAc,MAChB,IAAI,OAAO,YAAY,UAAU,aAAa,KAAK,CAAC,WAAW,KAAK;GAGtE,YAAY,SAAS,eAAe;IAClC,MAAM,KAAK,eAAe,MAAM,YAAY,YAAY;IACxD,IAAI,MAAM,MAAM;KACd,GAAG,IAAI,MAAM;MACZ,WAAW,UAAU,aAAa,KAAK,CACtC,mBAAmB,WAAW,YAAY,UAAU,GACpD,KACF;IACF;GACF,CAAC;EACH,CAAC;EAED,OAAO;CACT,GACA;EACE,qBAAqB;EACrB,QAAQ,CAAC;EACT,cAAc,CAAC;EACf,OAAO,CAAC;CACV,CACF,CACF;AACF"}

package/esm/core/config-provider/baseline.mjs ADDED Viewed

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

package/esm/core/config-provider/cck-css-variables/default-css-variables-resolver.mjs ADDED Viewed

@@ -0,0 +1,138 @@
+"use client";
+import { rem } from "../../utils/units-converters/rem.mjs";
+import { keys } from "../../utils/keys/keys.mjs";
+import { getPrimaryShade } from "../color-functions/get-primary-shade/get-primary-shade.mjs";
+import { isVirtualColor } from "./virtual-color/virtual-color.mjs";
+import { getPrimaryContrastColor, getVirtualColorContrast } from "../color-functions/get-contrast-color/get-contrast-color.mjs";
+import { getCSSColorVariables } from "./get-css-color-variables.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/cck-css-variables/default-css-variables-resolver.ts
+function assignSizeVariables(variables, sizes, name) {
+	keys(sizes).forEach((size) => Object.assign(variables, { [`--c-${name}-${size}`]: sizes[size] }));
+}
+const defaultCssVariablesResolver = (theme) => {
+	const lightPrimaryShade = getPrimaryShade(theme, "light");
+	const defaultRadius = theme.defaultRadius in theme.radius ? theme.radius[theme.defaultRadius] : 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": 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": 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})`;
+	});
+	keys(theme.colors).forEach((color) => {
+		const value = theme.colors[color];
+		if (isVirtualColor(value)) {
+			Object.assign(result.light, getCSSColorVariables({
+				theme,
+				name: value.name,
+				color: value.light,
+				colorScheme: "light",
+				withColorValues: true
+			}));
+			Object.assign(result.dark, getCSSColorVariables({
+				theme,
+				name: value.name,
+				color: value.dark,
+				colorScheme: "dark",
+				withColorValues: true
+			}));
+			result.light[`--c-color-${value.name}-contrast`] = getVirtualColorContrast(value, theme, "light");
+			result.dark[`--c-color-${value.name}-contrast`] = getVirtualColorContrast(value, theme, "dark");
+			return;
+		}
+		value.forEach((shade, index) => {
+			result.variables[`--c-color-${color}-${index}`] = shade;
+		});
+		Object.assign(result.light, getCSSColorVariables({
+			theme,
+			color,
+			colorScheme: "light",
+			withColorValues: false
+		}));
+		Object.assign(result.dark, getCSSColorVariables({
+			theme,
+			color,
+			colorScheme: "dark",
+			withColorValues: false
+		}));
+	});
+	const headings = theme.headings.sizes;
+	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
+export { defaultCssVariablesResolver };
+//# sourceMappingURL=default-css-variables-resolver.mjs.map

package/esm/core/config-provider/cck-css-variables/default-css-variables-resolver.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default-css-variables-resolver.mjs","names":[],"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":"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"}

package/esm/core/config-provider/cck-css-variables/get-css-color-variables.mjs ADDED Viewed

@@ -0,0 +1,64 @@
+"use client";
+import { darken } from "../color-functions/darken/darken.mjs";
+import { alpha } from "../color-functions/rgba/rgba.mjs";
+import { getPrimaryShade } from "../color-functions/get-primary-shade/get-primary-shade.mjs";
+//#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 = 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`]: 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 = 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`]: darken(theme.colors[color][9], .5),
+		[`--c-color-${name}-light-hover`]: 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`]: 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
+export { getCSSColorVariables };
+//# sourceMappingURL=get-css-color-variables.mjs.map

package/esm/core/config-provider/cck-css-variables/get-css-color-variables.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-css-color-variables.mjs","names":[],"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":";;;;;AAWA,SAAgB,qBAAqB,EACnC,OACA,OACA,aACA,OAAO,OACP,kBAAkB,QACO;CACzB,IAAI,CAAC,MAAM,OAAO,QAChB,OAAO,CAAC;CAGV,IAAI,gBAAgB,SAAS;EAC3B,MAAM,eAAe,gBAAgB,OAAO,OAAO;EAEnD,MAAM,mBAAmB;IACtB,aAAa,KAAK,SAAS,iBAAiB,KAAK;IACjD,aAAa,KAAK,WAAW,iBAAiB,KAAK,GAAG,aAAa;IACnE,aAAa,KAAK,iBAAiB,iBAAiB,KAAK,GAAG,iBAAiB,IAAI,IAAI,eAAe,EAAE;IACtG,aAAa,KAAK,UAAU,iBAAiB,KAAK;IAClD,aAAa,KAAK,gBAAgB,iBAAiB,KAAK;IACxD,aAAa,KAAK,gBAAgB,iBAAiB,KAAK;IACxD,aAAa,KAAK,YAAY,iBAAiB,KAAK,GAAG,aAAa;IACpE,aAAa,KAAK,kBAAkB,MAAM,MAAM,OAAO,MAAM,CAAC,eAAe,GAAI;EACpF;EAEA,IAAI,CAAC,iBACH,OAAO;EAGT,OAAO;IACJ,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC7C,GAAG;EACL;CACF;CAEA,MAAM,eAAe,gBAAgB,OAAO,MAAM;CAClD,MAAM,mBAAmB;GACtB,aAAa,KAAK,SAAS,iBAAiB,KAAK;GACjD,aAAa,KAAK,WAAW,iBAAiB,KAAK,GAAG,aAAa;GACnE,aAAa,KAAK,iBAAiB,iBAAiB,KAAK,GAAG,iBAAiB,IAAI,IAAI,eAAe,EAAE;GACtG,aAAa,KAAK,UAAU,OAAO,MAAM,OAAO,MAAM,CAAC,IAAI,EAAG;GAC9D,aAAa,KAAK,gBAAgB,OAAO,MAAM,OAAO,MAAM,CAAC,IAAI,EAAG;GACpE,aAAa,KAAK,gBAAgB,iBAAiB,KAAK;GACxD,aAAa,KAAK,YAAY,iBAAiB,KAAK,GAAI,KAAK,IAAI,eAAe,CAAC,GAAG,EAAG;GACvF,aAAa,KAAK,kBAAkB,MACnC,MAAM,OAAO,MAAM,CAAC,KAAK,IAAI,eAAe,GAAG,CAAC,IAChD,GACF;CACF;CAEA,IAAI,CAAC,iBACH,OAAO;CAGT,OAAO;GACJ,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAC5C,aAAa,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;EAC7C,GAAG;CACL;AACF"}

package/esm/core/config-provider/cck-css-variables/virtual-color/virtual-color.mjs ADDED Viewed

@@ -0,0 +1,38 @@
+"use client";
+import { colorsTuple } from "../../color-functions/colors-tuple/colors-tuple.mjs";
+//#region packages/@cck-ui/core/src/core/config-provider/cck-css-variables/virtual-color/virtual-color.ts
+function virtualColor(input) {
+	const result = 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
+export { isVirtualColor, virtualColor };
+//# sourceMappingURL=virtual-color.mjs.map

package/esm/core/config-provider/cck-css-variables/virtual-color/virtual-color.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"virtual-color.mjs","names":[],"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,SAAS,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/esm/core/config-provider/color-functions/colors-tuple/colors-tuple.mjs ADDED Viewed

@@ -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
+export { colorsTuple };
+//# sourceMappingURL=colors-tuple.mjs.map

package/esm/core/config-provider/color-functions/colors-tuple/colors-tuple.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"colors-tuple.mjs","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/esm/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs CHANGED Viewed

@@ -85,6 +85,28 @@ const defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoCon
 			border: `${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: `${rem(1)} dashed 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)} dashed var(--c-color-${parsed.color}-${parsed.shade})`
+			};
+		}
+		return {
+			background: "transparent",
+			hover: rgba(color, .05),
+			color,
+			border: `${rem(1)} dashed ${color}`
+		};
+	}
 	if (variant === "subtle") {
 		if (parsed.isThemeColor) {
 			if (parsed.shade === void 0) return {

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

	@@ -1 +1 @@
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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"}
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 === '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":";;;;;;;AA2BA,MAAa,gCAAuD,EAClE,OACA,OACA,SACA,UACA,mBACI;CACJ,MAAM,SAAS,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,GAAG,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,GAAG,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAO,OAAO,OAAQ,EAAG;GACzB,OAAO;GACP,QAAQ,GAAG,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,GAAG,IAAI,CAAC,EAAE;GACpB;GAGF,MAAM,cAAc,MAAM,OAAO,OAAO,MAAM,CAAC,OAAO;GAEtD,OAAO;IACL,YAAY;IACZ,OAAO,OAAO,aAAa,EAAG;IAC9B,OAAO,iBAAiB,OAAO,MAAM;IACrC,QAAQ,GAAG,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY,KAAK,OAAQ,EAAG;GAC5B,OAAO,KAAK,OAAQ,GAAI;GACjB;GACP,QAAQ,GAAG,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,GAAG,IAAI,CAAC,EAAE,uBAAuB,MAAM;GACjD;GAGF,OAAO;IACL,YAAY;IACZ,OAAO,KAAK,MAAM,OAAO,OAAO,MAAM,CAAC,OAAO,QAAQ,GAAI;IAC1D,OAAO,iBAAiB,OAAO,MAAM,GAAG,OAAO,MAAM;IACrD,QAAQ,GAAG,IAAI,CAAC,EAAE,uBAAuB,OAAO,MAAM,GAAG,OAAO,MAAM;GACxE;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAO,KAAK,OAAQ,GAAI;GACjB;GACP,QAAQ,GAAG,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,GAAG,IAAI,CAAC,EAAE,wBAAwB,MAAM;GAClD;GAGF,OAAO;IACL,YAAY;IACZ,OAAO,KAAK,MAAM,OAAO,OAAO,MAAM,CAAC,OAAO,QAAQ,GAAI;IAC1D,OAAO,iBAAiB,OAAO,MAAM,GAAG,OAAO,MAAM;IACrD,QAAQ,GAAG,IAAI,CAAC,EAAE,wBAAwB,OAAO,MAAM,GAAG,OAAO,MAAM;GACzE;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAO,KAAK,OAAQ,GAAI;GACjB;GACP,QAAQ,GAAG,IAAI,CAAC,EAAE,UAAU;EAC9B;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,GAAG,IAAI,CAAC,EAAE;GACpB;GAGF,MAAM,cAAc,MAAM,OAAO,OAAO,MAAM,CAAC,OAAO;GAEtD,OAAO;IACL,YAAY;IACZ,OAAO,KAAK,aAAa,GAAI;IAC7B,OAAO,iBAAiB,OAAO,MAAM,GAAG,KAAK,IAAI,OAAO,OAAO,CAAC,EAAE;IAClE,QAAQ,GAAG,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAO,KAAK,OAAQ,GAAI;GACjB;GACP,QAAQ,GAAG,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,GAAG,IAAI,CAAC,EAAE;GACpB;GAGF,OAAO;IACL,YAAY;IACZ,OAAO;IACP,OAAO,iBAAiB,OAAO,MAAM,GAAG,KAAK,IAAI,OAAO,OAAO,CAAC,EAAE;IAClE,QAAQ,GAAG,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAO;GACA;GACP,QAAQ,GAAG,IAAI,CAAC,EAAE;EACpB;CACF;CAEA,IAAI,YAAY,SAAS;EACvB,IAAI,OAAO,cAAc;GACvB,IAAI,OAAO,UAAU,KAAA,GACnB,OAAO;IACL,YAAY;IACZ,OAAO,OAAO,MAAM,OAAO,GAAI;IAC/B,OAAO,iBAAiB,MAAM;IAC9B,QAAQ,GAAG,IAAI,CAAC,EAAE;GACpB;GAGF,OAAO;IACL,YAAY;IACZ,OAAO,OAAO,MAAM,OAAO,GAAI;IAC/B,OAAO,iBAAiB,OAAO,MAAM,GAAG,OAAO,MAAM;IACrD,QAAQ,GAAG,IAAI,CAAC,EAAE;GACpB;EACF;EAEA,OAAO;GACL,YAAY;GACZ,OAAO,OAAO,MAAM,OAAO,GAAI;GACxB;GACP,QAAQ,GAAG,IAAI,CAAC,EAAE;EACpB;CACF;CAEA,IAAI,YAAY,YACd,OAAO;EACL,YAAY,YAAY,UAAU,KAAK;EACvC,OAAO,YAAY,UAAU,KAAK;EAClC,OAAO;EACP,QAAQ;CACV;CAGF,IAAI,YAAY,WACd,OAAO;EACL,YAAY;EACZ,OAAO;EACP,OAAO;EACP,QAAQ,GAAG,IAAI,CAAC,EAAE;CACpB;CAGF,OAAO,CAAC;AACV"}

package/esm/core/config-provider/color-functions/get-contrast-color/get-contrast-color.mjs ADDED Viewed

@@ -0,0 +1,37 @@
+"use client";
+import { getPrimaryShade } from "../get-primary-shade/get-primary-shade.mjs";
+import { parseThemeColor } from "../parse-theme-color/parse-theme-color.mjs";
+import { isVirtualColor } from "../../cck-css-variables/virtual-color/virtual-color.mjs";
+//#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 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 (isVirtualColor(primaryColor)) {
+		if (!theme.autoContrast) return "var(--c-color-white)";
+		return getVirtualColorContrast(primaryColor, theme, colorScheme);
+	}
+	return getContrastColor({
+		color: primaryColor[getPrimaryShade(theme, colorScheme)],
+		theme,
+		autoContrast: null
+	});
+}
+//#endregion
+export { getContrastColor, getPrimaryContrastColor, getVirtualColorContrast };
+//# sourceMappingURL=get-contrast-color.mjs.map

package/esm/core/config-provider/color-functions/get-contrast-color/get-contrast-color.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-contrast-color.mjs","names":[],"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,OADe,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,IAAI,eAAe,YAAY,GAAG;EAChC,IAAI,CAAC,MAAM,cACT,OAAO;EAGT,OAAO,wBAAwB,cAAc,OAAO,WAAW;CACjE;CAEA,OAAO,iBAAiB;EACtB,OAAO,aAAa,gBAAgB,OAAO,WAAW;EACtD;EACA,cAAc;CAChB,CAAC;AACH"}

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

	@@ -1 +1 @@
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"}
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: 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,SAAS,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,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,QAAQ,aAAa,OAAO,GAAG,eAAe,aAAa,OAAO;EAC9E;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-scheme-managers/is-cck-color-scheme.mjs ADDED Viewed

@@ -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
+export { isCckColorScheme };
+//# sourceMappingURL=is-cck-color-scheme.mjs.map

package/esm/core/config-provider/color-scheme-managers/is-cck-color-scheme.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"is-cck-color-scheme.mjs","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/esm/core/config-provider/color-scheme-managers/local-storage-manager.mjs ADDED Viewed

@@ -0,0 +1,40 @@
+"use client";
+import { isCckColorScheme } from "./is-cck-color-scheme.mjs";
+//#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 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) isCckColorScheme(event.newValue) && onUpdate(event.newValue);
+			};
+			window.addEventListener("storage", handleStorageEvent);
+		},
+		unsubscribe: () => {
+			window.removeEventListener("storage", handleStorageEvent);
+		},
+		clear: () => {
+			window.localStorage.removeItem(key);
+		}
+	};
+}
+//#endregion
+export { localStorageColorSchemeManager };
+//# sourceMappingURL=local-storage-manager.mjs.map

package/esm/core/config-provider/color-scheme-managers/local-storage-manager.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"local-storage-manager.mjs","names":[],"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,OAAO,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,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"}

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

@@ -1,7 +1,11 @@
 "use client";
-import { CONFIG_KEY } from "./config-provider.types.mjs";
-import { inject } from "vue";
+import { CONFIG_KEY, THEME_KEY } from "./config-provider.types.mjs";
+import { DEFAULT_THEME } from "./default-theme.mjs";
+import { computed, inject } from "vue";
 //#region packages/@cck-ui/core/src/core/config-provider/config-provider.context.ts
+function useCckTheme() {
+	return inject(THEME_KEY, computed(() => DEFAULT_THEME));
+}
 function useConfigContext() {
 	const ctx = inject(CONFIG_KEY);
 	if (!ctx) throw new Error("[@cck-ui/core] ConfigProvider was not found in tree");
@@ -32,6 +36,6 @@ function useCckEnv() {
 	return useConfigContext().env || "default";
 }
 //#endregion
-export { useCckClassNamesPrefix, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckWithStaticClasses, useConfigContext };
+export { useCckClassNamesPrefix, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useConfigContext };
 //# sourceMappingURL=config-provider.context.mjs.map

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

	@@ -1 +1 @@
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"}
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 { computed, ComputedRef, inject } from 'vue'\nimport { CONFIG_KEY, THEME_KEY } from './config-provider.types'\nimport { DEFAULT_THEME } from './default-theme'\n\nexport interface CStylesTransform {\n sx?: () => (sx: any) => string\n styles?: () => (styles: any, payload: any) => Record<string, string>\n}\n\nexport interface CContextValue {\n colorScheme: ComputedRef<CColorScheme>\n setColorScheme: (colorScheme: CColorScheme) => void\n clearColorScheme: () => void\n getRootElement: () => HTMLElement \| undefined\n classNamesPrefix: string\n getStyleNonce?: () => string \| undefined\n cssVariablesResolver?: (theme: CTheme) => ConvertCSSVariablesInput\n cssVariablesSelector: string\n withStaticClasses: boolean\n headless?: boolean\n stylesTransform?: CStylesTransform\n env?: 'default' \| 'test'\n}\n\nexport function useCckTheme(): ComputedRef<CTheme> {\n return inject(\n THEME_KEY,\n computed(() => DEFAULT_THEME)\n )\n}\n\nexport function useConfigContext() {\n const ctx = inject(CONFIG_KEY)\n\n if (!ctx) {\n throw new Error('[@cck-ui/core] ConfigProvider was not found in tree')\n }\n\n return ctx\n}\n\nexport function useCckCssVariablesResolver() {\n return useConfigContext().cssVariablesResolver\n}\n\nexport function useCckClassNamesPrefix() {\n return useConfigContext().classNamesPrefix\n}\n\nexport function useCckStyleNonce() {\n return useConfigContext().getStyleNonce\n}\n\nexport function useCckWithStaticClasses() {\n return useConfigContext().withStaticClasses\n}\n\nexport function useCckIsHeadless() {\n return useConfigContext().headless\n}\n\nexport function useCckSxTransform() {\n return useConfigContext().stylesTransform?.sx\n}\n\nexport function useCckStylesTransform() {\n return useConfigContext().stylesTransform?.styles\n}\n\nexport function useCckEnv() {\n return useConfigContext().env \|\| 'default'\n}\n"],"mappings":";;;;;AA0BA,SAAgB,cAAmC;CACjD,OAAO,OACL,WACA,eAAe,aAAa,CAC9B;AACF;AAEA,SAAgB,mBAAmB;CACjC,MAAM,MAAM,OAAO,UAAU;CAE7B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qDAAqD;CAGvE,OAAO;AACT;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,yBAAyB;CACvC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,mBAAmB;CACjC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,0BAA0B;CACxC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,mBAAmB;CACjC,OAAO,iBAAiB,CAAC,CAAC;AAC5B;AAEA,SAAgB,oBAAoB;CAClC,OAAO,iBAAiB,CAAC,CAAC,iBAAiB;AAC7C;AAEA,SAAgB,wBAAwB;CACtC,OAAO,iBAAiB,CAAC,CAAC,iBAAiB;AAC7C;AAEA,SAAgB,YAAY;CAC1B,OAAO,iBAAiB,CAAC,CAAC,OAAO;AACnC"}