@cck-ui/core 0.4.10 → 0.5.0

package/cjs/components/grid/grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs","names":[],"sources":["../../../src/components/grid/grid.vue"],"sourcesContent":["<template>\n  <c-box v-if=\"type === 'container' && breakpoints\" v-bind=\"containerAttrs\">\n    <c-box v-bind=\"mergedRootAttrs\">\n      <c-box v-bind=\"innerAttrs\">\n        <slot />\n      </c-box>\n    </c-box>\n  </c-box>\n  <template v-else>\n    <c-box v-bind=\"mergedRootAttrs\">\n      <c-box v-bind=\"innerAttrs\">\n        <slot />\n      </c-box>\n    </c-box>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onUnmounted, provide, ref, watchEffect } from 'vue'\nimport {\n  CBox,\n  createVarsResolver,\n  isNumberLike,\n  responsiveStyleManager,\n  useRandomClassName,\n  useStyles,\n} from '../../core'\nimport { useGridCustomStyle } from './grid-custom'\nimport { DEFAULT_COLUMNS, GRID_CONTEXT_KEY } from './grid.constants'\nimport { GridContextValue } from './grid.context'\nimport type { GridFactory, GridProps } from './grid.types'\nimport classes from './grid.module.css'\n\ndefineOptions({\n  name: 'CGrid',\n})\n\nconst props = withDefaults(defineProps<GridProps>(), {\n  columns: DEFAULT_COLUMNS,\n  gap: 'md',\n})\n\nconst knownProps = [\n  'classNames',\n  'className',\n  'style',\n  'styles',\n  'unstyled',\n  'vars',\n  'grow',\n  'gap',\n  'rowGap',\n  'columnGap',\n  'columns',\n  'align',\n  'justify',\n  'breakpoints',\n  'type',\n  'attributes',\n]\n\nconst varsResolver = createVarsResolver<GridFactory>((_, { justify, align, overflow }) => ({\n  root: {\n    '--grid-align': align,\n    '--grid-justify': justify,\n    '--grid-overflow': overflow,\n  },\n}))\n\nconst getStyles = useStyles<GridFactory>({\n  name: 'Grid',\n  classes,\n  props,\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 responsiveClassname = useRandomClassName()\n\nconst rootAttrs = computed(() => getStyles('root', { className: responsiveClassname }))\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'))\n\nconst containerAttrs = computed(() => getStyles('container'))\n\nconst gridStyle = useGridCustomStyle({\n  selector: responsiveClassname,\n  ...props,\n})\n\nconst currentStyleKey = ref<string | null>(null)\nwatchEffect(() => {\n  const cssText = gridStyle.value.queryStylesString\n  if (cssText) {\n    const newKey = responsiveStyleManager.register(cssText)\n    if (currentStyleKey.value && currentStyleKey.value !== newKey) {\n      responsiveStyleManager.unregister(currentStyleKey.value)\n    }\n    currentStyleKey.value = newKey\n  } else if (currentStyleKey.value) {\n    responsiveStyleManager.unregister(currentStyleKey.value)\n    currentStyleKey.value = null\n  }\n})\nonUnmounted(() => {\n  if (currentStyleKey.value) {\n    responsiveStyleManager.unregister(currentStyleKey.value)\n  }\n})\n\nconst _breakpoints = computed(() => props.breakpoints)\nconst _columns = computed(() => {\n  if (!isNumberLike(props.columns)) {\n    console.warn(\n      `[C-Grid] columns should be number or number-like string, got ${props.columns}. Fallback to default columns ${DEFAULT_COLUMNS}.`\n    )\n    return DEFAULT_COLUMNS\n  }\n\n  return Number(props.columns)\n})\nconst _grow = computed(() => props.grow)\nconst _type = computed(() => props.type)\n\nconst context: GridContextValue = {\n  getStyles,\n  get breakpoints() {\n    return _breakpoints.value\n  },\n  get columns() {\n    return _columns.value\n  },\n  get grow() {\n    return _grow.value\n  },\n  get type() {\n    return _type.value\n  },\n}\n\nprovide(GRID_CONTEXT_KEY, context)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"grid.cjs","names":[],"sources":["../../../src/components/grid/grid.vue"],"sourcesContent":["<template>\n  <c-box ref=\"_container\" v-if=\"type === 'container' && breakpoints\" v-bind=\"containerAttrs\">\n    <c-box ref=\"_root\" v-bind=\"mergedRootAttrs\">\n      <c-box ref=\"_inner\" v-bind=\"innerAttrs\">\n        <slot />\n      </c-box>\n    </c-box>\n  </c-box>\n  <template v-else>\n    <c-box ref=\"_root\" v-bind=\"mergedRootAttrs\">\n      <c-box ref=\"_inner\" v-bind=\"innerAttrs\">\n        <slot />\n      </c-box>\n    </c-box>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onUnmounted, provide, ref, useAttrs, watchEffect } from 'vue'\nimport {\n  CBox,\n  isNumberLike,\n  responsiveStyleManager,\n  useComponentProps,\n  useRandomClassName,\n  useStyles,\n} from '../../core'\nimport { useGridCustomStyle } from './grid-custom'\nimport { DEFAULT_COLUMNS, GRID_CONTEXT_KEY } from './grid.constants'\nimport { GridContextValue } from './grid.context'\nimport type { GridFactory, GridProps } from './grid.types'\nimport classes from './grid.module.css'\nimport { varsResolver } from './grid.utils'\n\ndefineOptions({\n  name: 'CGrid',\n})\n\nconst _container = ref<InstanceType<typeof CBox> | null>(null)\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\nconst _inner = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<GridProps>()\n\nconst props = useComponentProps({\n  component: 'CGrid',\n  defaultProps: {\n    columns: DEFAULT_COLUMNS,\n    gap: 'md',\n  },\n  props: rawProps,\n})\n\nconst knownProps = [\n  'classNames',\n  'className',\n  'style',\n  'styles',\n  'unstyled',\n  'vars',\n  'grow',\n  'gap',\n  'rowGap',\n  'columnGap',\n  'columns',\n  'align',\n  'justify',\n  'breakpoints',\n  'type',\n  'attributes',\n]\n\nconst getStyles = useStyles<GridFactory>({\n  name: 'Grid',\n  classes,\n  props: { ...props.value, ...attrs } as GridProps,\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 responsiveClassname = useRandomClassName()\n\nconst rootAttrs = computed(() => getStyles('root', { className: responsiveClassname }))\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 = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n  return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\nconst innerAttrs = computed(() => getStyles('inner'))\n\nconst containerAttrs = computed(() => getStyles('container'))\n\nconst gridStyle = useGridCustomStyle({\n  selector: responsiveClassname,\n  ...props,\n})\n\nconst currentStyleKey = ref<string | null>(null)\nwatchEffect(() => {\n  const cssText = gridStyle.value.queryStylesString\n  if (cssText) {\n    const newKey = responsiveStyleManager.register(cssText)\n    if (currentStyleKey.value && currentStyleKey.value !== newKey) {\n      responsiveStyleManager.unregister(currentStyleKey.value)\n    }\n    currentStyleKey.value = newKey\n  } else if (currentStyleKey.value) {\n    responsiveStyleManager.unregister(currentStyleKey.value)\n    currentStyleKey.value = null\n  }\n})\nonUnmounted(() => {\n  if (currentStyleKey.value) {\n    responsiveStyleManager.unregister(currentStyleKey.value)\n  }\n})\n\nconst _breakpoints = computed(() => props.value.breakpoints)\nconst _columns = computed(() => {\n  if (!isNumberLike(props.value.columns)) {\n    console.warn(\n      `[C-Grid] columns should be number or number-like string, got ${props.value.columns}. Fallback to default columns ${DEFAULT_COLUMNS}.`\n    )\n    return DEFAULT_COLUMNS\n  }\n\n  return Number(props.value.columns)\n})\nconst _grow = computed(() => props.value.grow)\nconst _type = computed(() => props.value.type)\n\nconst context: GridContextValue = {\n  getStyles,\n  get breakpoints() {\n    return _breakpoints.value\n  },\n  get columns() {\n    return _columns.value\n  },\n  get grow() {\n    return _grow.value\n  },\n  get type() {\n    return _type.value\n  },\n}\n\nprovide(GRID_CONTEXT_KEY, context)\n\ndefineExpose({\n  container: computed(() => _container.value?.root ?? null),\n  root: computed(() => _root.value?.root ?? null),\n  inner: computed(() => _inner.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,cAAA,GAAA,IAAA,IAAA,CAAmD,IAAI;EAC7D,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EACxD,MAAM,UAAA,GAAA,IAAA,IAAA,CAA+C,IAAI;EAEzD,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc;IACZ,SAAA;IACA,KAAK;GACP;GACA,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,mBAAA,UAAuB;GACvC,MAAM;GACN,SAAA,oBAAA;GACA,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,WAAW,MAAM,MAAM;GACvB,OAAO,MAAM,MAAM;GACnB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;GACxB,MAAM,MAAM,MAAM;GAClB,cAAA,mBAAA;EACF,CAAC;EAED,MAAM,sBAAsB,6BAAA,mBAAmB;EAE/C,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC,CAAC;EAEtF,MAAM,mBAAA,GAAA,IAAA,SAAA,OAAiC;GACrC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,OAAO,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ;IACvC,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAE7B,CAAC;GACD,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAAC,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CAAE;GACpF,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B,UAAU,OAAO,CAAC;EAEpD,MAAM,kBAAA,GAAA,IAAA,SAAA,OAAgC,UAAU,WAAW,CAAC;EAE5D,MAAM,YAAY,oBAAA,mBAAmB;GACnC,UAAU;GACV,GAAG;EACL,CAAC;EAED,MAAM,mBAAA,GAAA,IAAA,IAAA,CAAqC,IAAI;EAC/C,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,MAAM,UAAU,UAAU,MAAM;GAChC,IAAI,SAAS;IACX,MAAM,SAAS,iCAAA,uBAAuB,SAAS,OAAO;IACtD,IAAI,gBAAgB,SAAS,gBAAgB,UAAU,QACrD,iCAAA,uBAAuB,WAAW,gBAAgB,KAAK;IAEzD,gBAAgB,QAAQ;GAC1B,OAAO,IAAI,gBAAgB,OAAO;IAChC,iCAAA,uBAAuB,WAAW,gBAAgB,KAAK;IACvD,gBAAgB,QAAQ;GAC1B;EACF,CAAC;EACD,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,IAAI,gBAAgB,OAClB,iCAAA,uBAAuB,WAAW,gBAAgB,KAAK;EAE3D,CAAC;EAED,MAAM,gBAAA,GAAA,IAAA,SAAA,OAA8B,MAAM,MAAM,WAAW;EAC3D,MAAM,YAAA,GAAA,IAAA,SAAA,OAA0B;GAC9B,IAAI,CAAC,uBAAA,aAAa,MAAM,MAAM,OAAO,GAAG;IACtC,QAAQ,KACN,gEAAgE,MAAM,MAAM,QAAQ,kCACtF;IACA,OAAA;GACF;GAEA,OAAO,OAAO,MAAM,MAAM,OAAO;EACnC,CAAC;EACD,MAAM,SAAA,GAAA,IAAA,SAAA,OAAuB,MAAM,MAAM,IAAI;EAC7C,MAAM,SAAA,GAAA,IAAA,SAAA,OAAuB,MAAM,MAAM,IAAI;EAE7C,MAAM,UAA4B;GAChC;GACA,IAAI,cAAc;IAChB,OAAO,aAAa;GACtB;GACA,IAAI,UAAU;IACZ,OAAO,SAAS;GAClB;GACA,IAAI,OAAO;IACT,OAAO,MAAM;GACf;GACA,IAAI,OAAO;IACT,OAAO,MAAM;GACf;EACF;EAEA,CAAA,GAAA,IAAA,QAAA,CAAQ,uBAAA,kBAAkB,OAAO;EAEjC,SAAa;GACX,YAAA,GAAA,IAAA,SAAA,OAA0B,WAAW,OAAO,QAAQ,IAAI;GACxD,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI;GAC9C,QAAA,GAAA,IAAA,SAAA,OAAsB,OAAO,OAAO,QAAQ,IAAI;EAClD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAzK+B,OAAA,SAAI,eAAoB,OAAA,gBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAM9C,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA;;EAND,KAAI;IAAgE,OAAA,cAAc,GAAA;kCAK/E,EAAA,GAAA,IAAA,YAAA,CAAA,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAJD,KAAI,QAAO,GAAS,OAAA,eAAe,GAAA;mCAGhC,EAAA,GAAA,IAAA,YAAA,CAAA,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAFD,KAAI,SAAQ,GAAS,OAAA,UAAU,GAAA;oCAC5B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;uDASJ,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA;;EAJD,KAAI;IAAgB,OAAA,eAAe,GAAA;kCAGhC,EAAA,GAAA,IAAA,YAAA,CAAA,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAFD,KAAI,SAAQ,GAAS,OAAA,UAAU,GAAA;mCAC5B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/components/grid/grid.constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid.constants.cjs","names":[],"sources":["../../../src/components/grid/grid.constants.ts"],"sourcesContent":["import { InjectionKey } from 'vue'\nimport { GridContextValue } from './grid.context'\n\nexport const GRID_CONTEXT_KEY: InjectionKey<GridContextValue> =\n  Symbol('GridContext')\n\nexport const DEFAULT_COLUMNS = 12\n"],"mappings":";;AAGA,MAAa,mBACX,OAAO,aAAa"}
+{"version":3,"file":"grid.constants.cjs","names":[],"sources":["../../../src/components/grid/grid.constants.ts"],"sourcesContent":["import { InjectionKey } from 'vue'\nimport { GridContextValue } from './grid.context'\n\nexport const GRID_CONTEXT_KEY: InjectionKey<GridContextValue> = Symbol('GridContext')\n\nexport const DEFAULT_COLUMNS = 12\n"],"mappings":";;AAGA,MAAa,mBAAmD,OAAO,aAAa"}

package/cjs/components/grid/grid.utils.cjs

@@ -0,0 +1,11 @@
+"use client";
+//#region packages/@cck-ui/core/src/components/grid/grid.utils.ts
+const varsResolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs").createVarsResolver((_, { justify, align, overflow }) => ({ root: {
+	"--grid-align": align,
+	"--grid-justify": justify,
+	"--grid-overflow": overflow
+} }));
+//#endregion
+exports.varsResolver = varsResolver;
+
+//# sourceMappingURL=grid.utils.cjs.map

package/cjs/components/grid/grid.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.utils.cjs","names":["createVarsResolver"],"sources":["../../../src/components/grid/grid.utils.ts"],"sourcesContent":["import { createVarsResolver } from '../../core'\nimport { GridFactory } from './grid.types'\n\nexport const varsResolver = createVarsResolver<GridFactory>((_, { justify, align, overflow }) => ({\n  root: {\n    '--grid-align': align,\n    '--grid-justify': justify,\n    '--grid-overflow': overflow,\n  },\n}))\n"],"mappings":";;AAGA,MAAa,4FAAeA,CAAAA,CAAAA,oBAAiC,GAAG,EAAE,SAAS,OAAO,gBAAgB,EAChG,MAAM;CACJ,gBAAgB;CAChB,kBAAkB;CAClB,mBAAmB;AACrB,EACF,EAAE"}

package/cjs/components/grid/index.cjs

@@ -1,10 +1,15 @@
 "use client";
 const require_install = require("../../core/utils/vue/install.cjs");
+const require_statics = require("../../core/utils/vue/statics.cjs");
+const require_button_utils = require("../button/button.utils.cjs");
+const require_grid_module = require("./grid.module.cjs");
 const require_grid = require("./grid.cjs");
 const require_col = require("./col/col.cjs");
 //#region packages/@cck-ui/core/src/components/grid/index.ts
-const CCol = require_install.withInstall(require_col.default);
-const CGrid = require_install.withInstall(require_grid.default, { Col: require_col.default });
+const GridWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withVarsResolver(require_statics.withClasses(require_grid.default, require_grid_module.default), require_button_utils.varsResolver)));
+const ColWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withClasses(require_col.default, require_grid_module.default)));
+const CCol = require_install.withInstall(ColWithStatic);
+const CGrid = require_install.withInstall(GridWithStatic, { Col: require_col.default });
 //#endregion
 exports.CCol = CCol;
 exports.CGrid = CGrid;

package/cjs/components/grid/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["withInstall","Col","Grid"],"sources":["../../../src/components/grid/index.ts"],"sourcesContent":["import { type SFCWithInstall, withInstall } from '../../core'\nimport Grid from './grid.vue'\nimport Col from './col/col.vue'\n\nexport const CCol: SFCWithInstall<typeof Col> = withInstall(Col)\nexport const CGrid: SFCWithInstall<typeof Grid> & { Col: typeof Col } = withInstall(Grid, { Col })\nexport default CGrid\n\nexport * from './col/col.types.js'\nexport * from './grid.types.js'\n"],"mappings":";;;;;AAIA,MAAa,OAAmCA,gBAAAA,YAAYC,YAAAA,OAAG;AAC/D,MAAa,QAA2DD,gBAAAA,YAAYE,aAAAA,SAAM,EAAE,KAAA,YAAA,QAAI,CAAC"}
+{"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withVarsResolver","withClasses","Grid","classes","varsResolver","Col","withInstall"],"sources":["../../../src/components/grid/index.ts"],"sourcesContent":["import {\n  type SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n  withVarsResolver,\n} from '../../core'\nimport Grid from './grid.vue'\nimport Col from './col/col.vue'\nimport classes from './grid.module.css'\nimport { varsResolver } from '../button/button.utils'\n\nconst GridWithStatic = withPropsFactory(\n  withExtend(withVarsResolver(withClasses(Grid, classes), varsResolver))\n)\nconst ColWithStatic = withPropsFactory(withExtend(withClasses(Col, classes)))\n\nexport const CCol: SFCWithInstallAndClasses<typeof Col> = withInstall(ColWithStatic)\nexport const CGrid: SFCWithInstallAndClasses<typeof Grid, typeof classes> & { Col: typeof Col } =\n  withInstall(GridWithStatic, { Col })\nexport default CGrid\n\nexport * from './col/col.types'\nexport * from './grid.types'\n"],"mappings":";;;;;;;;AAaA,MAAM,iBAAiBA,gBAAAA,iBACrBC,gBAAAA,WAAWC,gBAAAA,iBAAiBC,gBAAAA,YAAYC,aAAAA,SAAMC,oBAAAA,OAAO,GAAGC,qBAAAA,YAAY,CAAC,CACvE;AACA,MAAM,gBAAgBN,gBAAAA,iBAAiBC,gBAAAA,WAAWE,gBAAAA,YAAYI,YAAAA,SAAKF,oBAAAA,OAAO,CAAC,CAAC;AAE5E,MAAa,OAA6CG,gBAAAA,YAAY,aAAa;AACnF,MAAa,QACXA,gBAAAA,YAAY,gBAAgB,EAAE,KAAA,YAAA,QAAI,CAAC"}

package/cjs/components/loader/loader.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loader.module.cjs","names":[],"sources":["../../../src/components/loader/loader.module.css"],"sourcesContent":[".root {\n  --loader-size-xs: 18px;\n  --loader-size-sm: 22px;\n  --loader-size-md: 36px;\n  --loader-size-lg: 44px;\n  --loader-size-xl: 58px;\n  --loader-size: var(--loader-size-md);\n  --loader-color: var(--c-primary-color-filled);\n}\n\n.root,\n.root *,\n.root::before,\n.root::after {\n  box-sizing: border-box;\n}\n\n@keyframes bars-loader-animation {\n  0% {\n    transform: scale(0.6);\n    opacity: 0;\n  }\n\n  50%,\n  100% {\n    transform: scale(1);\n  }\n}\n\n.barsLoader {\n  position: relative;\n  width: var(--loader-size);\n  height: var(--loader-size);\n  display: flex;\n  gap: calc(var(--loader-size) / 5);\n}\n\n.bar {\n  flex: 1;\n  background: var(--loader-color);\n  animation: bars-loader-animation 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;\n  border-radius: 2px;\n\n  &:nth-of-type(1) {\n    animation-delay: -240ms;\n  }\n\n  &:nth-of-type(2) {\n    animation-delay: -120ms;\n  }\n\n  &:nth-of-type(3) {\n    animation-delay: 0;\n  }\n}\n\n@keyframes loader-dots-animation {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  50% {\n    transform: scale(0.6);\n    opacity: 0.5;\n  }\n}\n\n.dotsLoader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: calc(var(--loader-size) / 10);\n  position: relative;\n  width: var(--loader-size);\n  height: var(--loader-size);\n}\n\n.dot {\n  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);\n  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);\n  border-radius: 50%;\n  background: var(--loader-color);\n  animation: loader-dots-animation 0.8s infinite linear;\n\n  &:nth-child(2) {\n    animation-delay: 0.4s;\n  }\n}\n\n@keyframes oval-loader-animation {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.ovalLoader {\n  display: inline-block;\n  width: var(--loader-size);\n  height: var(--loader-size);\n\n  &::after {\n    content: '';\n    display: block;\n    width: var(--loader-size);\n    height: var(--loader-size);\n    border-radius: 10000px;\n    border-width: calc(var(--loader-size) / 8);\n    border-style: solid;\n    border-color: var(--loader-color) var(--loader-color) var(--loader-color)\n      transparent;\n    animation: oval-loader-animation 1.2s linear infinite;\n  }\n}\n"],"mappings":";;AAAA,IAAA,wBAAe;CAAC,QAAO;CAAa,cAAa;CAAa,OAAM;CAAa,yBAAwB;CAAa,cAAa;CAAa,OAAM;CAAa,yBAAwB;CAAa,cAAa;CAAa,yBAAwB;AAAY"}
+{"version":3,"file":"loader.module.cjs","names":[],"sources":["../../../src/components/loader/loader.module.css"],"sourcesContent":[".root {\n  --loader-size-xs: 18px;\n  --loader-size-sm: 22px;\n  --loader-size-md: 36px;\n  --loader-size-lg: 44px;\n  --loader-size-xl: 58px;\n  --loader-size: var(--loader-size-md);\n  --loader-color: var(--c-primary-color-filled);\n}\n\n.root,\n.root *,\n.root::before,\n.root::after {\n  box-sizing: border-box;\n}\n\n@keyframes bars-loader-animation {\n  0% {\n    transform: scale(0.6);\n    opacity: 0;\n  }\n\n  50%,\n  100% {\n    transform: scale(1);\n  }\n}\n\n.barsLoader {\n  position: relative;\n  width: var(--loader-size);\n  height: var(--loader-size);\n  display: flex;\n  gap: calc(var(--loader-size) / 5);\n}\n\n.bar {\n  flex: 1;\n  background: var(--loader-color);\n  animation: bars-loader-animation 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;\n  border-radius: 2px;\n\n  &:nth-of-type(1) {\n    animation-delay: -240ms;\n  }\n\n  &:nth-of-type(2) {\n    animation-delay: -120ms;\n  }\n\n  &:nth-of-type(3) {\n    animation-delay: 0;\n  }\n}\n\n@keyframes loader-dots-animation {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  50% {\n    transform: scale(0.6);\n    opacity: 0.5;\n  }\n}\n\n.dotsLoader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: calc(var(--loader-size) / 10);\n  position: relative;\n  width: var(--loader-size);\n  height: var(--loader-size);\n}\n\n.dot {\n  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);\n  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);\n  border-radius: 50%;\n  background: var(--loader-color);\n  animation: loader-dots-animation 0.8s infinite linear;\n\n  &:nth-child(2) {\n    animation-delay: 0.4s;\n  }\n}\n\n@keyframes oval-loader-animation {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.ovalLoader {\n  display: inline-block;\n  width: var(--loader-size);\n  height: var(--loader-size);\n\n  &::after {\n    content: '';\n    display: block;\n    width: var(--loader-size);\n    height: var(--loader-size);\n    border-radius: 10000px;\n    border-width: calc(var(--loader-size) / 8);\n    border-style: solid;\n    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;\n    animation: oval-loader-animation 1.2s linear infinite;\n  }\n}\n"],"mappings":";;AAAA,IAAA,wBAAe;CAAC,QAAO;CAAa,cAAa;CAAa,OAAM;CAAa,yBAAwB;CAAa,cAAa;CAAa,OAAM;CAAa,yBAAwB;CAAa,cAAa;CAAa,yBAAwB;AAAY"}

package/cjs/components/loader/loaders/bars.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_export_helper = require("../../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_index = require("../../../core/box/index.cjs");
 const require_loader_module = require("../loader.module.cjs");
 let vue = require("vue");
 let clsx = require("clsx");
@@ -324,6 +325,9 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		const __returned__ = {
 			others: (0, vue.createPropsRestProxy)(__props, ["className", "attributes"]),
 			loaderClass: (0, clsx.default)(require_loader_module.default.barsLoader, __props.className),
+			get CBox() {
+				return require_index.CBox;
+			},
 			get classes() {
 				return require_loader_module.default;
 			}
@@ -336,15 +340,14 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_c_box = (0, vue.resolveComponent)("c-box");
-	return (0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.mergeProps)({ tag: "span" }, $setup.others, { class: $setup.loaderClass }), {
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ tag: "span" }, $setup.others, { className: $setup.loaderClass }), {
 		default: (0, vue.withCtx)(() => [
 			(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)($setup.classes.bar) }, null, 2),
 			(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)($setup.classes.bar) }, null, 2),
 			(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)($setup.classes.bar) }, null, 2)
 		]),
 		_: 1
-	}, 16, ["class"]);
+	}, 16, ["className"]);
 }
 var bars_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/loader/loaders/bars.vue"]]);
 //#endregion

package/cjs/components/loader/loaders/bars.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bars.cjs","names":[],"sources":["../../../../src/components/loader/loaders/bars.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :class=\"loaderClass\">\n    <span :class=\"classes.bar\" />\n    <span :class=\"classes.bar\" />\n    <span :class=\"classes.bar\" />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.barsLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAa6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;;mDAVjC,mBAAA,GAAA,IAAA,WAAA,CAAA,EAJD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,OAAO,OAAA,YAAW,CAAA,GAAA;kCACtB;+BAAA,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA"}
+{"version":3,"file":"bars.cjs","names":[],"sources":["../../../../src/components/loader/loaders/bars.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :className=\"loaderClass\">\n    <span :class=\"classes.bar\" />\n    <span :class=\"classes.bar\" />\n    <span :class=\"classes.bar\" />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { CBox } from '../../../core'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.barsLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAc6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;;;;mDAXjC,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAJD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,WAAW,OAAA,YAAW,CAAA,GAAA;kCAC1B;+BAAA,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA"}

package/cjs/components/loader/loaders/dots.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_export_helper = require("../../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_index = require("../../../core/box/index.cjs");
 const require_loader_module = require("../loader.module.cjs");
 let vue = require("vue");
 let clsx = require("clsx");
@@ -324,6 +325,9 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		const __returned__ = {
 			others: (0, vue.createPropsRestProxy)(__props, ["className", "attributes"]),
 			loaderClass: (0, clsx.default)(require_loader_module.default.dotsLoader, __props.className),
+			get CBox() {
+				return require_index.CBox;
+			},
 			get classes() {
 				return require_loader_module.default;
 			}
@@ -336,15 +340,14 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_c_box = (0, vue.resolveComponent)("c-box");
-	return (0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.mergeProps)({ tag: "span" }, $setup.others, { class: $setup.loaderClass }), {
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ tag: "span" }, $setup.others, { className: $setup.loaderClass }), {
 		default: (0, vue.withCtx)(() => [
 			(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)($setup.classes.dot) }, null, 2),
 			(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)($setup.classes.dot) }, null, 2),
 			(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)($setup.classes.dot) }, null, 2)
 		]),
 		_: 1
-	}, 16, ["class"]);
+	}, 16, ["className"]);
 }
 var dots_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/loader/loaders/dots.vue"]]);
 //#endregion

package/cjs/components/loader/loaders/dots.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dots.cjs","names":[],"sources":["../../../../src/components/loader/loaders/dots.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :class=\"loaderClass\">\n    <span :class=\"classes.dot\" />\n    <span :class=\"classes.dot\" />\n    <span :class=\"classes.dot\" />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.dotsLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAa6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;;mDAVjC,mBAAA,GAAA,IAAA,WAAA,CAAA,EAJD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,OAAO,OAAA,YAAW,CAAA,GAAA;kCACtB;+BAAA,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA"}
+{"version":3,"file":"dots.cjs","names":[],"sources":["../../../../src/components/loader/loaders/dots.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :className=\"loaderClass\">\n    <span :class=\"classes.dot\" />\n    <span :class=\"classes.dot\" />\n    <span :class=\"classes.dot\" />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { CBox } from '../../../core'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.dotsLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAc6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;;;;mDAXjC,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAJD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,WAAW,OAAA,YAAW,CAAA,GAAA;kCAC1B;+BAAA,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA;+BACI,QAAA,EAAtB,QAAA,GAAA,IAAA,eAAA,CAAO,OAAA,QAAQ,GAAG,EAAA,GAAA,MAAA,CAAA"}

package/cjs/components/loader/loaders/oval.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_export_helper = require("../../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_index = require("../../../core/box/index.cjs");
 const require_loader_module = require("../loader.module.cjs");
 let vue = require("vue");
 let clsx = require("clsx");
@@ -323,7 +324,10 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		__expose();
 		const __returned__ = {
 			others: (0, vue.createPropsRestProxy)(__props, ["className", "attributes"]),
-			loaderClass: (0, clsx.default)(require_loader_module.default.ovalLoader, __props.className)
+			loaderClass: (0, clsx.default)(require_loader_module.default.ovalLoader, __props.className),
+			get CBox() {
+				return require_index.CBox;
+			}
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -333,8 +337,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_c_box = (0, vue.resolveComponent)("c-box");
-	return (0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.mergeProps)({ tag: "span" }, $setup.others, { class: $setup.loaderClass }), null, 16, ["class"]);
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ tag: "span" }, $setup.others, { className: $setup.loaderClass }), null, 16, ["className"]);
 }
 var oval_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/loader/loaders/oval.vue"]]);
 //#endregion

package/cjs/components/loader/loaders/oval.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"oval.cjs","names":[],"sources":["../../../../src/components/loader/loaders/oval.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :class=\"loaderClass\" />\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.ovalLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAS6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;mDAVgB,mBAAA,GAAA,IAAA,WAAA,CAAA,EAAlD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,OAAO,OAAA,YAAW,CAAA,GAAA,MAAA,IAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"oval.cjs","names":[],"sources":["../../../../src/components/loader/loaders/oval.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :className=\"loaderClass\" />\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { CBox } from '../../../core'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.ovalLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAU6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;mDAXoB,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAtD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,WAAW,OAAA,YAAW,CAAA,GAAA,MAAA,IAAA,CAAA,WAAA,CAAA"}

package/cjs/components/unstyled-button/unstyled-button.cjs

@@ -1,5 +1,6 @@
 "use client";
 const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
 const require_index = require("../../core/box/index.cjs");
 const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
 const require_unstyled_button_module = require("./unstyled-button.module.cjs");
@@ -11,8 +12,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	props: {
 		__staticSelector: {
 			type: String,
-			required: false,
-			default: "UnstyledButton"
+			required: false
 		},
 		size: {
 			type: [String, Number],
@@ -313,9 +313,14 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
-		const props = __props;
-		const { tag = "button" } = props;
+		const rawProps = __props;
+		const props = require_use_component_props.useComponentProps({
+			component: "UnstyledButton",
+			defaultProps: { __staticSelector: "UnstyledButton" },
+			props: rawProps
+		});
+		const { tag = "button" } = props.value;
+		const _root = (0, vue.ref)(null);
 		const knownProps = [
 			"className",
 			"tag",
@@ -327,31 +332,36 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			"attributes"
 		];
 		const getStyles = require_use_styles.useStyles({
-			name: props.__staticSelector,
-			props,
+			name: props.value.__staticSelector,
+			props: props.value,
 			classes: require_unstyled_button_module.default,
-			className: props.className,
-			style: props.style,
-			classNames: props.classNames,
-			styles: props.styles,
-			unstyled: props.unstyled,
-			attributes: props.attributes
+			className: props.value.className,
+			style: props.value.style,
+			classNames: props.value.classNames,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes
 		});
 		const rootAttrs = (0, vue.computed)(() => getStyles("root", { focusable: true }));
+		const mergedAttrs = (0, vue.computed)(() => {
+			const others = {};
+			const propsValue = props.value;
+			for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
+			return {
+				...others,
+				...rootAttrs.value
+			};
+		});
+		__expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
 		const __returned__ = {
+			rawProps,
 			props,
 			tag,
+			_root,
 			knownProps,
 			getStyles,
 			rootAttrs,
-			mergedAttrs: (0, vue.computed)(() => {
-				const others = {};
-				for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
-				return {
-					...others,
-					...rootAttrs.value
-				};
-			}),
+			mergedAttrs,
 			get CBox() {
 				return require_index.CBox;
 			}
@@ -364,7 +374,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)($setup.mergedAttrs, {
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs, {
 		tag: $setup.tag,
 		type: $setup.tag === "button" ? "button" : void 0
 	}), {

package/cjs/components/unstyled-button/unstyled-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"unstyled-button.cjs","names":[],"sources":["../../../src/components/unstyled-button/unstyled-button.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\" :tag=\"tag\" :type=\"tag === 'button' ? 'button' : undefined\">\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { CBox, useStyles } from '../../core'\nimport type { UnstyledButtonFactory, UnstyledButtonProps } from './unstyled-button.types'\nimport classes from './unstyled-button.module.css'\n\ndefineOptions({\n  name: 'UnstyledButton',\n})\n\nconst props = withDefaults(defineProps<UnstyledButtonProps>(), {\n  __staticSelector: 'UnstyledButton',\n})\n\nconst { tag = 'button' } = props\n\nconst knownProps = [\n  'className',\n  'tag',\n  '__staticSelector',\n  'unstyled',\n  'classNames',\n  'styles',\n  'style',\n  'attributes',\n]\n\nconst getStyles = useStyles<UnstyledButtonFactory>({\n  name: props.__staticSelector,\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})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\nconst mergedAttrs = 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</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,EAAE,MAAM,aAAa;EAE3B,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,mBAAA,UAAiC;GACjD,MAAM,MAAM;GACZ;GACA,SAAA,+BAAA;GACA,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,YAAY,MAAM;GAClB,QAAQ,MAAM;GACd,UAAU,MAAM;GAChB,YAAY,MAAM;EACpB,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;wCACpC;IACjC,MAAM,SAA8B,CAAC;IACrC,KAAK,MAAM,OAAO,OAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,MAAM;IAGxB,OAAO;KAAE,GAAG;KAAQ,GAAG,UAAU;IAAM;GACzC,CAAA;;;;;;;;;;;;;mDAnDU,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAFO,aAAW;EAAG,KAAK,OAAA;EAAM,MAAM,OAAA,QAAG,WAAA,WAA2B,KAAA;;kCAClE,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"unstyled-button.cjs","names":[],"sources":["../../../src/components/unstyled-button/unstyled-button.vue"],"sourcesContent":["<template>\n  <c-box\n    ref=\"_root\"\n    v-bind=\"mergedAttrs\"\n    :tag=\"tag\"\n    :type=\"tag === 'button' ? 'button' : undefined\"\n  >\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { CBox, useComponentProps, useStyles } from '../../core'\nimport type { UnstyledButtonFactory, UnstyledButtonProps } from './unstyled-button.types'\nimport classes from './unstyled-button.module.css'\n\ndefineOptions({\n  name: 'UnstyledButton',\n})\n\n// const props = withDefaults(defineProps<UnstyledButtonProps>(), {\n//   __staticSelector: 'UnstyledButton',\n// })\n\nconst rawProps = defineProps<UnstyledButtonProps>()\n\nconst props = useComponentProps({\n  component: 'UnstyledButton',\n  defaultProps: {\n    __staticSelector: 'UnstyledButton',\n  },\n  props: rawProps,\n})\n\nconst { tag = 'button' } = props.value\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst knownProps = [\n  'className',\n  'tag',\n  '__staticSelector',\n  'unstyled',\n  'classNames',\n  'styles',\n  'style',\n  'attributes',\n]\n\nconst getStyles = useStyles<UnstyledButtonFactory>({\n  name: props.value.__staticSelector!,\n  props: props.value,\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})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  for (const key in propsValue) {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  }\n  return { ...others, ...rootAttrs.value }\n})\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc,EACZ,kBAAkB,iBACpB;GACA,OAAO;EACT,CAAC;EAED,MAAM,EAAE,MAAM,aAAa,MAAM;EAEjC,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EAExD,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,mBAAA,UAAiC;GACjD,MAAM,MAAM,MAAM;GAClB,OAAO,MAAM;GACb,SAAA,+BAAA;GACA,WAAW,MAAM,MAAM;GACvB,OAAO,MAAM,MAAM;GACnB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;EAC1B,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;EACvE,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,OAAO;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM;EACzC,CAAC;EAED,SAAa,EACX,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;mDApES,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EANN,KAAI,QAAO,GACH,OAAA,aAAW;EAClB,KAAK,OAAA;EACL,MAAM,OAAA,QAAG,WAAA,WAA2B,KAAA;;kCAE7B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/core/box/box.cjs

@@ -292,6 +292,10 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			type: null,
 			required: false
 		},
+		renderRoot: {
+			type: Function,
+			required: false
+		},
 		tag: {
 			type: null,
 			required: false,
@@ -299,7 +303,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
+		const _root = (0, vue.ref)(null);
 		const props = __props;
 		const theme = require_config_provider_context.useCckTheme();
 		const parsedStyleProps = (0, vue.computed)(() => {
@@ -350,7 +354,38 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		(0, vue.onBeforeUnmount)(() => {
 			if (currentStyleKey) require_responsive_style_manager.responsiveStyleManager.unregister(currentStyleKey);
 		});
+		const _props = (0, vue.computed)(() => {
+			const { rest, inlineStyles } = parsedStyleProps.value;
+			const finalStyle = require_get_box_style.getBoxStyle({
+				theme: theme.value,
+				style: props.style,
+				vars: props.__vars,
+				styleProps: inlineStyles
+			});
+			const finalClassName = (0, clsx.default)(props.className, responsiveClassName.value, {
+				"c-light-hidden": props.lightHidden,
+				"c-dark-hidden": props.darkHidden,
+				[`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,
+				[`c-visible-from-${props.visibleFrom}`]: props.visibleFrom
+			});
+			const { tag, style, __vars, className, variant, mod, size, hiddenFrom, visibleFrom, lightHidden, darkHidden, __size, ...restProps } = rest || {};
+			return {
+				...restProps,
+				style: finalStyle,
+				className: finalClassName,
+				"data-variant": props.variant,
+				"data-size": require_is_number_like.isNumberLike(props.size) ? void 0 : props.size || void 0,
+				size: props.__size,
+				...require_get_box_mod.getBoxMod(props.mod)
+			};
+		});
+		const rootTag = (0, vue.computed)(() => {
+			if (props.renderRoot) return (p) => p.renderRoot(p);
+			return props.tag;
+		});
+		__expose({ root: _root });
 		const __returned__ = {
+			_root,
 			props,
 			theme,
 			parsedStyleProps,
@@ -364,31 +399,8 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			},
 			buildMediaQueriesFromObject,
 			updateResponsiveStyles,
-			_props: (0, vue.computed)(() => {
-				const { rest, inlineStyles } = parsedStyleProps.value;
-				const finalStyle = require_get_box_style.getBoxStyle({
-					theme: theme.value,
-					style: props.style,
-					vars: props.__vars,
-					styleProps: inlineStyles
-				});
-				const finalClassName = (0, clsx.default)(props.className, responsiveClassName.value, {
-					"c-light-hidden": props.lightHidden,
-					"c-dark-hidden": props.darkHidden,
-					[`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,
-					[`c-visible-from-${props.visibleFrom}`]: props.visibleFrom
-				});
-				const { tag, style, __vars, className, variant, mod, size, hiddenFrom, visibleFrom, lightHidden, darkHidden, __size, ...restProps } = rest || {};
-				return {
-					...restProps,
-					style: finalStyle,
-					className: finalClassName,
-					"data-variant": props.variant,
-					"data-size": require_is_number_like.isNumberLike(props.size) ? void 0 : props.size || void 0,
-					size: props.__size,
-					...require_get_box_mod.getBoxMod(props.mod)
-				};
-			})
+			_props,
+			rootTag
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -398,7 +410,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)($props.tag), (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup._props)), {
+	return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)($setup.rootTag), (0, vue.mergeProps)({ ref: "_root" }, $setup._props), {
 		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 		_: 3
 	}, 16);

package/cjs/core/box/box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"box.cjs","names":[],"sources":["../../../src/core/box/box.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" v-bind=\"_props\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { isNumberLike } from '../utils'\nimport type { BoxComponentProps } from './box.types'\nimport { useCckTheme } from '../config-provider'\nimport { extractStyleProps, parseStyleProps, STYLE_PROPS_DATA } from './style-props'\nimport { getBoxStyle } from './get-box-style/get-box-style'\nimport {\n  hashStyleProps,\n  responsiveStyleManager,\n  StylesMediaQuery,\n  stylesToString,\n} from '../responsive-style-manager'\nimport { getBoxMod } from './get-box-mod/get-box-mod'\n\ndefineOptions({\n  name: 'CBox',\n})\n\nconst props = withDefaults(defineProps<BoxComponentProps & { className: string; tag?: any }>(), {\n  tag: 'div',\n})\n\nconst theme = useCckTheme()\n\nconst parsedStyleProps = computed(() => {\n  const { styleProps, rest } = extractStyleProps(props)\n  return {\n    ...parseStyleProps({\n      styleProps,\n      theme: theme.value,\n      data: STYLE_PROPS_DATA,\n    }),\n    rest,\n  }\n})\n\nconst hasResponsive = computed(() => parsedStyleProps.value.hasResponsiveStyles)\nconst responsiveClassName = ref<string | null>(null)\nlet currentStyleKey: string | null = null\n\nfunction buildMediaQueriesFromObject(\n  mediaObj: Record<string, any> | undefined\n): StylesMediaQuery[] {\n  if (!mediaObj) {\n    return []\n  }\n  return Object.entries(mediaObj).map(([query, styles]) => ({\n    query,\n    styles,\n  }))\n}\n\nfunction updateResponsiveStyles() {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n    currentStyleKey = null\n    responsiveClassName.value = null\n  }\n\n  if (!hasResponsive) {\n    return\n  }\n\n  const mediaArray = buildMediaQueriesFromObject(parsedStyleProps.value.media)\n  const hash = hashStyleProps(parsedStyleProps.value.styles, mediaArray)\n  const className = hash\n\n  const cssText = stylesToString({\n    selector: className,\n    styles: parsedStyleProps.value.styles,\n    media: mediaArray,\n  })\n\n  const registeredKey = responsiveStyleManager.register(cssText, className)\n  currentStyleKey = registeredKey\n  responsiveClassName.value = className\n}\n\nupdateResponsiveStyles()\n\nwatch(\n  () => [parsedStyleProps.value.styles, parsedStyleProps.value.media],\n  () => {\n    updateResponsiveStyles()\n  },\n  { deep: true, immediate: false }\n)\n\nonBeforeUnmount(() => {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n  }\n})\n\nconst _props = computed(() => {\n  const { rest, inlineStyles } = parsedStyleProps.value\n\n  const finalStyle = getBoxStyle({\n    theme: theme.value,\n    style: props.style,\n    vars: props.__vars,\n    styleProps: inlineStyles,\n  })\n\n  const finalClassName = cx(props.className, responsiveClassName.value, {\n    'c-light-hidden': props.lightHidden,\n    'c-dark-hidden': props.darkHidden,\n    [`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,\n    [`c-visible-from-${props.visibleFrom}`]: props.visibleFrom,\n  })\n\n  const {\n    tag,\n    style,\n    __vars,\n    className,\n    variant,\n    mod,\n    size,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    __size,\n    ...restProps\n  } = rest || {}\n\n  return {\n    ...restProps,\n    style: finalStyle,\n    className: finalClassName,\n    'data-variant': props.variant,\n    'data-size': isNumberLike(props.size) ? undefined : props.size || undefined,\n    size: props.__size,\n    ...getBoxMod(props.mod),\n  }\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"box.cjs","names":[],"sources":["../../../src/core/box/box.vue"],"sourcesContent":["<template>\n  <component ref=\"_root\" :is=\"rootTag\" v-bind=\"_props\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { isNumberLike } from '../utils'\nimport type { BoxComponentProps } from './box.types'\nimport { useCckTheme } from '../config-provider'\nimport { extractStyleProps, parseStyleProps, STYLE_PROPS_DATA } from './style-props'\nimport { getBoxStyle } from './get-box-style/get-box-style'\nimport {\n  hashStyleProps,\n  responsiveStyleManager,\n  StylesMediaQuery,\n  stylesToString,\n} from '../responsive-style-manager'\nimport { getBoxMod } from './get-box-mod/get-box-mod'\n\ndefineOptions({\n  name: 'CBox',\n})\n\nconst _root = ref<HTMLElement | null>(null)\n\nconst props = withDefaults(\n  defineProps<\n    BoxComponentProps & {\n      className: string\n      renderRoot?: (props: Record<string, any>) => any\n      tag?: any\n    }\n  >(),\n  {\n    tag: 'div',\n  }\n)\n\nconst theme = useCckTheme()\n\nconst parsedStyleProps = computed(() => {\n  const { styleProps, rest } = extractStyleProps(props)\n  return {\n    ...parseStyleProps({\n      styleProps,\n      theme: theme.value,\n      data: STYLE_PROPS_DATA,\n    }),\n    rest,\n  }\n})\n\nconst hasResponsive = computed(() => parsedStyleProps.value.hasResponsiveStyles)\nconst responsiveClassName = ref<string | null>(null)\nlet currentStyleKey: string | null = null\n\nfunction buildMediaQueriesFromObject(\n  mediaObj: Record<string, any> | undefined\n): StylesMediaQuery[] {\n  if (!mediaObj) {\n    return []\n  }\n  return Object.entries(mediaObj).map(([query, styles]) => ({\n    query,\n    styles,\n  }))\n}\n\nfunction updateResponsiveStyles() {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n    currentStyleKey = null\n    responsiveClassName.value = null\n  }\n\n  if (!hasResponsive) {\n    return\n  }\n\n  const mediaArray = buildMediaQueriesFromObject(parsedStyleProps.value.media)\n  const hash = hashStyleProps(parsedStyleProps.value.styles, mediaArray)\n  const className = hash\n\n  const cssText = stylesToString({\n    selector: className,\n    styles: parsedStyleProps.value.styles,\n    media: mediaArray,\n  })\n\n  const registeredKey = responsiveStyleManager.register(cssText, className)\n  currentStyleKey = registeredKey\n  responsiveClassName.value = className\n}\n\nupdateResponsiveStyles()\n\nwatch(\n  () => [parsedStyleProps.value.styles, parsedStyleProps.value.media],\n  () => {\n    updateResponsiveStyles()\n  },\n  { deep: true, immediate: false }\n)\n\nonBeforeUnmount(() => {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n  }\n})\n\nconst _props = computed(() => {\n  const { rest, inlineStyles } = parsedStyleProps.value\n\n  const finalStyle = getBoxStyle({\n    theme: theme.value,\n    style: props.style,\n    vars: props.__vars,\n    styleProps: inlineStyles,\n  })\n\n  const finalClassName = cx(props.className, responsiveClassName.value, {\n    'c-light-hidden': props.lightHidden,\n    'c-dark-hidden': props.darkHidden,\n    [`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,\n    [`c-visible-from-${props.visibleFrom}`]: props.visibleFrom,\n  })\n\n  const {\n    tag,\n    style,\n    __vars,\n    className,\n    variant,\n    mod,\n    size,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    __size,\n    ...restProps\n  } = rest || {}\n\n  return {\n    ...restProps,\n    style: finalStyle,\n    className: finalClassName,\n    'data-variant': props.variant,\n    'data-size': isNumberLike(props.size) ? undefined : props.size || undefined,\n    size: props.__size,\n    ...getBoxMod(props.mod),\n  }\n})\n\nconst rootTag = computed(() => {\n  if (props.renderRoot) {\n    return (p: Record<string, any>) => p.renderRoot(p)\n  }\n\n  return props.tag\n})\n\ndefineExpose({\n  root: _root,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,SAAA,GAAA,IAAA,IAAA,CAAgC,IAAI;EAE1C,MAAM,QAAQ;EAad,MAAM,QAAQ,gCAAA,YAAY;EAE1B,MAAM,oBAAA,GAAA,IAAA,SAAA,OAAkC;GACtC,MAAM,EAAE,YAAY,SAAS,4BAAA,kBAAkB,KAAK;GACpD,OAAO;IACL,GAAG,0BAAA,gBAAgB;KACjB;KACA,OAAO,MAAM;KACb,MAAM,yBAAA;IACR,CAAC;IACD;GACF;EACF,CAAC;EAED,MAAM,iBAAA,GAAA,IAAA,SAAA,OAA+B,iBAAiB,MAAM,mBAAmB;EAC/E,MAAM,uBAAA,GAAA,IAAA,IAAA,CAAyC,IAAI;EACnD,IAAI,kBAAiC;EAErC,SAAS,4BACP,UACoB;GACpB,IAAI,CAAC,UACH,OAAO,CAAC;GAEV,OAAO,OAAO,QAAQ,QAAQ,CAAC,CAAC,KAAK,CAAC,OAAO,aAAa;IACxD;IACA;GACF,EAAE;EACJ;EAEA,SAAS,yBAAyB;GAChC,IAAI,iBAAiB;IACnB,iCAAA,uBAAuB,WAAW,eAAe;IACjD,kBAAkB;IAClB,oBAAoB,QAAQ;GAC9B;GAEA,IAAI,CAAC,eACH;GAGF,MAAM,aAAa,4BAA4B,iBAAiB,MAAM,KAAK;GAE3E,MAAM,YADO,oBAAA,eAAe,iBAAiB,MAAM,QAAQ,UACzC;GAElB,MAAM,UAAU,yBAAA,eAAe;IAC7B,UAAU;IACV,QAAQ,iBAAiB,MAAM;IAC/B,OAAO;GACT,CAAC;GAGD,kBADsB,iCAAA,uBAAuB,SAAS,SAAS,SAC7C;GAClB,oBAAoB,QAAQ;EAC9B;EAEA,uBAAuB;EAEvB,CAAA,GAAA,IAAA,MAAA,OACQ,CAAC,iBAAiB,MAAM,QAAQ,iBAAiB,MAAM,KAAK,SAC5D;GACJ,uBAAuB;EACzB,GACA;GAAE,MAAM;GAAM,WAAW;EAAM,CACjC;EAEA,CAAA,GAAA,IAAA,gBAAA,OAAsB;GACpB,IAAI,iBACF,iCAAA,uBAAuB,WAAW,eAAe;EAErD,CAAC;EAED,MAAM,UAAA,GAAA,IAAA,SAAA,OAAwB;GAC5B,MAAM,EAAE,MAAM,iBAAiB,iBAAiB;GAEhD,MAAM,aAAa,sBAAA,YAAY;IAC7B,OAAO,MAAM;IACb,OAAO,MAAM;IACb,MAAM,MAAM;IACZ,YAAY;GACd,CAAC;GAED,MAAM,kBAAA,GAAA,KAAA,QAAA,CAAoB,MAAM,WAAW,oBAAoB,OAAO;IACpE,kBAAkB,MAAM;IACxB,iBAAiB,MAAM;KACtB,iBAAiB,MAAM,eAAe,MAAM;KAC5C,kBAAkB,MAAM,gBAAgB,MAAM;GACjD,CAAC;GAED,MAAM,EACJ,KACA,OACA,QACA,WACA,SACA,KACA,MACA,YACA,aACA,aACA,YACA,QACA,GAAG,cACD,QAAQ,CAAC;GAEb,OAAO;IACL,GAAG;IACH,OAAO;IACP,WAAW;IACX,gBAAgB,MAAM;IACtB,aAAa,uBAAA,aAAa,MAAM,IAAI,IAAI,KAAA,IAAY,MAAM,QAAQ,KAAA;IAClE,MAAM,MAAM;IACZ,GAAG,oBAAA,UAAU,MAAM,GAAG;GACxB;EACF,CAAC;EAED,MAAM,WAAA,GAAA,IAAA,SAAA,OAAyB;GAC7B,IAAI,MAAM,YACR,QAAQ,MAA2B,EAAE,WAAW,CAAC;GAGnD,OAAO,MAAM;EACf,CAAC;EAED,SAAa,EACX,MAAM,MACR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;oFAtK6B,OAAA,OAAO,IAAA,GAAA,IAAA,WAAA,CAEvB,EAFD,KAAI,QAAO,GAAuB,OAAA,MAAM,GAAA;kCACzC,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/core/box/get-box-style/get-box-style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-box-style.cjs","names":[],"sources":["../../../../src/core/box/get-box-style/get-box-style.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CStyleProp, CssVarsProp } from '../box.types'\nimport { CTheme } from '../../config-provider'\n\ninterface GetBoxStyleOptions {\n  theme: CTheme\n  styleProps: Properties\n  style?: CStyleProp\n  vars?: CssVarsProp\n}\n\nfunction mergeStyles(\n  styles: CStyleProp | CssVarsProp | undefined,\n  theme: CTheme\n): Properties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    )\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme)\n  }\n\n  if (styles == null) {\n    return {}\n  }\n\n  return styles\n}\n\nexport function getBoxStyle({\n  style,\n  styleProps,\n  theme,\n  vars\n}: GetBoxStyleOptions): Properties {\n  const _style = mergeStyles(style, theme)\n  const _vars = mergeStyles(vars, theme)\n  return { ..._style, ..._vars, ...styleProps }\n}\n"],"mappings":";;AAWA,SAAS,YACP,QACA,OACY;CACZ,IAAI,MAAM,QAAQ,MAAM,GACtB,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,QAChB,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,YAAY,MAAM,KAAK;CAAE,IACtD,CAAC,CACH;CAGF,IAAI,OAAO,WAAW,YACpB,OAAO,OAAO,KAAK;CAGrB,IAAI,UAAU,MACZ,OAAO,CAAC;CAGV,OAAO;AACT;AAEA,SAAgB,YAAY,EAC1B,OACA,YACA,OACA,QACiC;CACjC,MAAM,SAAS,YAAY,OAAO,KAAK;CACvC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,OAAO;EAAE,GAAG;EAAQ,GAAG;EAAO,GAAG;CAAW;AAC9C"}
+{"version":3,"file":"get-box-style.cjs","names":[],"sources":["../../../../src/core/box/get-box-style/get-box-style.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CStyleProp, CssVarsProp } from '../box.types'\nimport { CTheme } from '../../config-provider'\n\ninterface GetBoxStyleOptions {\n  theme: CTheme\n  styleProps: Properties\n  style?: CStyleProp\n  vars?: CssVarsProp\n}\n\nfunction mergeStyles(styles: CStyleProp | CssVarsProp | undefined, theme: CTheme): Properties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    )\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme)\n  }\n\n  if (styles == null) {\n    return {}\n  }\n\n  return styles\n}\n\nexport function getBoxStyle({ style, styleProps, theme, vars }: GetBoxStyleOptions): Properties {\n  const _style = mergeStyles(style, theme)\n  const _vars = mergeStyles(vars, theme)\n  return { ..._style, ..._vars, ...styleProps }\n}\n"],"mappings":";;AAWA,SAAS,YAAY,QAA8C,OAA2B;CAC5F,IAAI,MAAM,QAAQ,MAAM,GACtB,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,QAChB,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,YAAY,MAAM,KAAK;CAAE,IACtD,CAAC,CACH;CAGF,IAAI,OAAO,WAAW,YACpB,OAAO,OAAO,KAAK;CAGrB,IAAI,UAAU,MACZ,OAAO,CAAC;CAGV,OAAO;AACT;AAEA,SAAgB,YAAY,EAAE,OAAO,YAAY,OAAO,QAAwC;CAC9F,MAAM,SAAS,YAAY,OAAO,KAAK;CACvC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,OAAO;EAAE,GAAG;EAAQ,GAAG;EAAO,GAAG;CAAW;AAC9C"}

package/cjs/core/box/style-props/extract-style-props/extract-style-props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"extract-style-props.cjs","names":["filterProps"],"sources":["../../../../../src/core/box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils'\nimport { CStyleProps } from '../style-props.types'\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: CStyleProps & T\n): { styleProps: CStyleProps & { sx?: any }; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pe,\n    ps,\n    pis,\n    pie,\n    bd,\n    bdrs,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n    ...rest\n  } = others\n\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pis,\n    pie,\n    pe,\n    ps,\n    bd,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    bdrs,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx\n  })\n\n  return { styleProps, rest: rest as unknown as T }\n}\n"],"mappings":";;;AAGA,SAAgB,kBACd,QACqD;CACrD,MAAM,EACJ,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,IACA,MACA,IACA,GACA,SACA,IACA,IACA,IACA,KACA,IACA,IACA,IACA,IACA,IACA,GACA,KACA,KACA,GACA,KACA,KACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,QACA,OACA,OACA,SACA,MACA,YACA,aACA,aACA,YACA,IACA,GAAG,SACD;CAgEJ,OAAO;EAAE,YA9DUA,qBAAAA,YAAY;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEkB;EAAS;CAAqB;AAClD"}
+{"version":3,"file":"extract-style-props.cjs","names":["filterProps"],"sources":["../../../../../src/core/box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils'\nimport { CStyleProps } from '../style-props.types'\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: CStyleProps & T\n): { styleProps: CStyleProps & { sx?: any }; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pe,\n    ps,\n    pis,\n    pie,\n    bd,\n    bdrs,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n    ...rest\n  } = others\n\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pis,\n    pie,\n    pe,\n    ps,\n    bd,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    bdrs,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n  })\n\n  return { styleProps, rest: rest as unknown as T }\n}\n"],"mappings":";;;AAGA,SAAgB,kBACd,QACqD;CACrD,MAAM,EACJ,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,IACA,MACA,IACA,GACA,SACA,IACA,IACA,IACA,KACA,IACA,IACA,IACA,IACA,IACA,GACA,KACA,KACA,GACA,KACA,KACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,QACA,OACA,OACA,SACA,MACA,YACA,aACA,aACA,YACA,IACA,GAAG,SACD;CAgEJ,OAAO;EAAE,YA9DUA,qBAAAA,YAAY;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEkB;EAAS;CAAqB;AAClD"}

package/cjs/core/box/style-props/parse-style-props/sort-media-queries.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sort-media-queries.cjs","names":[],"sources":["../../../../../src/core/box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import { StylesMediaQuery } from '../../../responsive-style-manager'\nimport { ParseStylePropsResult } from './parse-style-props'\n\nexport interface SortMediaQueriesResult extends Omit<\n  ParseStylePropsResult,\n  'media'\n> {\n  media: StylesMediaQuery[]\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '')\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media)\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }))\n\n  return { ...props, media: sortedMedia }\n}\n"],"mappings":";;AAUA,SAAS,kBAAkB,OAAe;CACxC,OAAO,MAAM,QAAQ,gBAAgB,EAAE,CAAC,CAAC,QAAQ,OAAO,EAAE;AAC5D;AAEA,SAAgB,iBAAiB,EAC/B,OACA,GAAG,SAC6C;CAEhD,MAAM,cADc,OAAO,KAAK,KACF,CAAC,CAC5B,MAAM,GAAG,MAAM,OAAO,kBAAkB,CAAC,CAAC,IAAI,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAC3E,KAAK,WAAW;EAAE;EAAO,QAAQ,MAAM;CAAO,EAAE;CAEnD,OAAO;EAAE,GAAG;EAAO,OAAO;CAAY;AACxC"}
+{"version":3,"file":"sort-media-queries.cjs","names":[],"sources":["../../../../../src/core/box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import { StylesMediaQuery } from '../../../responsive-style-manager'\nimport { ParseStylePropsResult } from './parse-style-props'\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n  media: StylesMediaQuery[]\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '')\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media)\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }))\n\n  return { ...props, media: sortedMedia }\n}\n"],"mappings":";;AAOA,SAAS,kBAAkB,OAAe;CACxC,OAAO,MAAM,QAAQ,gBAAgB,EAAE,CAAC,CAAC,QAAQ,OAAO,EAAE;AAC5D;AAEA,SAAgB,iBAAiB,EAC/B,OACA,GAAG,SAC6C;CAEhD,MAAM,cADc,OAAO,KAAK,KACF,CAAC,CAC5B,MAAM,GAAG,MAAM,OAAO,kBAAkB,CAAC,CAAC,IAAI,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAC3E,KAAK,WAAW;EAAE;EAAO,QAAQ,MAAM;CAAO,EAAE;CAEnD,OAAO;EAAE,GAAG;EAAO,OAAO;CAAY;AACxC"}

package/cjs/core/box/style-props/resolvers/border-resolver/border-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"border-resolver.cjs","names":["rem","colorResolver"],"sources":["../../../../../../src/core/box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils'\nimport { CTheme } from '../../../../config-provider'\nimport { colorResolver } from '../color-resolver/color-resolver'\n\nexport function borderResolver(value: unknown, theme: CTheme) {\n  if (typeof value === 'number') return rem(value)\n\n  if (typeof value === 'string') {\n    const [size, style, ...colorTuple] = value\n      .split(' ')\n      .filter((val) => val.trim() !== '')\n    let result = `${rem(size)}`\n    style && (result += ` ${style}`)\n    colorTuple.length > 0 &&\n      (result += ` ${colorResolver(colorTuple.join(' '), theme)}`)\n    return result.trim()\n  }\n\n  return value\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAe;CAC5D,IAAI,OAAO,UAAU,UAAU,OAAOA,YAAAA,IAAI,KAAK;CAE/C,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAClC,MAAM,GAAG,CAAC,CACV,QAAQ,QAAQ,IAAI,KAAK,MAAM,EAAE;EACpC,IAAI,SAAS,GAAGA,YAAAA,IAAI,IAAI;EACxB,UAAU,UAAU,IAAI;EACxB,WAAW,SAAS,MACjB,UAAU,IAAIC,uBAAAA,cAAc,WAAW,KAAK,GAAG,GAAG,KAAK;EAC1D,OAAO,OAAO,KAAK;CACrB;CAEA,OAAO;AACT"}
+{"version":3,"file":"border-resolver.cjs","names":["rem","colorResolver"],"sources":["../../../../../../src/core/box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils'\nimport { CTheme } from '../../../../config-provider'\nimport { colorResolver } from '../color-resolver/color-resolver'\n\nexport function borderResolver(value: unknown, theme: CTheme) {\n  if (typeof value === 'number') {\n    return rem(value)\n  }\n\n  if (typeof value === 'string') {\n    const [size, style, ...colorTuple] = value.split(' ').filter((val) => val.trim() !== '')\n    let result = `${rem(size)}`\n    style && (result += ` ${style}`)\n    colorTuple.length > 0 && (result += ` ${colorResolver(colorTuple.join(' '), theme)}`)\n    return result.trim()\n  }\n\n  return value\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAe;CAC5D,IAAI,OAAO,UAAU,UACnB,OAAOA,YAAAA,IAAI,KAAK;CAGlB,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,QAAQ,IAAI,KAAK,MAAM,EAAE;EACvF,IAAI,SAAS,GAAGA,YAAAA,IAAI,IAAI;EACxB,UAAU,UAAU,IAAI;EACxB,WAAW,SAAS,MAAM,UAAU,IAAIC,uBAAAA,cAAc,WAAW,KAAK,GAAG,GAAG,KAAK;EACjF,OAAO,OAAO,KAAK;CACrB;CAEA,OAAO;AACT"}

package/cjs/core/box/style-props/resolvers/color-resolver/color-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-resolver.cjs","names":["parseThemeColor"],"sources":["../../../../../../src/core/box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { CTheme, parseThemeColor } from '../../../../config-provider'\n\nexport function colorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--c-color-dimmed)'\n  }\n\n  if (parsedColor.color === 'bright') {\n    return 'var(--c-color-bright)'\n  }\n\n  return parsedColor.variable\n    ? `var(${parsedColor.variable})`\n    : parsedColor.color\n}\n\nexport function textColorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.isThemeColor && parsedColor.shade === undefined) {\n    return `var(--c-color-${parsedColor.color}-text)`\n  }\n\n  return colorResolver(color, theme)\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc,OAAgB,OAAe;CAC3D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,OAAO,YAAY,WACf,OAAO,YAAY,SAAS,KAC5B,YAAY;AAClB;AAEA,SAAgB,kBAAkB,OAAgB,OAAe;CAC/D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,gBAAgB,YAAY,UAAU,KAAA,GACpD,OAAO,iBAAiB,YAAY,MAAM;CAG5C,OAAO,cAAc,OAAO,KAAK;AACnC"}
+{"version":3,"file":"color-resolver.cjs","names":["parseThemeColor"],"sources":["../../../../../../src/core/box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { CTheme, parseThemeColor } from '../../../../config-provider'\n\nexport function colorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--c-color-dimmed)'\n  }\n\n  if (parsedColor.color === 'bright') {\n    return 'var(--c-color-bright)'\n  }\n\n  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color\n}\n\nexport function textColorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.isThemeColor && parsedColor.shade === undefined) {\n    return `var(--c-color-${parsedColor.color}-text)`\n  }\n\n  return colorResolver(color, theme)\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc,OAAgB,OAAe;CAC3D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,OAAO,YAAY,WAAW,OAAO,YAAY,SAAS,KAAK,YAAY;AAC7E;AAEA,SAAgB,kBAAkB,OAAgB,OAAe;CAC/D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,gBAAgB,YAAY,UAAU,KAAA,GACpD,OAAO,iBAAiB,YAAY,MAAM;CAG5C,OAAO,cAAc,OAAO,KAAK;AACnC"}

package/cjs/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"font-family-resolver.cjs","names":[],"sources":["../../../../../../src/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.ts"],"sourcesContent":["const values = {\n  text: 'var(--c-font-family)',\n  mono: 'var(--c-font-family-monospace)',\n  monospace: 'var(--c-font-family-monospace)',\n  heading: 'var(--c-font-family-headings)',\n  headings: 'var(--c-font-family-headings)'\n}\n\nexport function fontFamilyResolver(fontFamily: unknown) {\n  if (typeof fontFamily === 'string' && fontFamily in values) {\n    return values[fontFamily as keyof typeof values]\n  }\n\n  return fontFamily\n}\n"],"mappings":";;AAAA,MAAM,SAAS;CACb,MAAM;CACN,MAAM;CACN,WAAW;CACX,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,mBAAmB,YAAqB;CACtD,IAAI,OAAO,eAAe,YAAY,cAAc,QAClD,OAAO,OAAO;CAGhB,OAAO;AACT"}
+{"version":3,"file":"font-family-resolver.cjs","names":[],"sources":["../../../../../../src/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.ts"],"sourcesContent":["const values = {\n  text: 'var(--c-font-family)',\n  mono: 'var(--c-font-family-monospace)',\n  monospace: 'var(--c-font-family-monospace)',\n  heading: 'var(--c-font-family-headings)',\n  headings: 'var(--c-font-family-headings)',\n}\n\nexport function fontFamilyResolver(fontFamily: unknown) {\n  if (typeof fontFamily === 'string' && fontFamily in values) {\n    return values[fontFamily as keyof typeof values]\n  }\n\n  return fontFamily\n}\n"],"mappings":";;AAAA,MAAM,SAAS;CACb,MAAM;CACN,MAAM;CACN,WAAW;CACX,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,mBAAmB,YAAqB;CACtD,IAAI,OAAO,eAAe,YAAY,cAAc,QAClD,OAAO,OAAO;CAGhB,OAAO;AACT"}

package/cjs/core/box/style-props/resolvers/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["borderResolver","colorResolver","fontFamilyResolver","fontSizeResolver","identityResolver","lineHeightResolver","radiusResolver","sizeResolver","spacingResolver","textColorResolver"],"sources":["../../../../../src/core/box/style-props/resolvers/index.ts"],"sourcesContent":["import { borderResolver } from './border-resolver/border-resolver'\nimport {\n  colorResolver,\n  textColorResolver\n} from './color-resolver/color-resolver'\nimport { fontFamilyResolver } from './font-family-resolver/font-family-resolver'\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver'\nimport { identityResolver } from './identity-resolver/identity-resolver'\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver'\nimport { radiusResolver } from './radius-resolver/radius-resolver'\nimport { sizeResolver } from './size-resolver/size-resolver'\nimport { spacingResolver } from './spacing-resolver/spacing-resolver'\n\nexport const resolvers = {\n  border: borderResolver,\n  color: colorResolver,\n  fontFamily: fontFamilyResolver,\n  fontSize: fontSizeResolver,\n  identity: identityResolver,\n  lineHeight: lineHeightResolver,\n  radius: radiusResolver,\n  size: sizeResolver,\n  spacing: spacingResolver,\n  textColor: textColorResolver\n}\n\nexport type StylePropType = keyof typeof resolvers\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,YAAY;CACvB,QAAQA,wBAAAA;CACR,OAAOC,uBAAAA;CACP,YAAYC,6BAAAA;CACZ,UAAUC,2BAAAA;CACV,UAAUC,0BAAAA;CACV,YAAYC,6BAAAA;CACZ,QAAQC,wBAAAA;CACR,MAAMC,sBAAAA;CACN,SAASC,yBAAAA;CACT,WAAWC,uBAAAA;AACb"}
+{"version":3,"file":"index.cjs","names":["borderResolver","colorResolver","fontFamilyResolver","fontSizeResolver","identityResolver","lineHeightResolver","radiusResolver","sizeResolver","spacingResolver","textColorResolver"],"sources":["../../../../../src/core/box/style-props/resolvers/index.ts"],"sourcesContent":["import { borderResolver } from './border-resolver/border-resolver'\nimport { colorResolver, textColorResolver } from './color-resolver/color-resolver'\nimport { fontFamilyResolver } from './font-family-resolver/font-family-resolver'\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver'\nimport { identityResolver } from './identity-resolver/identity-resolver'\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver'\nimport { radiusResolver } from './radius-resolver/radius-resolver'\nimport { sizeResolver } from './size-resolver/size-resolver'\nimport { spacingResolver } from './spacing-resolver/spacing-resolver'\n\nexport const resolvers = {\n  border: borderResolver,\n  color: colorResolver,\n  fontFamily: fontFamilyResolver,\n  fontSize: fontSizeResolver,\n  identity: identityResolver,\n  lineHeight: lineHeightResolver,\n  radius: radiusResolver,\n  size: sizeResolver,\n  spacing: spacingResolver,\n  textColor: textColorResolver,\n}\n\nexport type StylePropType = keyof typeof resolvers\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,YAAY;CACvB,QAAQA,wBAAAA;CACR,OAAOC,uBAAAA;CACP,YAAYC,6BAAAA;CACZ,UAAUC,2BAAAA;CACV,UAAUC,0BAAAA;CACV,YAAYC,6BAAAA;CACZ,QAAQC,wBAAAA;CACR,MAAMC,sBAAAA;CACN,SAASC,yBAAAA;CACT,WAAWC,uBAAAA;AACb"}