@cck-ui/core 0.4.10 → 0.5.0

package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-sorted-breakpoints.cjs","names":["getBreakpointValue"],"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,IAAIA,6BAAAA,mBAAmB,YAAY,WAAW;CAChD,EAAE;CAEF,qBAAqB,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;CAC/C,OAAO;AACT"}
+{"version":3,"file":"get-sorted-breakpoints.cjs","names":["getBreakpointValue"],"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,IAAIA,6BAAAA,mBAAmB,YAAY,WAAW;CAChD,EAAE;CAEF,qBAAqB,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;CAC/C,OAAO;AACT"}

package/cjs/core/utils/number-like-string-to-number/number-like-string-to-number.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"number-like-string-to-number.cjs","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.cjs","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/cjs/core/utils/units-converters/px.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"px.cjs","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.cjs","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/cjs/core/utils/units-converters/rem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rem.cjs","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.cjs","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/cjs/core/utils/vue/component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.cjs","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.cjs","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/cjs/core/utils/vue/install.cjs

@@ -1,15 +1,15 @@
 "use client";
-let _vue_shared = require("@vue/shared");
 let es_toolkit = require("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 = (0, _vue_shared.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)) {
 			const prop = props[key];
-			if (!(0, _vue_shared.hasOwn)(props, key)) continue;
+			if (!hasOwn(props, key)) continue;
 			if ((0, es_toolkit.isPlainObject)(prop)) {
 				props[key] = {
 					...props,

package/cjs/core/utils/vue/install.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"install.cjs","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,SAAA,GAAA,YAAA,QAAA,CAAgB,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,EAAA,GAAA,YAAA,OAAA,CAAQ,OAAO,GAAG,GAAG;GAEzB,KAAA,GAAA,WAAA,cAAA,CAAkB,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.cjs","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,KAAA,GAAA,WAAA,cAAA,CAAkB,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/cjs/core/utils/vue/statics.cjs

@@ -0,0 +1,38 @@
+"use client";
+let vue = require("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 (0, vue.defineComponent)({
+			name: `WithProps(${component.name || "Component"})`,
+			props: component.props || {},
+			setup(props, { slots }) {
+				const mergedProps = (0, vue.computed)(() => ({
+					...defaultProps,
+					...props
+				}));
+				return () => (0, vue.h)(component, mergedProps.value, slots);
+			}
+		});
+	};
+	return component;
+};
+//#endregion
+exports.withClasses = withClasses;
+exports.withExtend = withExtend;
+exports.withPropsFactory = withPropsFactory;
+exports.withVarsResolver = withVarsResolver;
+
+//# sourceMappingURL=statics.cjs.map

package/cjs/core/utils/vue/statics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"statics.cjs","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,QAAA,GAAA,IAAA,gBAAA,CAAuB;GACrB,MAAM,aAAc,UAAkB,QAAQ,YAAY;GAC1D,OAAQ,UAAkB,SAAS,CAAC;GACpC,MAAM,OAAO,EAAE,SAAS;IACtB,MAAM,eAAA,GAAA,IAAA,SAAA,QAA8B;KAClC,GAAG;KACH,GAAG;IACL,EAAE;IAEF,cAAA,GAAA,IAAA,EAAA,CAAe,WAAW,YAAY,OAAO,KAAK;GACpD;EACF,CAAC;CACH;CAEA,OAAO;AACT"}

package/cjs/index.cjs

@@ -2,6 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
+const require_deep_merge = require("./core/utils/deep-merge/deep-merge.cjs");
 const require_camel_to_kebab_case = require("./core/utils/camel-to-kebab-case/camel-to-kebab-case.cjs");
 const require_filter_props = require("./core/utils/filter-props/filter-props.cjs");
 const require_get_base_value = require("./core/utils/get-base-value/get-base-value.cjs");
@@ -15,9 +16,8 @@ const require_number_like_string_to_number = require("./core/utils/number-like-s
 const require_keys = require("./core/utils/keys/keys.cjs");
 const require_component = require("./core/utils/vue/component.cjs");
 const require_install = require("./core/utils/vue/install.cjs");
-const require_color = require("./core/utils/color.cjs");
+const require_statics = require("./core/utils/vue/statics.cjs");
 const require_index = require("./core/utils/types/index.cjs");
-const require_style = require("./core/utils/dom/style.cjs");
 const require_config_provider_types = require("./core/config-provider/config-provider.types.cjs");
 const require_use_provider_color_scheme = require("./core/config-provider/use-cck-color-scheme/use-provider-color-scheme.cjs");
 const require_colors_tuple = require("./core/config-provider/color-functions/colors-tuple/colors-tuple.cjs");
@@ -32,11 +32,13 @@ const require_get_gradient = require("./core/config-provider/color-functions/get
 const require_default_variant_colors_resolver = require("./core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs");
 const require_default_theme = require("./core/config-provider/default-theme.cjs");
 const require_config_provider_context = require("./core/config-provider/config-provider.context.cjs");
+const require_use_component_props = require("./core/config-provider/use-component-props/use-component-props.cjs");
 const require_virtual_color = require("./core/config-provider/cck-css-variables/virtual-color/virtual-color.cjs");
 const require_get_css_color_variables = require("./core/config-provider/cck-css-variables/get-css-color-variables.cjs");
 const require_default_css_variables_resolver = require("./core/config-provider/cck-css-variables/default-css-variables-resolver.cjs");
 const require_create_theme = require("./core/config-provider/create-theme/create-theme.cjs");
 const require_use_cck_color_scheme = require("./core/config-provider/use-cck-color-scheme/use-cck-color-scheme.cjs");
+const require_merge_theme_overrides = require("./core/config-provider/merge-theme-overrides/merge-theme-overrides.cjs");
 const require_index$1 = require("./core/config-provider/index.cjs");
 const require_extract_style_props = require("./core/box/style-props/extract-style-props/extract-style-props.cjs");
 const require_parse_style_props = require("./core/box/style-props/parse-style-props/parse-style-props.cjs");
@@ -110,20 +112,18 @@ exports.FOCUS_CLASS_NAMES = require_get_global_class_names.FOCUS_CLASS_NAMES;
 exports.STYLE_PROPS_DATA = require_style_props_data.STYLE_PROPS_DATA;
 exports.THEME_KEY = require_config_provider_types.THEME_KEY;
 exports.UnstyledButton = require_index$3.UnstyledButton;
-exports.addUnit = require_style.addUnit;
 exports.alpha = require_rgba.alpha;
 exports.camelToKebabCase = require_camel_to_kebab_case.camelToKebabCase;
-exports.clearShadeCache = require_color.clearShadeCache;
 exports.colorsTuple = require_colors_tuple.colorsTuple;
 exports.createTheme = require_create_theme.createTheme;
 exports.createVarsResolver = require_create_vars_resolver.createVarsResolver;
 exports.darken = require_darken.darken;
+exports.deepMerge = require_deep_merge.deepMerge;
 exports.defaultCssVariablesResolver = require_default_css_variables_resolver.defaultCssVariablesResolver;
 exports.defaultVariantColorsResolver = require_default_variant_colors_resolver.defaultVariantColorsResolver;
 exports.em = require_rem.em;
 exports.extractStyleProps = require_extract_style_props.extractStyleProps;
 exports.filterProps = require_filter_props.filterProps;
-exports.generateColorShades = require_color.generateColorShades;
 exports.getBaseValue = require_get_base_value.getBaseValue;
 exports.getBreakpointValue = require_get_breakpoint_value.getBreakpointValue;
 exports.getCSSColorVariables = require_get_css_color_variables.getCSSColorVariables;
@@ -154,6 +154,7 @@ exports.isUndefined = require_index.isUndefined;
 exports.isVirtualColor = require_virtual_color.isVirtualColor;
 exports.keys = require_keys.keys;
 exports.luminance = require_luminance.luminance;
+exports.mergeThemeOverrides = require_merge_theme_overrides.mergeThemeOverrides;
 exports.normalizeNumberLikeStringProp = require_normalize_number_like_string_prop.normalizeNumberLikeStringProp;
 exports.numberLikeStringToNumber = require_number_like_string_to_number.numberLikeStringToNumber;
 exports.parseStyleProps = require_parse_style_props.parseStyleProps;
@@ -163,8 +164,8 @@ exports.rem = require_rem.rem;
 exports.resolveClassNames = require_resolve_class_names.resolveClassNames;
 exports.resolveStyles = require_resolve_styles.resolveStyles;
 exports.responsiveStyleManager = require_responsive_style_manager.responsiveStyleManager;
+exports.rgb = require_rgba.rgb;
 exports.rgba = require_rgba.rgba;
-exports.setColorAlpha = require_color.setColorAlpha;
 exports.stylesToString = require_styles_to_string.stylesToString;
 exports.toRgba = require_to_rgba.toRgba;
 exports.useCckClassNamesPrefix = require_config_provider_context.useCckClassNamesPrefix;
@@ -177,12 +178,17 @@ exports.useCckStylesTransform = require_config_provider_context.useCckStylesTran
 exports.useCckSxTransform = require_config_provider_context.useCckSxTransform;
 exports.useCckTheme = require_config_provider_context.useCckTheme;
 exports.useCckWithStaticClasses = require_config_provider_context.useCckWithStaticClasses;
+exports.useComponentProps = require_use_component_props.useComponentProps;
 exports.useConfigContext = require_config_provider_context.useConfigContext;
 exports.useProviderColorScheme = require_use_provider_color_scheme.useProviderColorScheme;
 exports.useRandomClassName = require_use_random_classname.useRandomClassName;
 exports.useStyles = require_use_styles.useStyles;
 exports.virtualColor = require_virtual_color.virtualColor;
+exports.withClasses = require_statics.withClasses;
+exports.withExtend = require_statics.withExtend;
 exports.withInstall = require_install.withInstall;
 exports.withPropsDefaultSetter = require_install.withPropsDefaultSetter;
+exports.withPropsFactory = require_statics.withPropsFactory;
+exports.withVarsResolver = require_statics.withVarsResolver;
 
 //# sourceMappingURL=index.cjs.map

package/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CButton","CButtonGroup","CButtonGroupSection","CGrid","CCol","CGroup","CLoader","CSimpleGrid","CText","CTransition","UnstyledButton"],"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;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;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.cjs","names":["CckConfigProvider","CBox","CButton","CButtonGroup","CButtonGroupSection","CGrid","CCol","CGroup","CLoader","CSimpleGrid","CText","CTransition","UnstyledButton"],"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;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;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/esm/components/button/button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import { rem } from "../../core/utils/units-converters/rem.mjs";
-import { getFontSize, getRadius, getSize } from "../../core/utils/get-size/get-size.mjs";
 import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
 import { CBox } from "../../core/box/index.mjs";
-import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
 import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
 import button_module_default from "./button.module.mjs";
 import { UnstyledButton } from "../unstyled-button/index.mjs";
+import { varsResolver } from "./button.utils.mjs";
 import { CLoader } from "../loader/index.mjs";
 import { CTransition } from "../transition/index.mjs";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, useSlots, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, resolveDynamicComponent, useAttrs, useSlots, withCtx } from "vue";
 //#region packages/@cck-ui/core/src/components/button/button.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "CButton",
@@ -358,7 +358,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
+		const _root = ref(null);
+		const _inner = ref(null);
+		const _label = ref(null);
+		const attrs = useAttrs();
 		const slots = useSlots();
 		const hasLeftSlot = computed(() => !!slots["left-section"]);
 		const hasRightSlot = computed(() => !!slots["right-section"]);
@@ -374,28 +377,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			common: { transformOrigin: "center" },
 			transitionProperty: "transform, opacity"
 		};
-		const varsResolver = createVarsResolver((theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {
-			const colors = theme.variantColorResolver({
-				color: color || theme.primaryColor,
-				theme,
-				gradient,
-				variant: variant || "default",
-				autoContrast
-			});
-			return { root: {
-				"--button-justify": justify,
-				"--button-height": getSize(size, "button-height"),
-				"--button-padding-x": getSize(size, "button-padding-x"),
-				"--button-fz": size?.includes("compact") ? getFontSize(size.replace("compact-", "")) : getFontSize(size),
-				"--button-radius": radius === void 0 ? void 0 : getRadius(radius),
-				"--button-bg": color || variant ? colors.background : void 0,
-				"--button-hover": color || variant ? colors.hover : void 0,
-				"--button-color": colors.color,
-				"--button-bd": color || variant ? colors.border : void 0,
-				"--button-hover-color": color || variant ? colors.hoverColor : void 0
-			} };
+		const rawProps = __props;
+		const props = useComponentProps({
+			component: "CButton",
+			defaultProps: {},
+			props: rawProps
 		});
-		const props = __props;
 		const knownProps = [
 			"style",
 			"vars",
@@ -419,46 +406,69 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		];
 		const getStyles = useStyles({
 			name: "Button",
-			props,
+			props: {
+				...props.value,
+				...attrs
+			},
 			classes: button_module_default,
-			className: props.className,
-			style: props.style,
-			classNames: props.classNames,
-			styles: props.styles,
-			unstyled: props.unstyled,
-			attributes: props.attributes,
-			vars: props.vars,
+			className: props.value.className,
+			style: props.value.style,
+			classNames: props.value.classNames,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes,
+			vars: props.value.vars,
 			varsResolver
 		});
-		const rootAttrs = computed(() => getStyles("root", { active: !props.disabled && !props.loading && !props.dataDisabled }));
+		const modList = computed(() => [
+			{ disabled: props.value.disabled || props.value.dataDisabled },
+			{ loading: props.value.loading },
+			{ block: props.value.fullWidth },
+			{ "with-left-section": hasLeftSlot.value || !!props.value.leftSection },
+			{ "with-right-section": hasRightSlot.value || !!props.value.rightSection }
+		]);
+		const rootAttrs = computed(() => getStyles("root", { active: !props.value.disabled && !props.value.loading && !props.value.dataDisabled }));
+		const mergedRootAttrs = computed(() => {
+			const others = {};
+			const propsValue = props.value;
+			Object.keys(propsValue).forEach((key) => {
+				if (!knownProps.includes(key)) others[key] = propsValue[key];
+			});
+			const userMod = props.value.mod;
+			const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean), ...modList.value || []];
+			return {
+				...others,
+				mod: mergedMod,
+				...rootAttrs.value
+			};
+		});
+		const innerAttrs = computed(() => getStyles("inner"));
+		const sectionAttrs = computed(() => getStyles("section"));
+		const labelAttrs = computed(() => getStyles("label"));
+		__expose({
+			root: computed(() => _root.value?.root ?? null),
+			inner: _inner.value,
+			label: _label.value
+		});
 		const __returned__ = {
+			_root,
+			_inner,
+			_label,
+			attrs,
 			slots,
 			hasLeftSlot,
 			hasRightSlot,
 			loaderTransition,
-			varsResolver,
+			rawProps,
 			props,
 			knownProps,
 			getStyles,
+			modList,
 			rootAttrs,
-			mergedRootAttrs: computed(() => {
-				const others = {};
-				for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
-				return {
-					...others,
-					...rootAttrs.value
-				};
-			}),
-			innerAttrs: computed(() => getStyles("inner")),
-			sectionAttrs: computed(() => getStyles("section")),
-			labelAttrs: computed(() => getStyles("label")),
-			modList: computed(() => [{
-				disabled: props.disabled || props.dataDisabled,
-				loading: props.loading,
-				block: props.fullWidth,
-				"with-left-section": hasLeftSlot.value || !!props.leftSection,
-				"with-right-section": hasRightSlot.value || !!props.rightSection
-			}]),
+			mergedRootAttrs,
+			innerAttrs,
+			sectionAttrs,
+			labelAttrs,
 			get CBox() {
 				return CBox;
 			},
@@ -480,10 +490,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createBlock($setup["UnstyledButton"], mergeProps($setup.mergedRootAttrs, {
+	return openBlock(), createBlock($setup["UnstyledButton"], mergeProps({ ref: "_root" }, $setup.mergedRootAttrs, {
 		disabled: $props.disabled || $props.loading,
-		unstyled: $props.unstyled,
-		mod: $setup.modList
+		unstyled: $props.unstyled
 	}), {
 		default: withCtx(() => [typeof $setup.props.loading === "boolean" ? (openBlock(), createBlock($setup["CTransition"], {
 			key: 0,
@@ -491,7 +500,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			transition: $setup.loaderTransition,
 			duration: 150
 		}, {
-			default: withCtx(({ styles }) => [createVNode($setup["CBox"], mergeProps({ tag: "span" }, $setup.getStyles("loader", { style: styles }), { "aria-hidden": "true" }), {
+			default: withCtx(({ styles }) => [createVNode($setup["CBox"], mergeProps({
+				ref: "_inner",
+				tag: "span"
+			}, $setup.getStyles("loader", { style: styles }), { "aria-hidden": "true" }), {
 				default: withCtx(() => [createVNode($setup["CLoader"], mergeProps({
 					color: "var(--button-color)",
 					size: "calc(var(--button-height) / 1.8)"
@@ -514,7 +526,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 					default: withCtx(() => [createCommentVNode(" TODO "), (openBlock(), createBlock(resolveDynamicComponent($props.leftSection)))]),
 					_: 1
 				}, 16)) : createCommentVNode("v-if", true),
-				createVNode($setup["CBox"], mergeProps($setup.labelAttrs, {
+				createVNode($setup["CBox"], mergeProps({ ref: "_label" }, $setup.labelAttrs, {
 					tag: "span",
 					mod: { loading: $props.loading }
 				}), {
@@ -538,11 +550,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			_: 3
 		}, 16)]),
 		_: 3
-	}, 16, [
-		"disabled",
-		"unstyled",
-		"mod"
-	]);
+	}, 16, ["disabled", "unstyled"]);
 }
 var button_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/button/button.vue"]]);
 //#endregion

package/esm/components/button/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","names":[],"sources":["../../../src/components/button/button.vue"],"sourcesContent":["<template>\n  <unstyled-button\n    v-bind=\"mergedRootAttrs\"\n    :disabled=\"disabled || loading\"\n    :unstyled=\"unstyled\"\n    :mod=\"modList\"\n  >\n    <c-transition\n      v-if=\"typeof props.loading === 'boolean'\"\n      :mounted=\"props.loading\"\n      :transition=\"loaderTransition\"\n      :duration=\"150\"\n    >\n      <template #default=\"{ styles }\">\n        <c-box tag=\"span\" v-bind=\"getStyles('loader', { style: styles })\" aria-hidden=\"true\">\n          <c-loader\n            color=\"var(--button-color)\"\n            size=\"calc(var(--button-height) / 1.8)\"\n            v-bind=\"props.loaderProps\"\n          ></c-loader>\n        </c-box>\n      </template>\n    </c-transition>\n\n    <c-box tag=\"span\" v-bind=\"innerAttrs\">\n      <c-box\n        v-if=\"$slots['left-section']\"\n        v-bind=\"sectionAttrs\"\n        tag=\"span\"\n        :mod=\"{ position: 'left' }\"\n      >\n        <slot name=\"left-section\"></slot>\n      </c-box>\n      <c-box v-else-if=\"leftSection\" v-bind=\"sectionAttrs\" tag=\"span\" :mod=\"{ position: 'left' }\">\n        <!-- TODO -->\n        <component :is=\"leftSection\" />\n      </c-box>\n      <c-box v-bind=\"labelAttrs\" tag=\"span\" :mod=\"{ loading }\">\n        <slot />\n      </c-box>\n      <c-box\n        v-if=\"$slots['right-section']\"\n        v-bind=\"sectionAttrs\"\n        tag=\"span\"\n        :mod=\"{ position: 'right' }\"\n      >\n        <slot name=\"right-section\"></slot>\n      </c-box>\n      <c-box v-else-if=\"rightSection\" v-bind=\"sectionAttrs\" tag=\"span\" :mod=\"{ position: 'right' }\">\n        <!-- TODO -->\n        <component :is=\"rightSection\" />\n      </c-box>\n    </c-box>\n  </unstyled-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport {\n  CBox,\n  createVarsResolver,\n  getFontSize,\n  getRadius,\n  getSize,\n  rem,\n  useStyles,\n} from '../../core'\nimport { UnstyledButton } from '../unstyled-button'\nimport { ButtonFactory, type ButtonProps } from './button.types'\nimport classes from './button.module.css'\nimport { CLoader } from '../loader'\nimport { CTransition, CckTransition } from '../transition'\n\ndefineOptions({\n  name: 'CButton',\n})\n\ndefineSlots<{\n  'left-section': any\n  'right-section': any\n  default: any\n}>()\n\nconst slots = useSlots()\n\nconst hasLeftSlot = computed(() => !!slots['left-section'])\nconst hasRightSlot = computed(() => !!slots['right-section'])\n\nconst loaderTransition: CckTransition = {\n  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${rem(1)}))` },\n  out: { opacity: 0, transform: 'translate(-50%, -200%)' },\n  common: { transformOrigin: 'center' },\n  transitionProperty: 'transform, opacity',\n}\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n  (theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'default',\n      autoContrast,\n    })\n\n    return {\n      root: {\n        '--button-justify': justify,\n        '--button-height': getSize(size, 'button-height'),\n        '--button-padding-x': getSize(size, 'button-padding-x'),\n        '--button-fz': size?.includes('compact')\n          ? getFontSize(size.replace('compact-', ''))\n          : getFontSize(size),\n        '--button-radius': radius === undefined ? undefined : getRadius(radius),\n        '--button-bg': color || variant ? colors.background : undefined,\n        '--button-hover': color || variant ? colors.hover : undefined,\n        '--button-color': colors.color,\n        '--button-bd': color || variant ? colors.border : undefined,\n        '--button-hover-color': color || variant ? colors.hoverColor : undefined,\n      },\n    }\n  }\n)\n\nconst props = defineProps<ButtonProps>()\n\nconst knownProps = [\n  'style',\n  'vars',\n  'className',\n  'color',\n  'disabled',\n  'leftSection',\n  'rightSection',\n  'fullWidth',\n  'radius',\n  'loading',\n  'loaderProps',\n  'gradient',\n  'classNames',\n  'styles',\n  'unstyled',\n  'dataDisabled',\n  'autoContrast',\n  'mod',\n  'attributes',\n]\n\nconst getStyles = useStyles<ButtonFactory>({\n  name: 'Button',\n  props,\n  classes,\n  className: props.className,\n  style: props.style,\n  classNames: props.classNames,\n  styles: props.styles,\n  unstyled: props.unstyled,\n  attributes: props.attributes,\n  vars: props.vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() =>\n  getStyles('root', { active: !props.disabled && !props.loading && !props.dataDisabled })\n)\nconst mergedRootAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  for (const key in props) {\n    if (!knownProps.includes(key)) {\n      others[key] = props[key as keyof typeof props]\n    }\n  }\n  return { ...others, ...rootAttrs.value }\n})\n\nconst innerAttrs = computed(() => getStyles('inner'))\nconst sectionAttrs = computed(() => getStyles('section'))\nconst labelAttrs = computed(() => getStyles('label'))\n\nconst modList = computed(() => [\n  {\n    disabled: props.disabled || props.dataDisabled,\n    loading: props.loading,\n    block: props.fullWidth,\n    'with-left-section': hasLeftSlot.value || !!props.leftSection,\n    'with-right-section': hasRightSlot.value || !!props.rightSection,\n  },\n])\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"button.mjs","names":[],"sources":["../../../src/components/button/button.vue"],"sourcesContent":["<template>\n  <unstyled-button\n    ref=\"_root\"\n    v-bind=\"mergedRootAttrs\"\n    :disabled=\"disabled || loading\"\n    :unstyled=\"unstyled\"\n  >\n    <c-transition\n      v-if=\"typeof props.loading === 'boolean'\"\n      :mounted=\"props.loading\"\n      :transition=\"loaderTransition\"\n      :duration=\"150\"\n    >\n      <template #default=\"{ styles }\">\n        <c-box\n          ref=\"_inner\"\n          tag=\"span\"\n          v-bind=\"getStyles('loader', { style: styles })\"\n          aria-hidden=\"true\"\n        >\n          <c-loader\n            color=\"var(--button-color)\"\n            size=\"calc(var(--button-height) / 1.8)\"\n            v-bind=\"props.loaderProps\"\n          ></c-loader>\n        </c-box>\n      </template>\n    </c-transition>\n\n    <c-box tag=\"span\" v-bind=\"innerAttrs\">\n      <c-box\n        v-if=\"$slots['left-section']\"\n        v-bind=\"sectionAttrs\"\n        tag=\"span\"\n        :mod=\"{ position: 'left' }\"\n      >\n        <slot name=\"left-section\"></slot>\n      </c-box>\n      <c-box v-else-if=\"leftSection\" v-bind=\"sectionAttrs\" tag=\"span\" :mod=\"{ position: 'left' }\">\n        <!-- TODO -->\n        <component :is=\"leftSection\" />\n      </c-box>\n      <c-box ref=\"_label\" v-bind=\"labelAttrs\" tag=\"span\" :mod=\"{ loading }\">\n        <slot />\n      </c-box>\n      <c-box\n        v-if=\"$slots['right-section']\"\n        v-bind=\"sectionAttrs\"\n        tag=\"span\"\n        :mod=\"{ position: 'right' }\"\n      >\n        <slot name=\"right-section\"></slot>\n      </c-box>\n      <c-box v-else-if=\"rightSection\" v-bind=\"sectionAttrs\" tag=\"span\" :mod=\"{ position: 'right' }\">\n        <!-- TODO -->\n        <component :is=\"rightSection\" />\n      </c-box>\n    </c-box>\n  </unstyled-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, useSlots } from 'vue'\nimport { CBox, rem, useComponentProps, useStyles } from '../../core'\nimport { UnstyledButton } from '../unstyled-button'\nimport { ButtonFactory, type ButtonProps } from './button.types'\nimport { varsResolver } from './button.utils'\nimport classes from './button.module.css'\nimport { CLoader } from '../loader'\nimport { CTransition, CckTransition } from '../transition'\n\ndefineOptions({\n  name: 'CButton',\n})\n\ndefineSlots<{\n  'left-section': any\n  'right-section': any\n  default: any\n}>()\n\nconst _root = ref<InstanceType<typeof UnstyledButton> | null>(null)\nconst _inner = ref<HTMLSpanElement | null>(null)\nconst _label = ref<HTMLSpanElement | null>(null)\n\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst hasLeftSlot = computed(() => !!slots['left-section'])\nconst hasRightSlot = computed(() => !!slots['right-section'])\n\nconst loaderTransition: CckTransition = {\n  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${rem(1)}))` },\n  out: { opacity: 0, transform: 'translate(-50%, -200%)' },\n  common: { transformOrigin: 'center' },\n  transitionProperty: 'transform, opacity',\n}\n\nconst rawProps = defineProps<ButtonProps>()\n\nconst props = useComponentProps({\n  component: 'CButton',\n  defaultProps: {},\n  props: rawProps,\n})\n\nconst knownProps = [\n  'style',\n  'vars',\n  'className',\n  'color',\n  'disabled',\n  'leftSection',\n  'rightSection',\n  'fullWidth',\n  'radius',\n  'loading',\n  'loaderProps',\n  'gradient',\n  'classNames',\n  'styles',\n  'unstyled',\n  'dataDisabled',\n  'autoContrast',\n  'mod',\n  'attributes',\n]\n\nconst getStyles = useStyles<ButtonFactory>({\n  name: 'Button',\n  props: { ...props.value, ...attrs } as ButtonProps,\n  classes,\n  className: props.value.className,\n  style: props.value.style,\n  classNames: props.value.classNames,\n  styles: props.value.styles,\n  unstyled: props.value.unstyled,\n  attributes: props.value.attributes,\n  vars: props.value.vars,\n  varsResolver,\n})\n\nconst modList = computed(() => [\n  {\n    disabled: props.value.disabled || props.value.dataDisabled,\n  },\n  { loading: props.value.loading },\n  { block: props.value.fullWidth },\n  { 'with-left-section': hasLeftSlot.value || !!props.value.leftSection },\n  { 'with-right-section': hasRightSlot.value || !!props.value.rightSection },\n])\n\nconst rootAttrs = computed(() =>\n  getStyles('root', {\n    active: !props.value.disabled && !props.value.loading && !props.value.dataDisabled,\n  })\n)\nconst mergedRootAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  Object.keys(propsValue).forEach((key) => {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  })\n  const userMod = props.value.mod\n  const mergedMod = [\n    ...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)),\n    ...(modList.value || []),\n  ]\n  return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\nconst innerAttrs = computed(() => getStyles('inner'))\nconst sectionAttrs = computed(() => getStyles('section'))\nconst labelAttrs = computed(() => getStyles('label'))\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n  inner: _inner.value,\n  label: _label.value,\n})\n</script>\n"],"mappings":"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"}

package/esm/components/button/button.utils.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { getFontSize, getRadius, getSize } from "../../core/utils/get-size/get-size.mjs";
+import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
+//#region packages/@cck-ui/core/src/components/button/button.utils.ts
+const varsResolver = createVarsResolver((theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {
+	const colors = theme.variantColorResolver({
+		color: color || theme.primaryColor,
+		theme,
+		gradient,
+		variant: variant || "default",
+		autoContrast
+	});
+	return { root: {
+		"--button-justify": justify,
+		"--button-height": getSize(size, "button-height"),
+		"--button-padding-x": getSize(size, "button-padding-x"),
+		"--button-fz": size?.includes("compact") ? getFontSize(size.replace("compact-", "")) : getFontSize(size),
+		"--button-radius": radius === void 0 ? void 0 : getRadius(radius),
+		"--button-bg": color || variant ? colors.background : void 0,
+		"--button-hover": color || variant ? colors.hover : void 0,
+		"--button-color": colors.color,
+		"--button-bd": color || variant ? colors.border : void 0,
+		"--button-hover-color": color || variant ? colors.hoverColor : void 0
+	} };
+});
+//#endregion
+export { varsResolver };
+
+//# sourceMappingURL=button.utils.mjs.map

package/esm/components/button/button.utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.utils.mjs","names":[],"sources":["../../../src/components/button/button.utils.ts"],"sourcesContent":["import { createVarsResolver, getFontSize, getRadius, getSize } from '../../core'\nimport { ButtonFactory } from './button.types'\n\nexport const varsResolver = createVarsResolver<ButtonFactory>(\n  (theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'default',\n      autoContrast,\n    })\n\n    return {\n      root: {\n        '--button-justify': justify,\n        '--button-height': getSize(size, 'button-height'),\n        '--button-padding-x': getSize(size, 'button-padding-x'),\n        '--button-fz': size?.includes('compact')\n          ? getFontSize(size.replace('compact-', ''))\n          : getFontSize(size),\n        '--button-radius': radius === undefined ? undefined : getRadius(radius),\n        '--button-bg': color || variant ? colors.background : undefined,\n        '--button-hover': color || variant ? colors.hover : undefined,\n        '--button-color': colors.color,\n        '--button-bd': color || variant ? colors.border : undefined,\n        '--button-hover-color': color || variant ? colors.hoverColor : undefined,\n      },\n    }\n  }\n)\n"],"mappings":";;;;AAGA,MAAa,eAAe,oBACzB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,MAAM,SAAS,mBAAmB;CAC5E,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,oBAAoB;EACpB,mBAAmB,QAAQ,MAAM,eAAe;EAChD,sBAAsB,QAAQ,MAAM,kBAAkB;EACtD,eAAe,MAAM,SAAS,SAAS,IACnC,YAAY,KAAK,QAAQ,YAAY,EAAE,CAAC,IACxC,YAAY,IAAI;EACpB,mBAAmB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EACtE,eAAe,SAAS,UAAU,OAAO,aAAa,KAAA;EACtD,kBAAkB,SAAS,UAAU,OAAO,QAAQ,KAAA;EACpD,kBAAkB,OAAO;EACzB,eAAe,SAAS,UAAU,OAAO,SAAS,KAAA;EAClD,wBAAwB,SAAS,UAAU,OAAO,aAAa,KAAA;CACjE,EACF;AACF,CACF"}

package/esm/components/button/index.mjs

@@ -1,12 +1,16 @@
 "use client";
 import { withInstall } from "../../core/utils/vue/install.mjs";
+import { withClasses, withExtend, withPropsFactory, withVarsResolver } from "../../core/utils/vue/statics.mjs";
+import button_module_default from "./button.module.mjs";
+import { varsResolver } from "./button.utils.mjs";
 import button_default from "./button.mjs";
 import button_group_section_default from "./button-group-section/button-group-section.mjs";
 import button_group_default from "./button-group/button-group.mjs";
 //#region packages/@cck-ui/core/src/components/button/index.ts
+const ButtonWithStatic = withPropsFactory(withExtend(withVarsResolver(withClasses(button_default, button_module_default), varsResolver)));
 const CButtonGroup = withInstall(button_group_default);
 const CButtonGroupSection = withInstall(button_group_section_default);
-const CButton = withInstall(button_default, {
+const CButton = withInstall(ButtonWithStatic, {
 	ButtonGroup: button_group_default,
 	ButtonGroupSection: button_group_section_default
 });

package/esm/components/button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ButtonGroup","ButtonGroupSection","Button"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import { type SFCWithInstall, withInstall } from '../../core'\nimport ButtonGroup from './button-group/button-group.vue'\nimport ButtonGroupSection from './button-group-section/button-group-section.vue'\nimport Button from './button.vue'\n\nexport const CButtonGroup: SFCWithInstall<typeof ButtonGroup> = withInstall(ButtonGroup)\nexport const CButtonGroupSection: SFCWithInstall<typeof ButtonGroupSection> =\n  withInstall(ButtonGroupSection)\nexport const CButton: SFCWithInstall<typeof Button> & {\n  ButtonGroup: typeof ButtonGroup\n} & { ButtonGroupSection: typeof ButtonGroupSection } = withInstall(Button, {\n  ButtonGroup,\n  ButtonGroupSection,\n})\nexport default CButton\n\nexport * from './button-group-section/button-group-section.types'\nexport * from './button-group/button-group.types'\nexport * from './button.types'\n"],"mappings":";;;;;;AAKA,MAAa,eAAmD,YAAYA,oBAAW;AACvF,MAAa,sBACX,YAAYC,4BAAkB;AAChC,MAAa,UAE2C,YAAYC,gBAAQ;CAC1E,aAAA;CACA,oBAAA;AACF,CAAC"}
+{"version":3,"file":"index.mjs","names":["Button","classes","ButtonGroup","ButtonGroupSection"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import {\n  type SFCWithInstall,\n  type SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n  withVarsResolver,\n} from '../../core'\nimport ButtonGroup from './button-group/button-group.vue'\nimport ButtonGroupSection from './button-group-section/button-group-section.vue'\nimport Button from './button.vue'\nimport classes from './button.module.css'\n\nimport { varsResolver } from './button.utils'\n\nconst ButtonWithStatic = withPropsFactory(\n  withExtend(withVarsResolver(withClasses(Button, classes), varsResolver))\n)\n\nexport const CButtonGroup: SFCWithInstall<typeof ButtonGroup> = withInstall(ButtonGroup)\nexport const CButtonGroupSection: SFCWithInstall<typeof ButtonGroupSection> =\n  withInstall(ButtonGroupSection)\nexport const CButton: SFCWithInstallAndClasses<typeof Button, typeof classes> & {\n  ButtonGroup: typeof ButtonGroup\n  ButtonGroupSection: typeof ButtonGroupSection\n} = withInstall(ButtonWithStatic, {\n  ButtonGroup,\n  ButtonGroupSection,\n})\n\nexport default CButton\n\nexport * from './button-group-section/button-group-section.types'\nexport * from './button-group/button-group.types'\nexport * from './button.types'\n"],"mappings":";;;;;;;;;AAgBA,MAAM,mBAAmB,iBACvB,WAAW,iBAAiB,YAAYA,gBAAQC,qBAAO,GAAG,YAAY,CAAC,CACzE;AAEA,MAAa,eAAmD,YAAYC,oBAAW;AACvF,MAAa,sBACX,YAAYC,4BAAkB;AAChC,MAAa,UAGT,YAAY,kBAAkB;CAChC,aAAA;CACA,oBAAA;AACF,CAAC"}