@cck-ui/core 0.2.0

package/esm/core/utils/keys/keys.mjs

@@ -0,0 +1,9 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/utils/keys/keys.ts
+function keys(object) {
+	return Object.keys(object);
+}
+//#endregion
+export { keys };
+
+//# sourceMappingURL=keys.mjs.map

package/esm/core/utils/keys/keys.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.mjs","names":[],"sources":["../../../../src/core/utils/keys/keys.ts"],"sourcesContent":["export function keys<T extends object, K extends keyof T>(object: T): K[] {\n  return Object.keys(object) as K[]\n}\n"],"mappings":";;AAAA,SAAgB,KAA0C,QAAgB;CACxE,OAAO,OAAO,KAAK,MAAM;AAC3B"}

package/esm/core/utils/number-like-string-to-number/number-like-string-to-number.mjs

@@ -0,0 +1,11 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/utils/number-like-string-to-number/number-like-string-to-number.ts
+function numberLikeStringToNumber(value, fallback = 0) {
+	if (typeof value === "number") return value;
+	const parsed = Number(value);
+	return Number.isNaN(parsed) ? fallback : parsed;
+}
+//#endregion
+export { numberLikeStringToNumber };
+
+//# sourceMappingURL=number-like-string-to-number.mjs.map

package/esm/core/utils/number-like-string-to-number/number-like-string-to-number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-like-string-to-number.mjs","names":[],"sources":["../../../../src/core/utils/number-like-string-to-number/number-like-string-to-number.ts"],"sourcesContent":["import { NumberLikeString } from '../../box'\n\nexport function numberLikeStringToNumber(\n  value: NumberLikeString,\n  fallback: number = 0\n): number {\n  if (typeof value === 'number') return value\n  const parsed = Number(value)\n  return Number.isNaN(parsed) ? fallback : parsed\n}\n"],"mappings":";;AAEA,SAAgB,yBACd,OACA,WAAmB,GACX;CACR,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,MAAM,SAAS,OAAO,KAAK;CAC3B,OAAO,OAAO,MAAM,MAAM,IAAI,WAAW;AAC3C"}

package/esm/core/utils/types/index.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { isString, isString as isString$1 } from "@vue/shared";
+//#region packages/@cck-ui/core/src/core/utils/types/index.ts
+const isUndefined = (val) => val === void 0;
+const isNumber = (val) => typeof val === "number";
+const isStringNumber = (val) => {
+	if (!isString(val)) return false;
+	return !Number.isNaN(Number(val));
+};
+//#endregion
+export { isNumber, isString$1 as isString, isStringNumber, isUndefined };
+
+//# sourceMappingURL=index.mjs.map

package/esm/core/utils/types/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/core/utils/types/index.ts"],"sourcesContent":["import { isString } from '@vue/shared'\n\nexport { isString } from '@vue/shared'\n\nexport const isUndefined = (val: any): val is undefined => val === undefined\nexport const isNumber = (val: any): val is number => typeof val === 'number'\n\nexport const isStringNumber = (val: string): boolean => {\n  if (!isString(val)) {\n    return false\n  }\n  return !Number.isNaN(Number(val))\n}\n\nexport function isNumberLike(value: unknown) {\n  if (typeof value === 'number') return true\n\n  if (typeof value === 'string') {\n    if (\n      value.startsWith('calc(') ||\n      value.startsWith('var(') ||\n      (value.includes(' ') && value.trim() !== '')\n    ) {\n      return true\n    }\n\n    const cssUnitsRegex =\n      /^[+-]?[0-9]+(\\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/\n    const values = value.trim().split(/\\s+/)\n    return values.every((val) => cssUnitsRegex.test(val))\n  }\n\n  return false\n}\n"],"mappings":";;;AAIA,MAAa,eAAe,QAA+B,QAAQ,KAAA;AACnE,MAAa,YAAY,QAA4B,OAAO,QAAQ;AAEpE,MAAa,kBAAkB,QAAyB;CACtD,IAAI,CAAC,SAAS,GAAG,GACf,OAAO;CAET,OAAO,CAAC,OAAO,MAAM,OAAO,GAAG,CAAC;AAClC"}

package/esm/core/utils/units-converters/px.mjs

@@ -0,0 +1,21 @@
+//#region packages/@cck-ui/core/src/core/utils/units-converters/px.ts
+function getTransformdScaledValue(value) {
+	if (typeof value !== "string" || !value.includes("var(--c-scale)")) return value;
+	return value.match(/^calc\((.*?)\)$/)?.[1].split("*")[0].trim();
+}
+function px(value) {
+	const transformedValue = getTransformdScaledValue(value);
+	if (typeof transformedValue === "number") return transformedValue;
+	if (typeof transformedValue === "string") {
+		if (transformedValue.includes("calc") || transformedValue.includes("var")) return transformedValue;
+		if (transformedValue.includes("px")) return Number(transformedValue.replace("px", ""));
+		if (transformedValue.includes("rem")) return Number(transformedValue.replace("rem", "")) * 16;
+		if (transformedValue.includes("em")) return Number(transformedValue.replace("em", "")) * 16;
+		return Number(transformedValue);
+	}
+	return NaN;
+}
+//#endregion
+export { px };
+
+//# sourceMappingURL=px.mjs.map

package/esm/core/utils/units-converters/px.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"px.mjs","names":[],"sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformdScaledValue(value: unknown) {\n  if (typeof value !== 'string' || !value.includes('var(--c-scale)'))\n    return value\n\n  return value\n    .match(/^calc\\((.*?)\\)$/)?.[1]\n    .split('*')[0]\n    .trim()\n}\n\nexport function px(value: unknown) {\n  const transformedValue = getTransformdScaledValue(value)\n\n  if (typeof transformedValue === 'number') return transformedValue\n\n  if (typeof transformedValue === 'string') {\n    if (transformedValue.includes('calc') || transformedValue.includes('var'))\n      return transformedValue\n\n    if (transformedValue.includes('px'))\n      return Number(transformedValue.replace('px', ''))\n\n    if (transformedValue.includes('rem'))\n      return Number(transformedValue.replace('rem', '')) * 16\n\n    if (transformedValue.includes('em'))\n      return Number(transformedValue.replace('em', '')) * 16\n\n    return Number(transformedValue)\n  }\n\n  return Number.NaN\n}\n"],"mappings":";AAAA,SAAS,yBAAyB,OAAgB;CAChD,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,SAAS,gBAAgB,GAC/D,OAAO;CAET,OAAO,MACJ,MAAM,iBAAiB,CAAC,GAAG,EAAE,CAC7B,MAAM,GAAG,CAAC,CAAC,EAAE,CACb,KAAK;AACV;AAEA,SAAgB,GAAG,OAAgB;CACjC,MAAM,mBAAmB,yBAAyB,KAAK;CAEvD,IAAI,OAAO,qBAAqB,UAAU,OAAO;CAEjD,IAAI,OAAO,qBAAqB,UAAU;EACxC,IAAI,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,SAAS,KAAK,GACtE,OAAO;EAET,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC;EAElD,IAAI,iBAAiB,SAAS,KAAK,GACjC,OAAO,OAAO,iBAAiB,QAAQ,OAAO,EAAE,CAAC,IAAI;EAEvD,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC,IAAI;EAEtD,OAAO,OAAO,gBAAgB;CAChC;CAEA,OAAO;AACT"}

package/esm/core/utils/units-converters/rem.mjs

@@ -0,0 +1,33 @@
+//#region packages/@cck-ui/core/src/core/utils/units-converters/rem.ts
+function scaleRem(remValue) {
+	if (remValue === "0rem") return "0rem";
+	return `calc(${remValue} * var(--c-scale))`;
+}
+function createConverter(units, { shouldScale = false } = {}) {
+	function converter(value) {
+		if (value === 0 || value === "0") return `0${units}`;
+		if (typeof value === "number") {
+			const val = `${value / 16}${units}`;
+			return shouldScale ? scaleRem(val) : val;
+		}
+		if (typeof value === "string") {
+			if (value === "") return value;
+			if (value.startsWith("calc(") || value.startsWith("clamp(") || value.includes("rgba(")) return value;
+			if (value.includes(",")) return value.split(",").map((val) => converter(val)).join(",");
+			if (value.includes(" ")) return value.split(" ").map((val) => converter(val)).join(" ");
+			const replaced = value.replace("px", "");
+			if (!Number.isNaN(Number(replaced))) {
+				const val = `${Number(replaced) / 16}${units}`;
+				return shouldScale ? scaleRem(val) : val;
+			}
+		}
+		return value;
+	}
+	return converter;
+}
+const rem = createConverter("rem", { shouldScale: true });
+const em = createConverter("em");
+//#endregion
+export { em, rem };
+
+//# sourceMappingURL=rem.mjs.map

package/esm/core/utils/units-converters/rem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rem.mjs","names":[],"sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n  if (remValue === '0rem') return '0rem'\n  return `calc(${remValue} * var(--c-scale))`\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n  function converter(value: unknown): string {\n    if (value === 0 || value === '0') return `0${units}`\n\n    if (typeof value === 'number') {\n      const val = `${value / 16}${units}`\n      return shouldScale ? scaleRem(val) : val\n    }\n\n    if (typeof value === 'string') {\n      if (value === '') return value\n\n      if (\n        value.startsWith('calc(') ||\n        value.startsWith('clamp(') ||\n        value.includes('rgba(')\n      )\n        return value\n\n      if (value.includes(',')) {\n        return value\n          .split(',')\n          .map((val) => converter(val))\n          .join(',')\n      }\n\n      if (value.includes(' ')) {\n        return value\n          .split(' ')\n          .map((val) => converter(val))\n          .join(' ')\n      }\n\n      const replaced = value.replace('px', '')\n      if (!Number.isNaN(Number(replaced))) {\n        const val = `${Number(replaced) / 16}${units}`\n        return shouldScale ? scaleRem(val) : val\n      }\n    }\n\n    return value as string\n  }\n\n  return converter\n}\n\nexport const rem = createConverter('rem', { shouldScale: true })\nexport const em = createConverter('em')\n"],"mappings":";AAAA,SAAS,SAAS,UAAkB;CAClC,IAAI,aAAa,QAAQ,OAAO;CAChC,OAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,gBAAgB,OAAe,EAAE,cAAc,UAAU,CAAC,GAAG;CACpE,SAAS,UAAU,OAAwB;EACzC,IAAI,UAAU,KAAK,UAAU,KAAK,OAAO,IAAI;EAE7C,IAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM,GAAG,QAAQ,KAAK;GAC5B,OAAO,cAAc,SAAS,GAAG,IAAI;EACvC;EAEA,IAAI,OAAO,UAAU,UAAU;GAC7B,IAAI,UAAU,IAAI,OAAO;GAEzB,IACE,MAAM,WAAW,OAAO,KACxB,MAAM,WAAW,QAAQ,KACzB,MAAM,SAAS,OAAO,GAEtB,OAAO;GAET,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,MAAM,WAAW,MAAM,QAAQ,MAAM,EAAE;GACvC,IAAI,CAAC,OAAO,MAAM,OAAO,QAAQ,CAAC,GAAG;IACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,IAAI,KAAK;IACvC,OAAO,cAAc,SAAS,GAAG,IAAI;GACvC;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,MAAa,MAAM,gBAAgB,OAAO,EAAE,aAAa,KAAK,CAAC;AAC/D,MAAa,KAAK,gBAAgB,IAAI"}

package/esm/core/utils/vue/component.mjs

@@ -0,0 +1,11 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/utils/vue/component.ts
+function getComponentName(component) {
+	if (typeof component === "string") return component;
+	if (component && typeof component === "object") return component.name || component.__name || "unknown component";
+	return String(component);
+}
+//#endregion
+export { getComponentName };
+
+//# sourceMappingURL=component.mjs.map

package/esm/core/utils/vue/component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.mjs","names":[],"sources":["../../../../src/core/utils/vue/component.ts"],"sourcesContent":["export function getComponentName(component: any): string {\n  if (typeof component === 'string') return component\n  if (component && typeof component === 'object') {\n    return component.name || component.__name || 'unknown component'\n  }\n  return String(component)\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,WAAwB;CACvD,IAAI,OAAO,cAAc,UAAU,OAAO;CAC1C,IAAI,aAAa,OAAO,cAAc,UACpC,OAAO,UAAU,QAAQ,UAAU,UAAU;CAE/C,OAAO,OAAO,SAAS;AACzB"}

package/esm/core/utils/vue/install.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { hasOwn, isArray } from "@vue/shared";
+import { isPlainObject } from "es-toolkit";
+//#region packages/@cck-ui/core/src/core/utils/vue/install.ts
+const withPropsDefaultSetter = (target) => {
+	const _p = target.props;
+	const props = isArray(_p) ? Object.fromEntries(_p.map((key) => [key, {}])) : _p;
+	target.setPropsDefaults = (defaults) => {
+		if (!props) return;
+		for (const [key, value] of Object.entries(defaults)) {
+			const prop = props[key];
+			if (!hasOwn(props, key)) continue;
+			if (isPlainObject(prop)) {
+				props[key] = {
+					...props,
+					default: value
+				};
+				continue;
+			}
+			props[key] = {
+				type: prop,
+				default: value
+			};
+		}
+		target.props = props;
+	};
+};
+const withInstall = (main, extra) => {
+	main.install = (app) => {
+		for (const comp of [main, ...Object.values(extra ?? [])]) app.component(comp.name, comp);
+	};
+	if (extra) for (const [key, comp] of Object.entries(extra)) main[key] = comp;
+	withPropsDefaultSetter(main);
+	return main;
+};
+//#endregion
+export { withInstall, withPropsDefaultSetter };
+
+//# sourceMappingURL=install.mjs.map

package/esm/core/utils/vue/install.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.mjs","names":[],"sources":["../../../../src/core/utils/vue/install.ts"],"sourcesContent":["import { hasOwn, isArray } from '@vue/shared'\nimport { isPlainObject } from 'es-toolkit'\nimport type { SFCWithInstall } from './typescript'\n\nexport const withPropsDefaultSetter = (target: any) => {\n  const _p = target.props\n  const props = isArray(_p)\n    ? Object.fromEntries(_p.map((key) => [key, {}]))\n    : _p\n\n  target.setPropsDefaults = (defaults: Record<string, any>) => {\n    if (!props) return\n\n    for (const [key, value] of Object.entries(defaults)) {\n      const prop = props[key]\n\n      if (!hasOwn(props, key)) continue\n\n      if (isPlainObject(prop)) {\n        props[key] = {\n          ...props,\n          default: value\n        }\n        continue\n      }\n\n      props[key] = {\n        type: prop,\n        default: value\n      }\n    }\n\n    target.props = props\n  }\n}\n\nexport const withInstall = <T, E extends Record<string, any>>(\n  main: T,\n  extra?: E\n) => {\n  ;(main as SFCWithInstall<T>).install = (app): void => {\n    for (const comp of [main, ...Object.values(extra ?? [])]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ;(main as any)[key] = comp\n    }\n  }\n  withPropsDefaultSetter(main)\n  return main as SFCWithInstall<T> & E\n}\n"],"mappings":";;;;AAIA,MAAa,0BAA0B,WAAgB;CACrD,MAAM,KAAK,OAAO;CAClB,MAAM,QAAQ,QAAQ,EAAE,IACpB,OAAO,YAAY,GAAG,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAC7C;CAEJ,OAAO,oBAAoB,aAAkC;EAC3D,IAAI,CAAC,OAAO;EAEZ,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAQ,GAAG;GACnD,MAAM,OAAO,MAAM;GAEnB,IAAI,CAAC,OAAO,OAAO,GAAG,GAAG;GAEzB,IAAI,cAAc,IAAI,GAAG;IACvB,MAAM,OAAO;KACX,GAAG;KACH,SAAS;IACX;IACA;GACF;GAEA,MAAM,OAAO;IACX,MAAM;IACN,SAAS;GACX;EACF;EAEA,OAAO,QAAQ;CACjB;AACF;AAEA,MAAa,eACX,MACA,UACG;CACF,KAA4B,WAAW,QAAc;EACpD,KAAK,MAAM,QAAQ,CAAC,MAAM,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,CAAC,GACrD,IAAI,UAAU,KAAK,MAAM,IAAI;CAEjC;CAEA,IAAI,OACF,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAC3C,KAAc,OAAO;CAG1B,uBAAuB,IAAI;CAC3B,OAAO;AACT"}

package/esm/index.mjs

@@ -0,0 +1,50 @@
+import { camelToKebabCase } from "./core/utils/camel-to-kebab-case/camel-to-kebab-case.mjs";
+import { filterProps } from "./core/utils/filter-props/filter-props.mjs";
+import { getBaseValue } from "./core/utils/get-base-value/get-base-value.mjs";
+import { px } from "./core/utils/units-converters/px.mjs";
+import { em, rem } from "./core/utils/units-converters/rem.mjs";
+import { getBreakpointValue } from "./core/utils/get-breakpoint-value/get-breakpoint-value.mjs";
+import { isNumberLike } from "./core/utils/is-number-like/is-number-like.mjs";
+import { getFontSize, getLineHeight, getRadius, getShadow, getSize, getSpacing } from "./core/utils/get-size/get-size.mjs";
+import { getSortedBreakpoints } from "./core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs";
+import { numberLikeStringToNumber } from "./core/utils/number-like-string-to-number/number-like-string-to-number.mjs";
+import { keys } from "./core/utils/keys/keys.mjs";
+import { getComponentName } from "./core/utils/vue/component.mjs";
+import { withInstall, withPropsDefaultSetter } from "./core/utils/vue/install.mjs";
+import { clearShadeCache, generateColorShades, setColorAlpha } from "./core/utils/color.mjs";
+import { isNumber, isString, isStringNumber, isUndefined } from "./core/utils/types/index.mjs";
+import { addUnit } from "./core/utils/dom/style.mjs";
+import { CONFIG_KEY, THEME_KEY } from "./core/config-provider/config-provider.types.mjs";
+import { toRgba } from "./core/config-provider/color-functions/to-rgba/to-rgba.mjs";
+import { darken } from "./core/config-provider/color-functions/darken/darken.mjs";
+import { alpha, rgba } from "./core/config-provider/color-functions/rgba/rgba.mjs";
+import { isLightColor, luminance } from "./core/config-provider/color-functions/luminance/luminance.mjs";
+import { getPrimaryShade } from "./core/config-provider/color-functions/get-primary-shade/get-primary-shade.mjs";
+import { parseThemeColor } from "./core/config-provider/color-functions/parse-theme-color/parse-theme-color.mjs";
+import { getThemeColor } from "./core/config-provider/color-functions/get-theme-color/get-theme-color.mjs";
+import { getGradient } from "./core/config-provider/color-functions/get-gradient/get-gradient.mjs";
+import { defaultVariantColorsResolver } from "./core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs";
+import { useCckClassNamesPrefix, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckWithStaticClasses, useConfigContext } from "./core/config-provider/config-provider.context.mjs";
+import { DEFAULT_THEME } from "./core/config-provider/default-theme.mjs";
+import { CckConfigProvider } from "./core/config-provider/index.mjs";
+import { extractStyleProps } from "./core/box/style-props/extract-style-props/extract-style-props.mjs";
+import { parseStyleProps } from "./core/box/style-props/parse-style-props/parse-style-props.mjs";
+import { STYLE_PROPS_DATA } from "./core/box/style-props/style-props-data.mjs";
+import { responsiveStyleManager } from "./core/responsive-style-manager/responsive-style-manager.mjs";
+import { hashStyleProps } from "./core/responsive-style-manager/hash-styles.mjs";
+import { normalizeNumberLikeStringProp } from "./core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.mjs";
+import { stylesToString } from "./core/responsive-style-manager/styles-to-string/styles-to-string.mjs";
+import { useRandomClassName } from "./core/box/use-random-classname/use-random-classname.mjs";
+import { CBox } from "./core/box/index.mjs";
+import { createVarsResolver } from "./core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
+import { resolveClassNames } from "./core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs";
+import { resolveStyles } from "./core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs";
+import { FOCUS_CLASS_NAMES } from "./core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.mjs";
+import { useStyles } from "./core/styles-api/use-styles/use-styles.mjs";
+import { CButton, CButtonGroup, CButtonGroupSection } from "./components/button/index.mjs";
+import { CCol, CGrid } from "./components/grid/index.mjs";
+import { CGroup } from "./components/group/index.mjs";
+import { CDefaultLoaders, CLoader } from "./components/loader/index.mjs";
+import { CSimpleGrid } from "./components/simple-grid/index.mjs";
+import { CText } from "./components/text/index.mjs";
+export { CBox, CButton, CButtonGroup, CButtonGroupSection, CCol, CDefaultLoaders, CGrid, CGroup, CLoader, CONFIG_KEY, CSimpleGrid, CText, CckConfigProvider, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, addUnit, alpha, camelToKebabCase, clearShadeCache, createVarsResolver, darken, defaultVariantColorsResolver, em, extractStyleProps, filterProps, generateColorShades, getBaseValue, getBreakpointValue, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, keys, luminance, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgba, setColorAlpha, stylesToString, toRgba, useCckClassNamesPrefix, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckWithStaticClasses, useConfigContext, useRandomClassName, useStyles, withInstall, withPropsDefaultSetter };

package/lib/components/button/button-group/button-group.types.d.ts

@@ -0,0 +1,23 @@
+import { BoxProps, Factory, StylesApiProps } from '../../../core';
+export type ButtonGroupStylesNames = 'group';
+export type ButtonGroupCssVariables = {
+    group: '--button-border-width';
+};
+export type ButtonGroupFactory = Factory<{
+    props: ButtonGroupProps;
+    ref: HTMLDivElement;
+    stylesNames: ButtonGroupStylesNames;
+    vars: ButtonGroupCssVariables;
+}>;
+export interface ButtonGroupProps extends BoxProps, StylesApiProps<ButtonGroupFactory> {
+    /**
+     * @description Orientation of the group
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * @description `border-width` of the child `Button` components. Numbers are converted to rem.
+     * @default 1
+     */
+    borderWidth?: number | string;
+}

package/lib/components/button/button-group/use-button-group.d.ts

@@ -0,0 +1,7 @@
+import { Slots, VNode } from 'vue';
+export declare const getValidButtons: (children: VNode[]) => VNode[];
+export declare const useButtonGroup: (slots: Slots) => {
+    validChildren: import("vue").ComputedRef<VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[]>;
+};

package/lib/components/button/button-group-section/button-group-section.types.d.ts

@@ -0,0 +1,34 @@
+import { BoxProps, CGradient, CRadius, ElementProps, Factory, StylesApiProps } from '../../../core';
+import { ButtonSize, ButtonVariant } from '../button.types';
+export type ButtonGroupSectionStylesNames = 'groupSection';
+export type ButtonGroupSectionCssVariables = {
+    groupSection: '--section-radius' | '--section-bg' | '--section-color' | '--section-bd' | '--section-height' | '--section-padding-x' | '--section-fz';
+};
+export type ButtonGroupSectionFactory = Factory<{
+    props: ButtonGroupSectionProps;
+    ref: HTMLDivElement;
+    stylesNames: ButtonGroupSectionStylesNames;
+    vars: ButtonGroupSectionCssVariables;
+    variant: ButtonVariant;
+}>;
+export interface ButtonGroupSectionProps extends BoxProps, StylesApiProps<ButtonGroupSectionFactory>, ElementProps<'div'> {
+    /**
+     * @description If set, adjusts text color based on background color for `filled` variant
+     */
+    autoContrast?: boolean;
+    /**
+     * @description Gradient configuration used for `variant="gradient"`
+     * @default { from: 'blue', to: 'cyan', deg: 45 }
+     */
+    gradient?: CGradient;
+    /**
+     * @description Key of `theme.radius` or any valid CSS value to set `border-radius`
+     * @default theme.defaultRadius
+     */
+    radius?: CRadius;
+    /**
+     * @description Controls section `height`, `font-size` and horizontal `padding`
+     * @default 'sm'
+     */
+    size?: ButtonSize;
+}

package/lib/components/button/button-group-section/use-button-group-section.d.ts

@@ -0,0 +1,5 @@
+import { ButtonGroupSectionProps } from './button-group-section.types';
+export declare const useButtonGroupSection: (props: ButtonGroupSectionProps) => {
+    _ref: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    _props: import("vue").ComputedRef<Record<string, any>>;
+};

package/lib/components/button/button.types.d.ts

@@ -0,0 +1,85 @@
+import type { Component } from 'vue';
+import { BoxProps, CGradient, CRadius, CSize, PolymorphicFactory, StylesApiProps } from '../../core';
+import { Properties } from 'csstype';
+export type ButtonSize = CSize | `compact-${CSize}` | (string & {});
+export type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';
+export type ButtonVariant = 'default' | 'filled' | 'light' | 'outline' | 'dashed' | 'transparent' | 'white' | 'subtle' | 'gradient';
+export type ButtonCssVariables = {
+    root: '--button-justify' | '--button-height' | '--button-padding-x' | '--button-fz' | '--button-radius' | '--button-bg' | '--button-hover' | '--button-hover-color' | '--button-color' | '--button-bd';
+};
+export type ButtonFactory = PolymorphicFactory<{
+    props: ButtonProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: ButtonStylesNames;
+    vars: ButtonCssVariables;
+    variant: ButtonVariant;
+    staticComponents: {};
+}>;
+export interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {
+    'data-disabled'?: boolean;
+    /**
+     * @description If set, adjusts text color based on background color for `filled` variant
+     */
+    autoContrast?: boolean;
+    /**
+     * @description Key of `theme.colors` or any valid CSS color
+     * @default theme.primaryColor
+     */
+    color?: string;
+    /**
+     * @description Sets `disabled` attribute, applies disabled styles
+     */
+    disabled?: boolean;
+    /**
+     * @description Sets `width: 100%`
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * @description Gradient configuration used for `variant="gradient"`
+     * @default { from: 'blue', to: 'cyan', deg: 45 }
+     */
+    gradient?: CGradient;
+    /**
+     * @description Sets `justify-content` of `inner` element, can be used to change distribution of sections and label
+     * @default 'center'
+     */
+    justify?: Properties['justifyContent'];
+    /**
+     * @description Content on the left side of the button label
+     */
+    leftSection?: Component;
+    /**
+     * @description Props add to the `Loader` component (only visible when `loading` props is set)
+     */
+    loaderProps?: Record<string, string>;
+    /**
+     * @description If set, the `Loader` component is displayed over the button
+     */
+    loading?: boolean;
+    /**
+     * @description Key of `theme.radius` or any valid CSS value to set `border-radius`
+     * @default theme.defaultRadius
+     */
+    radius?: CRadius;
+    /**
+     * @description Content on the right side of the button label
+     */
+    rightSection?: Component;
+    /**
+     * @description Controls button `height`, `font-size` and horizontal `padding`
+     * @default 'sm'
+     */
+    size?: ButtonSize;
+    /**
+     * @description custom element tag
+     * @default 'button'
+     */
+    tag?: string | Component;
+    /**
+     * @description variants of button
+     * @default 'default'
+     */
+    variant?: ButtonVariant;
+}

package/lib/components/button/index.d.ts

@@ -0,0 +1,15 @@
+import { type SFCWithInstall } from '../../core';
+import ButtonGroup from './button-group/button-group.vue';
+import ButtonGroupSection from './button-group-section/button-group-section.vue';
+import Button from './button.vue';
+export declare const CButtonGroup: SFCWithInstall<typeof ButtonGroup>;
+export declare const CButtonGroupSection: SFCWithInstall<typeof ButtonGroupSection>;
+export declare const CButton: SFCWithInstall<typeof Button> & {
+    ButtonGroup: typeof ButtonGroup;
+} & {
+    ButtonGroupSection: typeof ButtonGroupSection;
+};
+export default CButton;
+export * from './button-group-section/button-group-section.types';
+export * from './button-group/button-group.types';
+export * from './button.types';

package/lib/components/grid/col/col-custom.d.ts

@@ -0,0 +1,14 @@
+import { ColProps } from './col.types';
+import { StyleProp } from '../../../core';
+import { GridContextValue } from '../grid.context';
+interface ColVariablesProps {
+    selector: string;
+    align?: ColProps['align'] | undefined;
+    offset?: StyleProp<number> | undefined;
+    order?: ColProps['order'] | undefined;
+    span: ColProps['span'] | undefined;
+}
+export declare function useColCustomStyle({ align, offset, order, selector, span }: ColVariablesProps, gridContext: GridContextValue): import("vue").ComputedRef<{
+    queryStylesString: string;
+}>;
+export {};

package/lib/components/grid/col/col.types.d.ts

@@ -0,0 +1,29 @@
+import { Property } from 'csstype';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, StyleProp } from '../../../core';
+export type GridColStylesNames = 'col';
+export type ColSpan = number | 'auto' | 'content';
+export type GridColFactory = Factory<{
+    props: GridColFactory;
+    ref: HTMLDivElement;
+    stylesNames: GridColStylesNames;
+    compound: true;
+}>;
+export interface ColProps extends BoxProps, CompoundStylesApiProps<GridColFactory>, /* @vue-ignore */ ElementProps<'div'> {
+    /**
+     * @description Column span
+     * @default 12
+     */
+    span?: StyleProp<ColSpan>;
+    /**
+     * @description Column order, use to reorder columns at different viewport sizes
+     */
+    order?: StyleProp<number | `${number}`>;
+    /**
+     * @description Column start offset - number of empty columns before this column
+     */
+    offset?: StyleProp<number | `${number}`>;
+    /**
+     * @description Vertical alignment of the column, controls `align-self` CSS property
+     */
+    align?: Property.AlignSelf;
+}

package/lib/components/grid/grid-custom.d.ts

@@ -0,0 +1,8 @@
+import { GridProps } from './grid.types';
+interface GridVariablesProps extends GridProps {
+    selector: string;
+}
+export declare function useGridCustomStyle({ breakpoints, columnGap, gap, rowGap, selector, type, }: GridVariablesProps): import("vue").ComputedRef<{
+    queryStylesString: string;
+}>;
+export {};

package/lib/components/grid/grid.constants.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue';
+import { GridContextValue } from './grid.context';
+export declare const GRID_CONTEXT_KEY: InjectionKey<GridContextValue>;
+export declare const DEFAULT_COLUMNS = 12;

package/lib/components/grid/grid.context.d.ts

@@ -0,0 +1,9 @@
+import { GetStylesApi } from '../../core';
+import { GridBreakpoints, GridFactory } from './grid.types';
+export interface GridContextValue {
+    getStyles: GetStylesApi<GridFactory>;
+    grow: boolean | undefined;
+    columns: number;
+    breakpoints: GridBreakpoints | undefined;
+    type: 'container' | 'media' | undefined;
+}

package/lib/components/grid/grid.types.d.ts

@@ -0,0 +1,67 @@
+import type { Property } from 'csstype';
+import { BoxProps, CSize, CSpacing, ElementProps, Factory, StyleProp, StylesApiProps } from '../../core';
+import Col from './col/col.vue';
+export type GridBreakpoints = Record<CSize, string>;
+export type GridStylesNames = 'root' | 'col' | 'inner' | 'container';
+export type GridCssVariables = {
+    root: '--grid-justify' | '--grid-align' | '--grid-overflow';
+};
+export type GridFactory = Factory<{
+    props: GridProps;
+    ref: HTMLDivElement;
+    stylesNames: GridStylesNames;
+    vars: GridCssVariables;
+    staticComponents: {
+        Col: typeof Col;
+    };
+}>;
+export interface GridProps extends BoxProps, StylesApiProps<GridFactory>, /* @vue-ignore */ ElementProps<'div'> {
+    /**
+     * @description Gap between columns and rows, key of `theme.spacing` or any valid CSS
+     * @default 'md'
+     */
+    gap?: StyleProp<CSpacing>;
+    /**
+     * @description Row gap, overrides `gap` for vertical spacing
+     */
+    rowGap?: StyleProp<CSpacing>;
+    /**
+     * @description Column gap, overrides `gap` for horizontal spacing
+     */
+    columnGap?: StyleProp<CSpacing>;
+    /**
+     * @description If set, columns in the last row expand to fill all available space
+     * @default false
+     */
+    grow?: boolean;
+    /**
+     * @description Sets `justify-content`
+     * @default 'flex-start'
+     */
+    justify?: Property.JustifyContent;
+    /**
+     * @description Sets `align-items`
+     * @default 'stretch'
+     */
+    align?: Property.JustifyContent;
+    /**
+     * @description
+     * Number of columns in each row
+     * @default 12
+     */
+    columns?: number | string;
+    /**
+     * @description Sets `overflow` CSS property on the root element
+     * @default 'visible'
+     */
+    overflow?: Property.JustifyContent;
+    /**
+     * @description Type of queries used for responsive styles
+     * @default 'media'
+     */
+    type?: 'media' | 'container';
+    /**
+     * @description Breakpoints values, only used with `type="container"`
+     */
+    breakpoints?: GridBreakpoints;
+}

package/lib/components/grid/index.d.ts

@@ -0,0 +1,10 @@
+import { type SFCWithInstall } from '../../core';
+import Grid from './grid.vue';
+import Col from './col/col.vue';
+export declare const CCol: SFCWithInstall<typeof Col>;
+export declare const CGrid: SFCWithInstall<typeof Grid> & {
+    Col: typeof Col;
+};
+export default CGrid;
+export * from './col/col.types.js';
+export * from './grid.types.js';

package/lib/components/group/filter-falsy-children/filter-falsy-children.d.ts

@@ -0,0 +1,2 @@
+import { VNode } from 'vue';
+export declare function filterFalsyChildren(children: unknown): VNode[];

package/lib/components/group/group.types.d.ts

@@ -0,0 +1,49 @@
+import { BoxProps, CSpacing, ElementProps, Factory, StylesApiProps } from '../../core';
+import { Properties } from 'csstype';
+export type GroupStylesNames = 'root';
+export type GroupCssVariables = {
+    root: '--group-gap' | '--group-align' | '--group-justify' | '--group-wrap' | '--group-child-width';
+};
+export interface GroupStylesCtx {
+    childWidth: string;
+}
+export interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, /* @vue-ignore */ ElementProps<'div'> {
+    __size?: any;
+    /**
+     * @description Controls `justify-content` CSS property
+     * @default 'flex-start'
+     */
+    justify?: Properties['justifyContent'];
+    /**
+     * @description Controls `align-items` CSS property
+     * @default 'center'
+     */
+    align?: Properties['alignItems'];
+    /**
+     * @description Controls `flex-wrap` CSS property
+     * @default 'wrap'
+     */
+    wrap?: Properties['flexWrap'];
+    /**
+     * @description Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem
+     * @default 'md'
+     */
+    gap?: CSpacing;
+    /**
+     * @description Determines whether each child element should have `flex-grow: 1` style
+     * @default 'md'
+     */
+    grow?: boolean;
+    /**
+     * @description Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children)
+     * @default true
+     */
+    preventGrowOverflow?: boolean;
+}
+export type GroupFactory = Factory<{
+    props: GroupProps;
+    ref: HTMLDivElement;
+    stylesNames: GroupStylesNames;
+    vars: GroupCssVariables;
+    ctx: GroupStylesCtx;
+}>;

package/lib/components/group/index.d.ts

@@ -0,0 +1,5 @@
+import { SFCWithInstall } from '../../core';
+import Group from './group.vue';
+export declare const CGroup: SFCWithInstall<typeof Group>;
+export default CGroup;
+export * from './group.types';

package/lib/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './button';
+export * from './grid';
+export * from './group';
+export * from './loader';
+export * from './simple-grid';
+export * from './text';