@cck-ui/core 0.4.10 → 0.6.0

package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-sorted-breakpoints.mjs","names":[],"sources":["../../../../src/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import {\n  BreakpointsSource,\n  getBreakpointValue\n} from '../get-breakpoint-value/get-breakpoint-value'\n\nexport function getSortedBreakpoints(\n  values: string[],\n  breakpoints: BreakpointsSource\n) {\n  const convertedBreakpoints = values.map((breakpoint) => ({\n    value: breakpoint,\n    px: getBreakpointValue(breakpoint, breakpoints)\n  }))\n\n  convertedBreakpoints.sort((a, b) => a.px - b.px)\n  return convertedBreakpoints\n}\n"],"mappings":";;;AAKA,SAAgB,qBACd,QACA,aACA;CACA,MAAM,uBAAuB,OAAO,KAAK,gBAAgB;EACvD,OAAO;EACP,IAAI,mBAAmB,YAAY,WAAW;CAChD,EAAE;CAEF,qBAAqB,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;CAC/C,OAAO;AACT"}
+{"version":3,"file":"get-sorted-breakpoints.mjs","names":[],"sources":["../../../../src/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import { BreakpointsSource, getBreakpointValue } from '../get-breakpoint-value/get-breakpoint-value'\n\nexport function getSortedBreakpoints(values: string[], breakpoints: BreakpointsSource) {\n  const convertedBreakpoints = values.map((breakpoint) => ({\n    value: breakpoint,\n    px: getBreakpointValue(breakpoint, breakpoints),\n  }))\n\n  convertedBreakpoints.sort((a, b) => a.px - b.px)\n  return convertedBreakpoints\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAqB,QAAkB,aAAgC;CACrF,MAAM,uBAAuB,OAAO,KAAK,gBAAgB;EACvD,OAAO;EACP,IAAI,mBAAmB,YAAY,WAAW;CAChD,EAAE;CAEF,qBAAqB,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;CAC/C,OAAO;AACT"}

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

@@ -1 +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"}
+{"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(value: NumberLikeString, fallback: number = 0): number {\n  if (typeof value === 'number') {\n    return value\n  }\n  const parsed = Number(value)\n  return Number.isNaN(parsed) ? fallback : parsed\n}\n"],"mappings":";;AAEA,SAAgB,yBAAyB,OAAyB,WAAmB,GAAW;CAC9F,IAAI,OAAO,UAAU,UACnB,OAAO;CAET,MAAM,SAAS,OAAO,KAAK;CAC3B,OAAO,OAAO,MAAM,MAAM,IAAI,WAAW;AAC3C"}

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

@@ -1 +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"}
+{"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\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') {\n    return transformedValue\n  }\n\n  if (typeof transformedValue === 'string') {\n    if (transformedValue.includes('calc') || transformedValue.includes('var')) {\n      return transformedValue\n    }\n\n    if (transformedValue.includes('px')) {\n      return Number(transformedValue.replace('px', ''))\n    }\n\n    if (transformedValue.includes('rem')) {\n      return Number(transformedValue.replace('rem', '')) * 16\n    }\n\n    if (transformedValue.includes('em')) {\n      return Number(transformedValue.replace('em', '')) * 16\n    }\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;CAGT,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,UAC9B,OAAO;CAGT,IAAI,OAAO,qBAAqB,UAAU;EACxC,IAAI,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,SAAS,KAAK,GACtE,OAAO;EAGT,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC;EAGlD,IAAI,iBAAiB,SAAS,KAAK,GACjC,OAAO,OAAO,iBAAiB,QAAQ,OAAO,EAAE,CAAC,IAAI;EAGvD,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC,IAAI;EAGtD,OAAO,OAAO,gBAAgB;CAChC;CAEA,OAAO;AACT"}

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

@@ -1 +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"}
+{"version":3,"file":"rem.mjs","names":[],"sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n  if (remValue === '0rem') {\n    return '0rem'\n  }\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') {\n      return `0${units}`\n    }\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 === '') {\n        return value\n      }\n\n      if (value.startsWith('calc(') || value.startsWith('clamp(') || value.includes('rgba(')) {\n        return value\n      }\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,QACf,OAAO;CAET,OAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,gBAAgB,OAAe,EAAE,cAAc,UAAU,CAAC,GAAG;CACpE,SAAS,UAAU,OAAwB;EACzC,IAAI,UAAU,KAAK,UAAU,KAC3B,OAAO,IAAI;EAGb,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,IACZ,OAAO;GAGT,IAAI,MAAM,WAAW,OAAO,KAAK,MAAM,WAAW,QAAQ,KAAK,MAAM,SAAS,OAAO,GACnF,OAAO;GAGT,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.map

@@ -1 +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"}
+{"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') {\n    return component\n  }\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,UACvB,OAAO;CAET,IAAI,aAAa,OAAO,cAAc,UACpC,OAAO,UAAU,QAAQ,UAAU,UAAU;CAE/C,OAAO,OAAO,SAAS;AACzB"}

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

@@ -1,10 +1,10 @@
 "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 hasOwn = (obj, key) => Object.hasOwn(obj, key);
 const withPropsDefaultSetter = (target) => {
 	const _p = target.props;
-	const props = isArray(_p) ? Object.fromEntries(_p.map((key) => [key, {}])) : _p;
+	const props = Array.isArray(_p) ? Object.fromEntries(_p.map((key) => [key, {}])) : _p;
 	target.setPropsDefaults = (defaults) => {
 		if (!props) return;
 		for (const [key, value] of Object.entries(defaults)) {

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

@@ -1 +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"}
+{"version":3,"file":"install.mjs","names":[],"sources":["../../../../src/core/utils/vue/install.ts"],"sourcesContent":["import { isPlainObject } from 'es-toolkit'\nimport type { SFCWithInstall } from './typescript'\n\nconst hasOwn = (obj: object, key: string | symbol): boolean => Object.hasOwn(obj, key)\n\nexport const withPropsDefaultSetter = (target: any) => {\n  const _p = target.props\n  const props = Array.isArray(_p) ? Object.fromEntries(_p.map((key) => [key, {}])) : _p\n\n  target.setPropsDefaults = (defaults: Record<string, any>) => {\n    if (!props) {\n      return\n    }\n\n    for (const [key, value] of Object.entries(defaults)) {\n      const prop = props[key]\n\n      if (!hasOwn(props, key)) {\n        continue\n      }\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>>(main: T, extra?: E) => {\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":";;;AAGA,MAAM,UAAU,KAAa,QAAkC,OAAO,OAAO,KAAK,GAAG;AAErF,MAAa,0BAA0B,WAAgB;CACrD,MAAM,KAAK,OAAO;CAClB,MAAM,QAAQ,MAAM,QAAQ,EAAE,IAAI,OAAO,YAAY,GAAG,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;CAEnF,OAAO,oBAAoB,aAAkC;EAC3D,IAAI,CAAC,OACH;EAGF,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAQ,GAAG;GACnD,MAAM,OAAO,MAAM;GAEnB,IAAI,CAAC,OAAO,OAAO,GAAG,GACpB;GAGF,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,eAAiD,MAAS,UAAc;CAClF,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/core/utils/vue/statics.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { computed, defineComponent, h } from "vue";
+//#region packages/@cck-ui/core/src/core/utils/vue/statics.ts
+function withExtend(component) {
+	component.extend = (config) => config;
+	return component;
+}
+const withClasses = (component, classes) => {
+	component.classes = classes;
+	return component;
+};
+const withVarsResolver = (component, varsResolver) => {
+	component.varsResolver = varsResolver;
+	return component;
+};
+const withPropsFactory = (component) => {
+	component.withProps = (defaultProps) => {
+		return defineComponent({
+			name: `WithProps(${component.name || "Component"})`,
+			props: component.props || {},
+			setup(props, { slots }) {
+				const mergedProps = computed(() => ({
+					...defaultProps,
+					...props
+				}));
+				return () => h(component, mergedProps.value, slots);
+			}
+		});
+	};
+	return component;
+};
+//#endregion
+export { withClasses, withExtend, withPropsFactory, withVarsResolver };
+
+//# sourceMappingURL=statics.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"statics.mjs","names":[],"sources":["../../../../src/core/utils/vue/statics.ts"],"sourcesContent":["import { computed, defineComponent, h } from 'vue'\nimport { CThemeComponent } from '../../config-provider'\nimport { VarsResolver } from '../../styles-api'\n\nexport function withExtend<T>(\n  component: T\n): T & { extend: (config: CThemeComponent) => CThemeComponent } {\n  ;(component as any).extend = (config: CThemeComponent) => config\n  return component as T & { extend: (config: CThemeComponent) => CThemeComponent }\n}\n\nexport const withClasses = <T, C extends Record<string, string>>(\n  component: T,\n  classes: C\n): T & { classes: C } => {\n  ;(component as any).classes = classes\n  return component as T & { classes: C }\n}\n\nexport const withVarsResolver = <T, V extends VarsResolver<any>>(\n  component: T,\n  varsResolver: V\n): T & { varsResolver: V } => {\n  ;(component as any).varsResolver = varsResolver\n  return component as T & { varsResolver: V }\n}\n\nexport const withPropsFactory = <T extends Record<string, any>>(component: T) => {\n  ;(component as any).withProps = (defaultProps: Partial<T>) => {\n    return defineComponent({\n      name: `WithProps(${(component as any).name || 'Component'})`,\n      props: (component as any).props || {},\n      setup(props, { slots }) {\n        const mergedProps = computed(() => ({\n          ...defaultProps,\n          ...props,\n        }))\n\n        return () => h(component, mergedProps.value, slots)\n      },\n    })\n  }\n\n  return component as T & { withProps: (defaultProps: Partial<T>) => any }\n}\n"],"mappings":";;;AAIA,SAAgB,WACd,WAC8D;CAC7D,UAAmB,UAAU,WAA4B;CAC1D,OAAO;AACT;AAEA,MAAa,eACX,WACA,YACuB;CACtB,UAAmB,UAAU;CAC9B,OAAO;AACT;AAEA,MAAa,oBACX,WACA,iBAC4B;CAC3B,UAAmB,eAAe;CACnC,OAAO;AACT;AAEA,MAAa,oBAAmD,cAAiB;CAC9E,UAAmB,aAAa,iBAA6B;EAC5D,OAAO,gBAAgB;GACrB,MAAM,aAAc,UAAkB,QAAQ,YAAY;GAC1D,OAAQ,UAAkB,SAAS,CAAC;GACpC,MAAM,OAAO,EAAE,SAAS;IACtB,MAAM,cAAc,gBAAgB;KAClC,GAAG;KACH,GAAG;IACL,EAAE;IAEF,aAAa,EAAE,WAAW,YAAY,OAAO,KAAK;GACpD;EACF,CAAC;CACH;CAEA,OAAO;AACT"}

package/esm/index.mjs

@@ -1,3 +1,4 @@
+import { deepMerge } from "./core/utils/deep-merge/deep-merge.mjs";
 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";
@@ -11,15 +12,14 @@ import { numberLikeStringToNumber } from "./core/utils/number-like-string-to-num
 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 { withClasses, withExtend, withPropsFactory, withVarsResolver } from "./core/utils/vue/statics.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 { useProviderColorScheme } from "./core/config-provider/use-cck-color-scheme/use-provider-color-scheme.mjs";
 import { colorsTuple } from "./core/config-provider/color-functions/colors-tuple/colors-tuple.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 { alpha, rgb, 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";
@@ -28,11 +28,13 @@ import { getGradient } from "./core/config-provider/color-functions/get-gradient
 import { defaultVariantColorsResolver } from "./core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs";
 import { DEFAULT_THEME } from "./core/config-provider/default-theme.mjs";
 import { useCckClassNamesPrefix, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useConfigContext } from "./core/config-provider/config-provider.context.mjs";
+import { useComponentProps } from "./core/config-provider/use-component-props/use-component-props.mjs";
 import { isVirtualColor, virtualColor } from "./core/config-provider/cck-css-variables/virtual-color/virtual-color.mjs";
 import { getCSSColorVariables } from "./core/config-provider/cck-css-variables/get-css-color-variables.mjs";
 import { defaultCssVariablesResolver } from "./core/config-provider/cck-css-variables/default-css-variables-resolver.mjs";
 import { createTheme } from "./core/config-provider/create-theme/create-theme.mjs";
 import { useCckColorScheme } from "./core/config-provider/use-cck-color-scheme/use-cck-color-scheme.mjs";
+import { mergeThemeOverrides } from "./core/config-provider/merge-theme-overrides/merge-theme-overrides.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";
@@ -83,6 +85,6 @@ const CckUI = { install(app) {
 	});
 } };
 //#endregion
-export { CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCol, CDefaultLoaders, CGrid, CGroup, CLoader, CONFIG_KEY, CSimpleGrid, CText, CTransition, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, addUnit, alpha, camelToKebabCase, clearShadeCache, colorsTuple, createTheme, createVarsResolver, darken, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, generateColorShades, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgba, setColorAlpha, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withInstall, withPropsDefaultSetter };
+export { CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCol, CDefaultLoaders, CGrid, CGroup, CLoader, CONFIG_KEY, CSimpleGrid, CText, CTransition, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
 
 //# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CCol,\n  CGrid,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n  CckConfigProvider,\n  CBox,\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CGrid,\n  CCol,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n  install(app: App) {\n    if ((app as any)[INSTALLED_KEY]) {\n      return\n    }\n    ;(app as any)[INSTALLED_KEY] = true\n    components.forEach((c) => {\n      if (c.name) {\n        app.component(c.name, c)\n      }\n    })\n  },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CCol,\n  CGrid,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n  CckConfigProvider,\n  CBox,\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CGrid,\n  CCol,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n  install(app: App) {\n    if ((app as any)[INSTALLED_KEY]) {\n      return\n    }\n    ;(app as any)[INSTALLED_KEY] = true\n    components.forEach((c) => {\n      if (c.name) {\n        app.component(c.name, c)\n      }\n    })\n  },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}

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

@@ -0,0 +1,6 @@
+export declare const varsResolver: import("../../..").VarsResolver<{
+    props: import("./button-group.types").ButtonGroupProps;
+    ref: HTMLDivElement;
+    stylesNames: import("./button-group.types").ButtonGroupStylesNames;
+    vars: import("./button-group.types").ButtonGroupCssVariables;
+}>;

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

@@ -0,0 +1,7 @@
+export declare const varsResolver: import("../../..").VarsResolver<{
+    props: import("./button-group-section.types").ButtonGroupSectionProps;
+    ref: HTMLDivElement;
+    stylesNames: import("./button-group-section.types").ButtonGroupSectionStylesNames;
+    vars: import("./button-group-section.types").ButtonGroupSectionCssVariables;
+    variant: import("..").ButtonVariant;
+}>;

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

@@ -0,0 +1,9 @@
+export declare const varsResolver: import("../..").VarsResolver<{
+    props: import("./button.types").ButtonProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: "button";
+    stylesNames: import("./button.types").ButtonStylesNames;
+    vars: import("./button.types").ButtonCssVariables;
+    variant: import("./button.types").ButtonVariant;
+    staticComponents: {};
+}>;

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

@@ -1,13 +1,13 @@
-import { type SFCWithInstall } from '../../core';
+import { type SFCWithInstallAndClasses } 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;
+import classes from './button.module.css';
+export declare const CButtonGroup: SFCWithInstallAndClasses<typeof ButtonGroup, typeof classes>;
+export declare const CButtonGroupSection: SFCWithInstallAndClasses<typeof ButtonGroupSection, typeof classes>;
+export declare const CButton: SFCWithInstallAndClasses<typeof Button, typeof classes> & {
+    CButtonGroup: typeof CButtonGroup;
+    CButtonGroupSection: typeof CButtonGroupSection;
 };
 export default CButton;
 export * from './button-group-section/button-group-section.types';

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

@@ -0,0 +1,9 @@
+export declare const varsResolver: import("../..").VarsResolver<{
+    props: import("./grid.types").GridProps;
+    ref: HTMLDivElement;
+    stylesNames: import("./grid.types").GridStylesNames;
+    vars: import("./grid.types").GridCssVariables;
+    staticComponents: {
+        Col: typeof import("*.vue");
+    };
+}>;

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

@@ -1,10 +1,11 @@
-import { type SFCWithInstall } from '../../core';
+import { type SFCWithInstallAndClasses } 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> & {
+import classes from './grid.module.css';
+export declare const CCol: SFCWithInstallAndClasses<typeof Col>;
+export declare const CGrid: SFCWithInstallAndClasses<typeof Grid, typeof classes> & {
     Col: typeof Col;
 };
 export default CGrid;
-export * from './col/col.types.js';
-export * from './grid.types.js';
+export * from './col/col.types';
+export * from './grid.types';

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

@@ -0,0 +1,7 @@
+export declare const varsResolver: import("../..").VarsResolver<{
+    props: import("./group.types").GroupProps;
+    ref: HTMLDivElement;
+    stylesNames: import("./group.types").GroupStylesNames;
+    vars: import("./group.types").GroupCssVariables;
+    ctx: import("./group.types").GroupStylesCtx;
+}>;

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

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

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

@@ -1,7 +1,8 @@
-import { SFCWithInstall } from '../../core';
+import { SFCWithInstallAndClasses } from '../../core';
 import Loader from './loader.vue';
 import { CLoadersRecord } from './loader.types.js';
+import classes from './loader.module.css';
 export declare const CDefaultLoaders: CLoadersRecord;
-export declare const CLoader: SFCWithInstall<typeof Loader>;
+export declare const CLoader: SFCWithInstallAndClasses<typeof Loader, typeof classes>;
 export default CLoader;
 export * from './loader.types';

package/lib/components/loader/loader.utils.d.ts

@@ -0,0 +1,9 @@
+export declare const varsResolver: import("../..").VarsResolver<{
+    props: import("./loader.types").LoaderProps;
+    ref: SVGSVGElement;
+    stylesNames: import("./loader.types").LoaderStylesNames;
+    vars: import("./loader.types").LoaderCssVariables;
+    staticComponents: {
+        defaultLoaders: typeof import(".").CDefaultLoaders;
+    };
+}>;

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

@@ -1,5 +1,6 @@
-import { SFCWithInstall } from '../../core';
+import { SFCWithInstallAndClasses } from '../../core';
 import SimpleGrid from './simple-grid.vue';
-export declare const CSimpleGrid: SFCWithInstall<typeof SimpleGrid>;
+import classes from './simple-grid.module.css';
+export declare const CSimpleGrid: SFCWithInstallAndClasses<typeof SimpleGrid, typeof classes>;
 export default CSimpleGrid;
 export * from './simple-grid.types';

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

@@ -0,0 +1,6 @@
+import Stack from './stack.vue';
+import classes from './stack.module.css';
+import { SFCWithInstallAndClasses } from '../../core';
+export declare const CStack: SFCWithInstallAndClasses<typeof Stack, typeof classes>;
+export default CStack;
+export * from './stack.types';

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

@@ -0,0 +1,29 @@
+import { Properties } from 'csstype';
+import { BoxProps, CSpacing, ElementProps, Factory, StylesApiProps } from '../../core';
+export type StackStylesNames = 'root';
+export type StackCssVariables = {
+    root: '--stack-gap' | '--stack-align' | '--stack-justify';
+};
+export interface StackProps extends BoxProps, StylesApiProps<StackFactory>, /* @vue-ignore */ ElementProps<'div'> {
+    /**
+     * @description Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem
+     * @default 'md'
+     */
+    gap?: CSpacing;
+    /**
+     * @description Controls `align-items` CSS property
+     * @default 'stretch'
+     */
+    align?: Properties['alignItems'];
+    /**
+     * @description Controls `justify-content` CSS property
+     * @default 'flex-start'
+     */
+    justify?: Properties['justifyContent'];
+}
+export type StackFactory = Factory<{
+    props: StackProps;
+    ref: HTMLDivElement;
+    stylesNames: StackStylesNames;
+    vars: StackCssVariables;
+}>;

package/lib/components/stack/stack.utils.d.ts

@@ -0,0 +1,6 @@
+export declare const varsResolver: import("../..").VarsResolver<{
+    props: import("./stack.types").StackProps;
+    ref: HTMLDivElement;
+    stylesNames: import("./stack.types").StackStylesNames;
+    vars: import("./stack.types").StackCssVariables;
+}>;

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

@@ -1,5 +1,6 @@
-import { SFCWithInstall } from '../../core';
+import { SFCWithInstallAndClasses } from '../../core';
 import Text from './text.vue';
-export declare const CText: SFCWithInstall<typeof Text>;
+import classes from './text.module.css';
+export declare const CText: SFCWithInstallAndClasses<typeof Text, typeof classes>;
 export default CText;
 export * from './text.types';

package/lib/components/text/text.utils.d.ts

@@ -0,0 +1,8 @@
+export declare const varsResolver: import("../..").VarsResolver<{
+    props: import("./text.types").TextProps;
+    defaultComponent: "p";
+    defaultRef: HTMLParagraphElement;
+    stylesNames: import("./text.types").TextStylesNames;
+    vars: import("./text.types").TextCssVariables;
+    variant: import("./text.types").TextVariant;
+}>;

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

@@ -1,5 +1,6 @@
-import { SFCWithInstall } from '../../core';
+import { SFCWithInstallAndClasses } from '../../core';
 import _UnstyledButton from './unstyled-button.vue';
-export declare const UnstyledButton: SFCWithInstall<typeof _UnstyledButton>;
+import classes from './unstyled-button.module.css';
+export declare const UnstyledButton: SFCWithInstallAndClasses<typeof _UnstyledButton, typeof classes>;
 export default UnstyledButton;
 export * from './unstyled-button.types';

package/lib/core/config-provider/color-functions/index.d.ts

@@ -7,5 +7,5 @@ export { getPrimaryShade } from './get-primary-shade/get-primary-shade';
 export { getThemeColor } from './get-theme-color/get-theme-color';
 export { luminance, isLightColor } from './luminance/luminance';
 export { parseThemeColor } from './parse-theme-color/parse-theme-color';
-export { rgba, alpha } from './rgba/rgba';
+export { rgb, rgba, alpha } from './rgba/rgba';
 export { toRgba } from './to-rgba/to-rgba';

package/lib/core/config-provider/color-functions/rgba/rgba.d.ts

@@ -1,2 +1,3 @@
+export declare function rgb(color: string): string;
 export declare function rgba(color: string, alpha: number): string;
 export declare const alpha: typeof rgba;

package/lib/core/config-provider/index.d.ts

@@ -8,5 +8,7 @@ export * from './create-theme/create-theme';
 export * from './default-theme';
 export * from './theme.types';
 export * from './use-cck-color-scheme';
+export { useComponentProps } from './use-component-props/use-component-props';
+export { mergeThemeOverrides } from './merge-theme-overrides/merge-theme-overrides';
 export declare const CckConfigProvider: SFCWithInstall<typeof ConfigProvider>;
 export default CckConfigProvider;

package/lib/core/config-provider/merge-theme-overrides/merge-theme-overrides.d.ts

@@ -0,0 +1,2 @@
+import { CThemeOverride } from '../theme.types';
+export declare function mergeThemeOverrides(...overrides: CThemeOverride[]): CThemeOverride;

package/lib/core/config-provider/use-component-props/use-component-props.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef } from 'vue';
+export interface UseComponentPropsOptions<T extends Record<string, any>, U extends Partial<T> | null = {}> {
+    component: string | (string | undefined)[];
+    defaultProps: U;
+    props: T;
+}
+export declare function useComponentProps<T extends Record<string, any>, U extends Partial<T> | null = {}>(options: UseComponentPropsOptions<T, U>): ComputedRef<T>;

package/lib/core/responsive-style-manager/responsive-style-manager.d.ts

@@ -5,6 +5,7 @@ export interface StyleManagerEntry {
 }
 declare class ResponsiveStyleManager {
     private styleMap;
+    constructor();
     register(cssText: string, key?: string): string;
     unregister(styleKey: string): void;
 }

package/lib/core/styles-api/index.d.ts

@@ -4,4 +4,4 @@ export { resolveStyles } from './use-styles/get-style/resolve-styles/resolve-sty
 export { FOCUS_CLASS_NAMES } from './use-styles/get-class-name/get-global-class-names/get-global-class-names';
 export * from './styles-api.types';
 export * from './use-styles/use-styles';
-export type { VarsResolver, PartialVarsResolver, TransformVars, PartialTransformVars } from './create-vars-resolver/create-vars-resolver';
+export type { VarsResolver, PartialVarsResolver, TransformVars, PartialTransformVars, } from './create-vars-resolver/create-vars-resolver';

package/lib/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.d.ts

@@ -4,5 +4,5 @@ interface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classN
     selector: string;
     options: GetStylesApiOptions | undefined;
 }
-export declare function getOptionsClassNames({ selector, stylesCtx, options, props, theme }: GetOptionsClassNamesInput): string | undefined;
+export declare function getOptionsClassNames({ selector, stylesCtx, options, props, theme, }: GetOptionsClassNamesInput): string | undefined;
 export {};

package/lib/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.d.ts

@@ -2,5 +2,5 @@ import { ResolveClassNamesInput } from '../resolve-class-names/resolve-class-nam
 interface GetResolvedClassNamesOptions extends ResolveClassNamesInput {
     selector: string;
 }
-export declare function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }: GetResolvedClassNamesOptions): string | undefined;
+export declare function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props, }: GetResolvedClassNamesOptions): string | undefined;
 export {};

package/lib/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.d.ts

@@ -4,5 +4,5 @@ interface GetStaticClassNamesInput {
     classNamesPrefix: string;
     withStaticClass?: boolean;
 }
-export declare function getStaticClassNames({ themeName, classNamesPrefix, selector, withStaticClass }: GetStaticClassNamesInput): string[];
+export declare function getStaticClassNames({ themeName, classNamesPrefix, selector, withStaticClass, }: GetStaticClassNamesInput): string[];
 export {};

package/lib/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.d.ts

@@ -8,5 +8,5 @@ interface GetVariantClassNameInput {
 /**
  * @returns Variant className, variant is always separated from selector with `--`, for example, `tab--default`
  */
-export declare function getVariantClassName({ options, classes, selector, unstyled }: GetVariantClassNameInput): string | undefined;
+export declare function getVariantClassName({ options, classes, selector, unstyled, }: GetVariantClassNameInput): string | undefined;
 export {};

package/lib/core/utils/deep-merge/deep-merge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T extends object>(target: T, source: any): T;

package/lib/core/utils/index.d.ts

@@ -1,15 +1,14 @@
+export { deepMerge } from './deep-merge/deep-merge';
 export { camelToKebabCase } from './camel-to-kebab-case/camel-to-kebab-case';
 export { filterProps } from './filter-props/filter-props';
 export { getBaseValue } from './get-base-value/get-base-value';
 export { getBreakpointValue } from './get-breakpoint-value/get-breakpoint-value';
-export { getSize, getSpacing, getShadow, getRadius, getFontSize, getLineHeight } from './get-size/get-size';
+export { getSize, getSpacing, getShadow, getRadius, getFontSize, getLineHeight, } from './get-size/get-size';
 export { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';
 export { isNumberLike } from './is-number-like/is-number-like';
 export { numberLikeStringToNumber } from './number-like-string-to-number/number-like-string-to-number';
 export { keys } from './keys/keys';
 export { px, rem, em } from './units-converters';
-export { getComponentName, withInstall, withPropsDefaultSetter } from './vue';
-export type { SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultSetter } from './vue';
-export * from './color';
-export * from './dom';
+export { getComponentName, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver, } from './vue';
+export type { SFCInstallWithContext, SFCWithInstall, SFCWithInstallAndClasses, SFCWithPropsDefaultSetter, } from './vue';
 export { isNumber, isString, isStringNumber, isUndefined } from './types';

package/lib/core/utils/vue/index.d.ts

@@ -1,3 +1,4 @@
 export * from './component';
 export * from './install';
+export * from './statics';
 export * from './typescript';

package/lib/core/utils/vue/statics.d.ts

@@ -0,0 +1,14 @@
+import { CThemeComponent } from '../../config-provider';
+import { VarsResolver } from '../../styles-api';
+export declare function withExtend<T>(component: T): T & {
+    extend: (config: CThemeComponent) => CThemeComponent;
+};
+export declare const withClasses: <T, C extends Record<string, string>>(component: T, classes: C) => T & {
+    classes: C;
+};
+export declare const withVarsResolver: <T, V extends VarsResolver<any>>(component: T, varsResolver: V) => T & {
+    varsResolver: V;
+};
+export declare const withPropsFactory: <T extends Record<string, any>>(component: T) => T & {
+    withProps: (defaultProps: Partial<T>) => any;
+};

package/lib/core/utils/vue/typescript.d.ts

@@ -1,5 +1,7 @@
 import type { AllowedComponentProps, AppContext, Component, EmitsOptions, ObjectPlugin, SetupContext, VNodeProps } from 'vue';
 import { type ComponentEmit, type ComponentProps } from 'vue-component-type-helpers';
+import { CThemeComponent } from '../../config-provider';
+import { VarsResolver } from '../../styles-api';
 type NativeType = null | undefined | number | string | boolean | symbol | Function;
 type InferDefaults<T> = {
     [K in keyof T as string extends K ? never : K]?: InferDefault<T[K]>;
@@ -18,5 +20,11 @@ export type SFCWithPropsDefaultSetter<T> = T extends Component ? {
         [K in keyof ComponentProps<T> as K extends ExcludeProps<T> ? never : K]?: ComponentProps<T>[K];
     }>) => void;
 } : unknown;
+export type SFCWithInstallAndClasses<T, Classes extends Record<string, string> = Record<string, string>, VarsFn extends VarsResolver<any> = VarsResolver<any>> = SFCWithInstall<T> & {
+    classes: Classes;
+    extend: (config: CThemeComponent) => CThemeComponent;
+    varsResolver?: VarsFn;
+    withProps?: (defaultProps: Partial<ComponentProps<T>>) => any;
+};
 export type EmitFn<E extends EmitsOptions> = SetupContext<E>['emit'];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cck-ui/core",
-  "version": "0.4.10",
+  "version": "0.6.0",
   "description": "Vue component library focused on usability, accessibility and developer experience",
   "homepage": "https://cck-ui.jackatlas.xyz",
   "license": "ISC",
@@ -46,6 +46,7 @@
   },
   "devDependencies": {
     "@cck-ui/hooks": "workspace:*",
+    "@cck-ui-tests/core": "workspace:*",
     "@vue/shared": "^3.5.39",
     "csstype": "^3.2.3",
     "es-toolkit": "^1.49.0",

package/styles/loader.css

@@ -113,7 +113,6 @@
     border-radius: calc(625rem * var(--c-scale));
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
-    border-color: var(--loader-color) var(--loader-color) var(--loader-color)
-      transparent;
+    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
     animation: m_1309882b 1.2s linear infinite;
   }

package/styles/loader.layer.css

@@ -113,8 +113,7 @@
     border-radius: calc(625rem * var(--c-scale));
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
-    border-color: var(--loader-color) var(--loader-color) var(--loader-color)
-      transparent;
+    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
     animation: m_1309882b 1.2s linear infinite;
   }
 }

package/styles/stack.css

@@ -0,0 +1,7 @@
+.m_f6a13507 {
+  display: flex;
+  flex-direction: column;
+  align-items: var(--stack-align, stretch);
+  justify-content: var(--stack-justify, flex-start);
+  gap: var(--stack-gap, var(--c-spacing-md));
+}