@cck-ui/core 0.2.0 → 0.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"col.cjs","names":[],"sources":["../../../../src/components/grid/col/col.vue","../../../../src/components/grid/col/col.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\">\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { computed, inject, onUnmounted, ref, watchEffect } from 'vue'\nimport {\n  normalizeNumberLikeStringProp,\n  responsiveStyleManager,\n  useRandomClassName,\n} from '../../../core'\nimport type { ColProps } from './col.types'\nimport { useColCustomStyle } from './col-custom'\nimport { GridContextValue } from '../grid.context'\nimport { GRID_CONTEXT_KEY } from '../grid.constants'\n\ndefineOptions({\n  name: 'CCol',\n})\n\nconst props = withDefaults(defineProps<ColProps>(), {\n  span: 12,\n})\n\nconst { classNames, className, style, styles, vars, span, order, offset, align, ...others } = props\n\nconst gridContext = inject(GRID_CONTEXT_KEY) as GridContextValue\n\nconst responsiveClassname = useRandomClassName()\n\nconst rootAttrs = computed(() =>\n  gridContext.getStyles('col', {\n    className: cx(className, responsiveClassname),\n    style,\n    classNames,\n    styles,\n  })\n)\nconst mergedAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n\nconst _offset = normalizeNumberLikeStringProp(props.offset)\nconst _order = normalizeNumberLikeStringProp(props.order)\nconst colStyle = useColCustomStyle(\n  {\n    selector: responsiveClassname,\n    align: props.align,\n    offset: _offset,\n    order: _order,\n    span: props.span,\n  },\n  gridContext\n)\n\nconst currentStyleKey = ref<string | null>(null)\nwatchEffect(() => {\n  const cssText = colStyle.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</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAId,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ,OAAO,GAAG,WAAW;EAE9F,MAAM,eAAA,GAAA,IAAA,OAAA,CAAqB,uBAAA,gBAAgB;EAE3C,MAAM,sBAAsB,6BAAA,mBAAmB;EAE/C,MAAM,aAAA,GAAA,IAAA,SAAA,OACJ,YAAY,UAAU,OAAO;GAC3B,YAAA,GAAA,KAAA,QAAA,CAAc,WAAW,mBAAmB;GAC5C;GACA;GACA;EACF,CAAC,CACH;EACA,MAAM,eAAA,GAAA,IAAA,SAAA,QAA8B;GAAE,GAAG;GAAQ,GAAG,UAAU;EAAM,EAAE;EAEtE,MAAM,UAAU,0CAAA,8BAA8B,MAAM,MAAM;EAC1D,MAAM,SAAS,0CAAA,8BAA8B,MAAM,KAAK;EACxD,MAAM,WAAW,mBAAA,kBACf;GACE,UAAU;GACV,OAAO,MAAM;GACb,QAAQ;GACR,OAAO;GACP,MAAM,MAAM;EACd,GACA,WACF;EAEA,MAAM,mBAAA,GAAA,IAAA,IAAA,CAAqC,IAAI;EAC/C,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,MAAM,UAAU,SAAS,MAAM;GAC/B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDCvES,mBAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,mBAAA,CAFO,OAAA,WAAW,CAAA,GAAA;kCAChB,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"col.cjs","names":[],"sources":["../../../../src/components/grid/col/col.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\">\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { computed, inject, onUnmounted, ref, watchEffect } from 'vue'\nimport {\n  CBox,\n  normalizeNumberLikeStringProp,\n  responsiveStyleManager,\n  useRandomClassName,\n} from '../../../core'\nimport type { ColProps } from './col.types'\nimport { useColCustomStyle } from './col-custom'\nimport { GridContextValue } from '../grid.context'\nimport { GRID_CONTEXT_KEY } from '../grid.constants'\n\ndefineOptions({\n  name: 'CCol',\n})\n\nconst props = withDefaults(defineProps<ColProps>(), {\n  span: 12,\n})\n\nconst knownProps = [\n  'classNames',\n  'className',\n  'style',\n  'styles',\n  'vars',\n  'span',\n  'order',\n  'offset',\n  'align',\n]\n\nconst gridContext = inject(GRID_CONTEXT_KEY) as GridContextValue\n\nconst responsiveClassname = useRandomClassName()\n\nconst rootAttrs = computed(() =>\n  gridContext.getStyles('col', {\n    className: cx(props.className, responsiveClassname),\n    style: props.style,\n    classNames: props.classNames,\n    styles: props.styles,\n  })\n)\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\nconst _offset = normalizeNumberLikeStringProp(props.offset)\nconst _order = normalizeNumberLikeStringProp(props.order)\nconst colStyle = useColCustomStyle(\n  {\n    selector: responsiveClassname,\n    align: props.align,\n    offset: _offset,\n    order: _order,\n    span: props.span,\n  },\n  gridContext\n)\n\nconst currentStyleKey = ref<string | null>(null)\nwatchEffect(() => {\n  const cssText = colStyle.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</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAId,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,eAAA,GAAA,IAAA,OAAA,CAAqB,uBAAA,gBAAgB;EAE3C,MAAM,sBAAsB,6BAAA,mBAAmB;EAE/C,MAAM,aAAA,GAAA,IAAA,SAAA,OACJ,YAAY,UAAU,OAAO;GAC3B,YAAA,GAAA,KAAA,QAAA,CAAc,MAAM,WAAW,mBAAmB;GAClD,OAAO,MAAM;GACb,YAAY,MAAM;GAClB,QAAQ,MAAM;EAChB,CAAC,CACH;EACA,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,KAAK,MAAM,OAAO,OAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,MAAM;GAGxB,OAAO;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM;EACzC,CAAC;EAED,MAAM,UAAU,0CAAA,8BAA8B,MAAM,MAAM;EAC1D,MAAM,SAAS,0CAAA,8BAA8B,MAAM,KAAK;EACxD,MAAM,WAAW,mBAAA,kBACf;GACE,UAAU;GACV,OAAO,MAAM;GACb,QAAQ;GACR,OAAO;GACP,MAAM,MAAM;EACd,GACA,WACF;EAEA,MAAM,mBAAA,GAAA,IAAA,IAAA,CAAqC,IAAI;EAC/C,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,MAAM,UAAU,SAAS,MAAM;GAC/B,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;;;;;;;;;;;;;;;;;;;;;;;;mDA1FS,OAAA,UAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,mBAAA,CAFO,OAAA,WAAW,CAAA,GAAA;kCAChB,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/components/grid/grid-custom.cjs

@@ -4,14 +4,13 @@ const require_get_base_value = require("../../core/utils/get-base-value/get-base
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_get_sorted_breakpoints = require("../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs");
 const require_keys = require("../../core/utils/keys/keys.cjs");
-const require_config_provider_types = require("../../core/config-provider/config-provider.types.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_styles_to_string = require("../../core/responsive-style-manager/styles-to-string/styles-to-string.cjs");
 let vue = require("vue");
 //#region packages/@cck-ui/core/src/components/grid/grid-custom.ts
 function useGridCustomStyle({ breakpoints, columnGap, gap, rowGap, selector, type }) {
 	return (0, vue.computed)(() => {
-		const theme = (0, vue.inject)(require_config_provider_types.THEME_KEY, require_default_theme.DEFAULT_THEME);
+		const theme = require_config_provider_context.useCckTheme().value;
 		const _breakpoints = breakpoints || theme.breakpoints;
 		const styles = require_filter_props.filterProps({
 			"--grid-gap": require_get_size.getSpacing(require_get_base_value.getBaseValue(gap)),

package/cjs/components/grid/grid-custom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid-custom.cjs","names":["THEME_KEY","DEFAULT_THEME","filterProps","getSpacing","getBaseValue","keys","getSortedBreakpoints","stylesToString"],"sources":["../../../src/components/grid/grid-custom.ts"],"sourcesContent":["import {\n  DEFAULT_THEME,\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  keys,\n  stylesToString,\n  THEME_KEY,\n} from '../../core'\nimport { GridBreakpoints, GridProps } from './grid.types'\nimport { computed, inject } from 'vue'\n\ninterface GridVariablesProps extends GridProps {\n  selector: string\n}\n\nexport function useGridCustomStyle({\n  breakpoints,\n  columnGap,\n  gap,\n  rowGap,\n  selector,\n  type,\n}: GridVariablesProps) {\n  return computed(() => {\n    const theme = inject(THEME_KEY, DEFAULT_THEME)\n\n    const _breakpoints = breakpoints || theme.breakpoints\n\n    const styles: Record<string, string | undefined> = filterProps({\n      '--grid-gap': getSpacing(getBaseValue(gap)),\n      '--grid-row-gap': getSpacing(getBaseValue(rowGap)),\n      '--grid-column-gap': getSpacing(getBaseValue(columnGap)),\n    })\n\n    const queries = keys(_breakpoints).reduce<Record<string, Record<string, any>>>(\n      (acc, breakpoint) => {\n        if (!acc[breakpoint as string]) {\n          acc[breakpoint as string] = {}\n        }\n\n        if (typeof gap === 'object' && gap[breakpoint as string] !== undefined) {\n          acc[breakpoint as string]['--grid-gap'] = getSpacing(gap[breakpoint as string])\n        }\n\n        return acc\n      },\n      {}\n    )\n\n    const sortedBreakpoints = getSortedBreakpoints(keys(queries), _breakpoints).filter(\n      (breakpoint) => keys(queries[breakpoint.value]).length > 0\n    )\n\n    const values = sortedBreakpoints.map((breakpoint) => ({\n      query:\n        type === 'container'\n          ? `c-grid (min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`\n          : `(min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`,\n      styles: queries[breakpoint.value],\n    }))\n\n    const queryStyles = {\n      styles,\n      media: type === 'container' ? undefined : values,\n      container: type === 'container' ? values : undefined,\n      selector,\n    }\n\n    const queryStylesString = stylesToString(queryStyles)\n\n    return { queryStylesString }\n  })\n}\n"],"mappings":";;;;;;;;;;;AAiBA,SAAgB,mBAAmB,EACjC,aACA,WACA,KACA,QACA,UACA,QACqB;CACrB,QAAA,GAAA,IAAA,SAAA,OAAsB;EACpB,MAAM,SAAA,GAAA,IAAA,OAAA,CAAeA,8BAAAA,WAAWC,sBAAAA,aAAa;EAE7C,MAAM,eAAe,eAAe,MAAM;EAE1C,MAAM,SAA6CC,qBAAAA,YAAY;GAC7D,cAAcC,iBAAAA,WAAWC,uBAAAA,aAAa,GAAG,CAAC;GAC1C,kBAAkBD,iBAAAA,WAAWC,uBAAAA,aAAa,MAAM,CAAC;GACjD,qBAAqBD,iBAAAA,WAAWC,uBAAAA,aAAa,SAAS,CAAC;EACzD,CAAC;EAED,MAAM,UAAUC,aAAAA,KAAK,YAAY,CAAC,CAAC,QAChC,KAAK,eAAe;GACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAwB,CAAC;GAG/B,IAAI,OAAO,QAAQ,YAAY,IAAI,gBAA0B,KAAA,GAC3D,IAAI,WAAqB,CAAC,gBAAgBF,iBAAAA,WAAW,IAAI,WAAqB;GAGhF,OAAO;EACT,GACA,CAAC,CACH;EAMA,MAAM,SAJoBG,+BAAAA,qBAAqBD,aAAAA,KAAK,OAAO,GAAG,YAAY,CAAC,CAAC,QACzE,eAAeA,aAAAA,KAAK,QAAQ,WAAW,MAAM,CAAC,CAAC,SAAS,CAG5B,CAAC,CAAC,KAAK,gBAAgB;GACpD,OACE,SAAS,cACL,sBAAsB,aAAa,WAAW,OAAgC,KAC9E,eAAe,aAAa,WAAW,OAAgC;GAC7E,QAAQ,QAAQ,WAAW;EAC7B,EAAE;EAWF,OAAO,EAAE,mBAFiBE,yBAAAA,eAAe;GANvC;GACA,OAAO,SAAS,cAAc,KAAA,IAAY;GAC1C,WAAW,SAAS,cAAc,SAAS,KAAA;GAC3C;EAGiD,CAE1B,EAAE;CAC7B,CAAC;AACH"}
+{"version":3,"file":"grid-custom.cjs","names":["useCckTheme","filterProps","getSpacing","getBaseValue","keys","getSortedBreakpoints","stylesToString"],"sources":["../../../src/components/grid/grid-custom.ts"],"sourcesContent":["import {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  keys,\n  stylesToString,\n  useCckTheme,\n} from '../../core'\nimport { GridBreakpoints, GridProps } from './grid.types'\nimport { computed } from 'vue'\n\ninterface GridVariablesProps extends GridProps {\n  selector: string\n}\n\nexport function useGridCustomStyle({\n  breakpoints,\n  columnGap,\n  gap,\n  rowGap,\n  selector,\n  type,\n}: GridVariablesProps) {\n  return computed(() => {\n    const _theme = useCckTheme()\n    const theme = _theme.value\n\n    const _breakpoints = breakpoints || theme.breakpoints\n\n    const styles: Record<string, string | undefined> = filterProps({\n      '--grid-gap': getSpacing(getBaseValue(gap)),\n      '--grid-row-gap': getSpacing(getBaseValue(rowGap)),\n      '--grid-column-gap': getSpacing(getBaseValue(columnGap)),\n    })\n\n    const queries = keys(_breakpoints).reduce<Record<string, Record<string, any>>>(\n      (acc, breakpoint) => {\n        if (!acc[breakpoint as string]) {\n          acc[breakpoint as string] = {}\n        }\n\n        if (typeof gap === 'object' && gap[breakpoint as string] !== undefined) {\n          acc[breakpoint as string]['--grid-gap'] = getSpacing(gap[breakpoint as string])\n        }\n\n        return acc\n      },\n      {}\n    )\n\n    const sortedBreakpoints = getSortedBreakpoints(keys(queries), _breakpoints).filter(\n      (breakpoint) => keys(queries[breakpoint.value]).length > 0\n    )\n\n    const values = sortedBreakpoints.map((breakpoint) => ({\n      query:\n        type === 'container'\n          ? `c-grid (min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`\n          : `(min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`,\n      styles: queries[breakpoint.value],\n    }))\n\n    const queryStyles = {\n      styles,\n      media: type === 'container' ? undefined : values,\n      container: type === 'container' ? values : undefined,\n      selector,\n    }\n\n    const queryStylesString = stylesToString(queryStyles)\n\n    return { queryStylesString }\n  })\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,mBAAmB,EACjC,aACA,WACA,KACA,QACA,UACA,QACqB;CACrB,QAAA,GAAA,IAAA,SAAA,OAAsB;EAEpB,MAAM,QADSA,gCAAAA,YACI,CAAC,CAAC;EAErB,MAAM,eAAe,eAAe,MAAM;EAE1C,MAAM,SAA6CC,qBAAAA,YAAY;GAC7D,cAAcC,iBAAAA,WAAWC,uBAAAA,aAAa,GAAG,CAAC;GAC1C,kBAAkBD,iBAAAA,WAAWC,uBAAAA,aAAa,MAAM,CAAC;GACjD,qBAAqBD,iBAAAA,WAAWC,uBAAAA,aAAa,SAAS,CAAC;EACzD,CAAC;EAED,MAAM,UAAUC,aAAAA,KAAK,YAAY,CAAC,CAAC,QAChC,KAAK,eAAe;GACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAwB,CAAC;GAG/B,IAAI,OAAO,QAAQ,YAAY,IAAI,gBAA0B,KAAA,GAC3D,IAAI,WAAqB,CAAC,gBAAgBF,iBAAAA,WAAW,IAAI,WAAqB;GAGhF,OAAO;EACT,GACA,CAAC,CACH;EAMA,MAAM,SAJoBG,+BAAAA,qBAAqBD,aAAAA,KAAK,OAAO,GAAG,YAAY,CAAC,CAAC,QACzE,eAAeA,aAAAA,KAAK,QAAQ,WAAW,MAAM,CAAC,CAAC,SAAS,CAG5B,CAAC,CAAC,KAAK,gBAAgB;GACpD,OACE,SAAS,cACL,sBAAsB,aAAa,WAAW,OAAgC,KAC9E,eAAe,aAAa,WAAW,OAAgC;GAC7E,QAAQ,QAAQ,WAAW;EAC7B,EAAE;EAWF,OAAO,EAAE,mBAFiBE,yBAAAA,eAAe;GANvC;GACA,OAAO,SAAS,cAAc,KAAA,IAAY;GAC1C,WAAW,SAAS,cAAc,SAAS,KAAA;GAC3C;EAGiD,CAE1B,EAAE;CAC7B,CAAC;AACH"}

package/cjs/components/grid/grid.cjs

@@ -3,6 +3,7 @@ const require_is_number_like = require("../../core/utils/is-number-like/is-numbe
 const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
 const require_responsive_style_manager = require("../../core/responsive-style-manager/responsive-style-manager.cjs");
 const require_use_random_classname = require("../../core/box/use-random-classname/use-random-classname.cjs");
+const require_index = require("../../core/box/index.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
 const require_grid_custom = require("./grid-custom.cjs");
@@ -349,27 +350,52 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		__expose();
 		const props = __props;
-		const varsResolver = require_create_vars_resolver.createVarsResolver(() => ({}));
-		const { classNames, className, style, styles, unstyled, vars, grow, gap, rowGap, columnGap, columns, align, justify, breakpoints, type, attributes, ...others } = props;
+		const knownProps = [
+			"classNames",
+			"className",
+			"style",
+			"styles",
+			"unstyled",
+			"vars",
+			"grow",
+			"gap",
+			"rowGap",
+			"columnGap",
+			"columns",
+			"align",
+			"justify",
+			"breakpoints",
+			"type",
+			"attributes"
+		];
+		const varsResolver = require_create_vars_resolver.createVarsResolver((_, { justify, align, overflow }) => ({ root: {
+			"--grid-align": align,
+			"--grid-justify": justify,
+			"--grid-overflow": overflow
+		} }));
 		const getStyles = require_use_styles.useStyles({
 			name: "Grid",
 			classes: require_grid_module.default,
 			props,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			attributes,
-			vars,
+			className: props.className,
+			style: props.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			unstyled: props.unstyled,
+			attributes: props.attributes,
+			vars: props.vars,
 			varsResolver
 		});
 		const responsiveClassname = require_use_random_classname.useRandomClassName();
 		const rootAttrs = (0, vue.computed)(() => getStyles("root", { className: responsiveClassname }));
-		const mergedRootAttrs = (0, vue.computed)(() => ({
-			...others,
-			...rootAttrs.value
-		}));
+		const mergedRootAttrs = (0, vue.computed)(() => {
+			const others = {};
+			for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
+			return {
+				...others,
+				...rootAttrs.value
+			};
+		});
 		const innerAttrs = (0, vue.computed)(() => getStyles("inner"));
 		const containerAttrs = (0, vue.computed)(() => getStyles("container"));
 		const gridStyle = require_grid_custom.useGridCustomStyle({
@@ -419,24 +445,8 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		(0, vue.provide)(require_grid_constants.GRID_CONTEXT_KEY, context);
 		const __returned__ = {
 			props,
+			knownProps,
 			varsResolver,
-			classNames,
-			className,
-			style,
-			styles,
-			unstyled,
-			vars,
-			grow,
-			gap,
-			rowGap,
-			columnGap,
-			columns,
-			align,
-			justify,
-			breakpoints,
-			type,
-			attributes,
-			others,
 			getStyles,
 			responsiveClassname,
 			rootAttrs,
@@ -449,7 +459,10 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			_columns,
 			_grow,
 			_type,
-			context
+			context,
+			get CBox() {
+				return require_index.CBox;
+			}
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -459,25 +472,24 @@ 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 $setup.type === "container" && $setup.breakpoints ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, $setup.containerAttrs)), {
-		default: (0, vue.withCtx)(() => [(0, vue.createVNode)(_component_c_box, (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup.mergedRootAttrs)), {
-			default: (0, vue.withCtx)(() => [(0, vue.createVNode)(_component_c_box, (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup.innerAttrs)), {
+	return $props.type === "container" && $props.breakpoints ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, $setup.containerAttrs)), {
+		default: (0, vue.withCtx)(() => [(0, vue.createVNode)($setup["CBox"], (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup.mergedRootAttrs)), {
+			default: (0, vue.withCtx)(() => [(0, vue.createVNode)($setup["CBox"], (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup.innerAttrs)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16)]),
 			_: 3
 		}, 16)]),
 		_: 3
-	}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 1 }, $setup.mergedRootAttrs)), {
-		default: (0, vue.withCtx)(() => [(0, vue.createVNode)(_component_c_box, (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup.innerAttrs)), {
+	}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 1 }, $setup.mergedRootAttrs)), {
+		default: (0, vue.withCtx)(() => [(0, vue.createVNode)($setup["CBox"], (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup.innerAttrs)), {
 			default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 			_: 3
 		}, 16)]),
 		_: 3
 	}, 16));
 }
-var grid_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\grid\\grid.vue"]]);
+var grid_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/grid/grid.vue"]]);
 //#endregion
 exports.default = grid_default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs","names":[],"sources":["../../../src/components/grid/grid.vue","../../../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  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 varsResolver = createVarsResolver(() => ({}))\n\nconst {\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  ...others\n} = props\n\nconst getStyles = useStyles<GridFactory>({\n  name: 'Grid',\n  classes,\n  props,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n  varsResolver,\n})\n\nconst responsiveClassname = useRandomClassName()\n\nconst rootAttrs = computed(() => getStyles('root', { className: responsiveClassname }))\nconst mergedRootAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\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",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAKd,MAAM,eAAe,6BAAA,0BAA0B,CAAC,EAAE;EAElD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,KACA,QACA,WACA,SACA,OACA,SACA,aACA,MACA,YACA,GAAG,WACD;EAEJ,MAAM,YAAY,mBAAA,UAAuB;GACvC,MAAM;GACN,SAAA,oBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,sBAAsB,6BAAA,mBAAmB;EAE/C,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC,CAAC;EACtF,MAAM,mBAAA,GAAA,IAAA,SAAA,QAAkC;GAAE,GAAG;GAAQ,GAAG,UAAU;EAAM,EAAE;EAE1E,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,WAAW;EACrD,MAAM,YAAA,GAAA,IAAA,SAAA,OAA0B;GAC9B,IAAI,CAAC,uBAAA,aAAa,MAAM,OAAO,GAAG;IAChC,QAAQ,KACN,gEAAgE,MAAM,QAAQ,kCAChF;IACA,OAAA;GACF;GAEA,OAAO,OAAO,MAAM,OAAO;EAC7B,CAAC;EACD,MAAM,SAAA,GAAA,IAAA,SAAA,OAAuB,MAAM,IAAI;EACvC,MAAM,SAAA,GAAA,IAAA,SAAA,OAAuB,MAAM,IAAI;EAEvC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QC5IlB,OAAA,SAAI,eAAoB,OAAA,gBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAM7B,mBAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GANkD,OAAA,cAAc,CAAA,GAAA;kCAK9D,EAAA,GAAA,IAAA,YAAA,CAAA,mBAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,mBAAA,CAJO,OAAA,eAAe,CAAA,GAAA;mCAGpB,EAAA,GAAA,IAAA,YAAA,CAAA,mBAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,mBAAA,CAFO,OAAA,UAAU,CAAA,GAAA;oCACf,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;uDASJ,mBAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAJO,OAAA,eAAe,CAAA,GAAA;kCAGpB,EAAA,GAAA,IAAA,YAAA,CAAA,mBAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,mBAAA,CAFO,OAAA,UAAU,CAAA,GAAA;mCACf,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"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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"}

package/cjs/components/group/group.cjs

@@ -422,7 +422,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"variant"
 	]);
 }
-var group_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\group\\group.vue"]]);
+var group_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/group/group.vue"]]);
 //#endregion
 exports.default = group_default;
 

package/cjs/components/group/group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"group.cjs","names":[],"sources":["../../../src/components/group/group.vue","../../../src/components/group/group.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\" :mod=\"[{ grow }, mod]\" :size=\"__size\" :variant=\"variant\">\n    <component v-for=\"(node, index) in filteredChildren\" :key=\"node.key || index\" :is=\"node\" />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport type { GroupFactory, GroupProps, GroupStylesCtx } from './group.types'\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children'\nimport { createVarsResolver, getSpacing, useStyles, CBox } from '../../core'\nimport classes from './group.module.css'\n\ndefineOptions({\n  name: 'CGroup',\n})\n\nconst slots = useSlots()\n\nconst props = withDefaults(defineProps<GroupProps>(), {\n  preventGrowOverflow: true,\n  gap: 'md',\n  align: 'center',\n  justify: 'flex-start',\n  wrap: 'wrap',\n})\n\nconst {\n  classNames,\n  className,\n  style,\n  styles,\n  unstyled,\n  gap,\n  align,\n  justify,\n  wrap,\n  grow,\n  preventGrowOverflow,\n  vars,\n  variant,\n  __size,\n  mod,\n  attributes,\n  ...others\n} = props\n\nconst filteredChildren = filterFalsyChildren(slots.default?.())\nconst childrenCount = filteredChildren.length\nconst resolvedGap = getSpacing(gap)\nconst childWidth = `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`\n\nconst stylesCtx: GroupStylesCtx = { childWidth }\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n  (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n    root: {\n      '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n      '--group-gap': getSpacing(gap),\n      '--group-align': align,\n      '--group-justify': justify,\n      '--group-wrap': wrap,\n    },\n  })\n)\n\nconst getStyles = useStyles<GroupFactory>({\n  name: 'Group',\n  props,\n  stylesCtx,\n  className,\n  style,\n  classes,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,QAAQ;EAQd,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,KACA,OACA,SACA,MACA,MACA,qBACA,MACA,SACA,QACA,KACA,YACA,GAAG,WACD;EAEJ,MAAM,mBAAmB,8BAAA,oBAAoB,MAAM,UAAU,CAAC;EAC9D,MAAM,gBAAgB,iBAAiB;EACvC,MAAM,cAAc,iBAAA,WAAW,GAAG;EAClC,MAAM,aAAa,QAAQ,MAAM,cAAc,OAAO,YAAY,KAAK,YAAY,KAAK,cAAc;EAEtG,MAAM,YAA4B,EAAE,WAAW;EAE/C,MAAM,eAAe,6BAAA,oBAClB,GAAG,EAAE,MAAM,qBAAqB,KAAK,OAAO,SAAS,QAAQ,EAAE,kBAAkB,EAChF,MAAM;GACJ,uBAAuB,QAAQ,sBAAsB,aAAa,KAAA;GAClE,eAAe,iBAAA,WAAW,GAAG;GAC7B,iBAAiB;GACjB,mBAAmB;GACnB,gBAAgB;EAClB,EACF,EACF;EAEA,MAAM,YAAY,mBAAA,UAAwB;GACxC,MAAM;GACN;GACA;GACA;GACA;GACA,SAAA,qBAAA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAEd;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM,EAAA;;;;;;;;;;;;;mDChF1D,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAFO,aAAW;EAAG,KAAG,CAAA,EAAA,MAAK,OAAA,KAAI,GAAI,OAAA,GAAG;EAAI,MAAM,OAAA;EAAS,SAAS,OAAA;;kCACtB,GAAA,GAAA,IAAA,UAAA,CAAA,IAAA,IAAA,GAAA,IAAA,mBAAA,CAAuC,IAAA,UAAA,OAAA,GAAA,IAAA,WAAA,CAAxD,OAAA,mBAAhB,MAAM,UAAK;sFAAqD,IAAI,GAAA,EAAjC,KAAK,KAAK,OAAO,MAAA,CAAA"}
+{"version":3,"file":"group.cjs","names":[],"sources":["../../../src/components/group/group.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\" :mod=\"[{ grow }, mod]\" :size=\"__size\" :variant=\"variant\">\n    <component v-for=\"(node, index) in filteredChildren\" :key=\"node.key || index\" :is=\"node\" />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport type { GroupFactory, GroupProps, GroupStylesCtx } from './group.types'\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children'\nimport { createVarsResolver, getSpacing, useStyles, CBox } from '../../core'\nimport classes from './group.module.css'\n\ndefineOptions({\n  name: 'CGroup',\n})\n\nconst slots = useSlots()\n\nconst props = withDefaults(defineProps<GroupProps>(), {\n  preventGrowOverflow: true,\n  gap: 'md',\n  align: 'center',\n  justify: 'flex-start',\n  wrap: 'wrap',\n})\n\nconst {\n  classNames,\n  className,\n  style,\n  styles,\n  unstyled,\n  gap,\n  align,\n  justify,\n  wrap,\n  grow,\n  preventGrowOverflow,\n  vars,\n  variant,\n  __size,\n  mod,\n  attributes,\n  ...others\n} = props\n\nconst filteredChildren = filterFalsyChildren(slots.default?.())\nconst childrenCount = filteredChildren.length\nconst resolvedGap = getSpacing(gap)\nconst childWidth = `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`\n\nconst stylesCtx: GroupStylesCtx = { childWidth }\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n  (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n    root: {\n      '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n      '--group-gap': getSpacing(gap),\n      '--group-align': align,\n      '--group-justify': justify,\n      '--group-wrap': wrap,\n    },\n  })\n)\n\nconst getStyles = useStyles<GroupFactory>({\n  name: 'Group',\n  props,\n  stylesCtx,\n  className,\n  style,\n  classes,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,QAAQ;EAQd,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,KACA,OACA,SACA,MACA,MACA,qBACA,MACA,SACA,QACA,KACA,YACA,GAAG,WACD;EAEJ,MAAM,mBAAmB,8BAAA,oBAAoB,MAAM,UAAU,CAAC;EAC9D,MAAM,gBAAgB,iBAAiB;EACvC,MAAM,cAAc,iBAAA,WAAW,GAAG;EAClC,MAAM,aAAa,QAAQ,MAAM,cAAc,OAAO,YAAY,KAAK,YAAY,KAAK,cAAc;EAEtG,MAAM,YAA4B,EAAE,WAAW;EAE/C,MAAM,eAAe,6BAAA,oBAClB,GAAG,EAAE,MAAM,qBAAqB,KAAK,OAAO,SAAS,QAAQ,EAAE,kBAAkB,EAChF,MAAM;GACJ,uBAAuB,QAAQ,sBAAsB,aAAa,KAAA;GAClE,eAAe,iBAAA,WAAW,GAAG;GAC7B,iBAAiB;GACjB,mBAAmB;GACnB,gBAAgB;EAClB,EACF,EACF;EAEA,MAAM,YAAY,mBAAA,UAAwB;GACxC,MAAM;GACN;GACA;GACA;GACA;GACA,SAAA,qBAAA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAEd;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM,EAAA;;;;;;;;;;;;;mDAhF1D,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAFO,aAAW;EAAG,KAAG,CAAA,EAAA,MAAK,OAAA,KAAI,GAAI,OAAA,GAAG;EAAI,MAAM,OAAA;EAAS,SAAS,OAAA;;kCACtB,GAAA,GAAA,IAAA,UAAA,CAAA,IAAA,IAAA,GAAA,IAAA,mBAAA,CAAuC,IAAA,UAAA,OAAA,GAAA,IAAA,WAAA,CAAxD,OAAA,mBAAhB,MAAM,UAAK;sFAAqD,IAAI,GAAA,EAAjC,KAAK,KAAK,OAAO,MAAA,CAAA"}

package/cjs/components/loader/loader.cjs

@@ -1,12 +1,13 @@
 "use client";
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
-const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
 const require_get_theme_color = require("../../core/config-provider/color-functions/get-theme-color/get-theme-color.cjs");
+const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_index = require("../../core/box/index.cjs");
 const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
 const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
 const require_use_loader = require("./use-loader.cjs");
 const require_loader_module = require("./loader.module.cjs");
-const require_index = require("./index.cjs");
+const require_index$1 = require("./index.cjs");
 let vue = require("vue");
 //#region packages/@cck-ui/core/src/components/loader/loader.vue
 const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -20,7 +21,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		loaders: {
 			type: Object,
 			required: false,
-			default: () => require_index.CDefaultLoaders
+			default: () => require_index$1.CDefaultLoaders
 		},
 		size: {
 			type: [
@@ -327,7 +328,20 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const { size, color, type, vars, className, style, classNames, styles, unstyled, loaders, variant, attributes, ...others } = props;
+		const knownProps = [
+			"size",
+			"color",
+			"type",
+			"vars",
+			"className",
+			"style",
+			"classNames",
+			"styles",
+			"unstyled",
+			"loaders",
+			"variant",
+			"attributes"
+		];
 		const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { size, color }) => ({ root: {
 			"--loader-size": require_get_size.getSize(size, "loader-size"),
 			"--loader-color": color ? require_get_theme_color.getThemeColor(color, theme) : void 0
@@ -336,20 +350,24 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			name: "Loader",
 			props,
 			classes: require_loader_module.default,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			attributes,
-			vars,
+			className: props.className,
+			style: props.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			unstyled: props.unstyled,
+			attributes: props.attributes,
+			vars: props.vars,
 			varsResolver
 		});
 		const rootAttrs = (0, vue.computed)(() => getStyles("root"));
-		const mergedAttrs = (0, vue.computed)(() => ({
-			...others,
-			...rootAttrs.value
-		}));
+		const mergedAttrs = (0, vue.computed)(() => {
+			const others = {};
+			for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
+			return {
+				...others,
+				...rootAttrs.value
+			};
+		});
 		const { _ref } = require_use_loader.useLoader();
 		__expose({
 			/** @description loader html element */
@@ -359,24 +377,15 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		});
 		const __returned__ = {
 			props,
-			size,
-			color,
-			type,
-			vars,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			loaders,
-			variant,
-			attributes,
-			others,
+			knownProps,
 			varsResolver,
 			getStyles,
 			rootAttrs,
 			mergedAttrs,
-			_ref
+			_ref,
+			get CBox() {
+				return require_index.CBox;
+			}
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -386,21 +395,20 @@ 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 _ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, $setup.mergedAttrs)), {
+	return _ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, $setup.mergedAttrs)), {
 		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 		_: 3
-	}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.mergeProps)({ key: 1 }, $setup.mergedAttrs, {
-		tag: $setup.loaders[$setup.type],
-		variant: $setup.variant,
-		size: $setup.size
+	}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ key: 1 }, $setup.mergedAttrs, {
+		tag: $props.loaders[$props.type],
+		variant: $props.variant,
+		size: $props.size
 	}), null, 16, [
 		"tag",
 		"variant",
 		"size"
 	]));
 }
-var loader_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\loader\\loader.vue"]]);
+var loader_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/loader.vue"]]);
 //#endregion
 exports.default = loader_default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"loader.cjs","names":[],"sources":["../../../src/components/loader/loader.vue","../../../src/components/loader/loader.vue"],"sourcesContent":["<template>\n  <c-box v-if=\"$slots.default\" v-bind=\"mergedAttrs\">\n    <slot />\n  </c-box>\n  <c-box v-else v-bind=\"mergedAttrs\" :tag=\"loaders[type]\" :variant=\"variant\" :size=\"size\"></c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { createVarsResolver, getSize, getThemeColor, useStyles } from '../../core'\nimport type { LoaderProps } from './loader.types'\nimport { useLoader } from './use-loader'\nimport { CDefaultLoaders, LoaderFactory } from '.'\nimport classes from './loader.module.css'\n\ndefineOptions({\n  name: 'CLoader',\n})\n\nconst props = withDefaults(defineProps<LoaderProps>(), {\n  loaders: () => CDefaultLoaders,\n  type: 'oval',\n})\n\nconst {\n  size,\n  color,\n  type,\n  vars,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  loaders,\n  variant,\n  attributes,\n  ...others\n} = props\n\nconst varsResolver = createVarsResolver<LoaderFactory>((theme, { size, color }) => ({\n  root: {\n    '--loader-size': getSize(size, 'loader-size'),\n    '--loader-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}))\n\nconst getStyles = useStyles<LoaderFactory>({\n  name: 'Loader',\n  props,\n  classes,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n\nconst { _ref } = useLoader()\n\ndefineExpose({\n  /** @description loader html element */\n  ref: _ref,\n  /** @description loader size */\n  size: props.size,\n})\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAKd,MAAM,EACJ,MACA,OACA,MACA,MACA,WACA,OACA,YACA,QACA,UACA,SACA,SACA,YACA,GAAG,WACD;EAEJ,MAAM,eAAe,6BAAA,oBAAmC,OAAO,EAAE,MAAM,aAAa,EAClF,MAAM;GACJ,iBAAiB,iBAAA,QAAQ,MAAM,aAAa;GAC5C,kBAAkB,QAAQ,wBAAA,cAAc,OAAO,KAAK,IAAI,KAAA;EAC1D,EACF,EAAE;EAEF,MAAM,YAAY,mBAAA,UAAyB;GACzC,MAAM;GACN;GACA,SAAA,sBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;EAElD,MAAM,eAAA,GAAA,IAAA,SAAA,QAA8B;GAAE,GAAG;GAAQ,GAAG,UAAU;EAAM,EAAE;EAEtE,MAAM,EAAE,SAAS,mBAAA,UAAU;EAE3B,SAAa;;GAEX,KAAK;;GAEL,MAAM,MAAM;EACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QCvEc,KAAA,OAAO,YAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAEZ,mBAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAF6B,OAAA,WAAW,CAAA,GAAA;kCACtC,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;uDAEsF,mBAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAA1E,OAAA,aAAW;EAAG,KAAK,OAAA,QAAQ,OAAA;EAAQ,SAAS,OAAA;EAAU,MAAM,OAAA"}
+{"version":3,"file":"loader.cjs","names":[],"sources":["../../../src/components/loader/loader.vue"],"sourcesContent":["<template>\n  <c-box v-if=\"$slots.default\" v-bind=\"mergedAttrs\">\n    <slot />\n  </c-box>\n  <c-box v-else v-bind=\"mergedAttrs\" :tag=\"loaders[type]\" :variant=\"variant\" :size=\"size\"></c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { CBox, createVarsResolver, getSize, getThemeColor, useStyles } from '../../core'\nimport type { LoaderProps } from './loader.types'\nimport { useLoader } from './use-loader'\nimport { CDefaultLoaders, LoaderFactory } from '.'\nimport classes from './loader.module.css'\n\ndefineOptions({\n  name: 'CLoader',\n})\n\nconst props = withDefaults(defineProps<LoaderProps>(), {\n  loaders: () => CDefaultLoaders,\n  type: 'oval',\n})\n\nconst knownProps = [\n  'size',\n  'color',\n  'type',\n  'vars',\n  'className',\n  'style',\n  'classNames',\n  'styles',\n  'unstyled',\n  'loaders',\n  'variant',\n  'attributes',\n]\n\nconst varsResolver = createVarsResolver<LoaderFactory>((theme, { size, color }) => ({\n  root: {\n    '--loader-size': getSize(size, 'loader-size'),\n    '--loader-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}))\n\nconst getStyles = useStyles<LoaderFactory>({\n  name: 'Loader',\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(() => getStyles('root'))\n\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\nconst { _ref } = useLoader()\n\ndefineExpose({\n  /** @description loader html element */\n  ref: _ref,\n  /** @description loader size */\n  size: props.size,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAKd,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,eAAe,6BAAA,oBAAmC,OAAO,EAAE,MAAM,aAAa,EAClF,MAAM;GACJ,iBAAiB,iBAAA,QAAQ,MAAM,aAAa;GAC5C,kBAAkB,QAAQ,wBAAA,cAAc,OAAO,KAAK,IAAI,KAAA;EAC1D,EACF,EAAE;EAEF,MAAM,YAAY,mBAAA,UAAyB;GACzC,MAAM;GACN;GACA,SAAA,sBAAA;GACA,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,YAAY,MAAM;GAClB,QAAQ,MAAM;GACd,UAAU,MAAM;GAChB,YAAY,MAAM;GAClB,MAAM,MAAM;GACZ;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;EAElD,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,KAAK,MAAM,OAAO,OAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,MAAM;GAGxB,OAAO;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM;EACzC,CAAC;EAED,MAAM,EAAE,SAAS,mBAAA,UAAU;EAE3B,SAAa;;GAEX,KAAK;;GAEL,MAAM,MAAM;EACd,CAAC;;;;;;;;;;;;;;;;;;;;;QA9Ec,KAAA,OAAO,YAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAEZ,OAAA,UAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAF6B,OAAA,WAAW,CAAA,GAAA;kCACtC,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;uDAEsF,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAA1E,OAAA,aAAW;EAAG,KAAK,OAAA,QAAQ,OAAA;EAAQ,SAAS,OAAA;EAAU,MAAM,OAAA"}

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

@@ -346,7 +346,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 16, ["class"]);
 }
-var bars_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\loader\\loaders\\bars.vue"]]);
+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
 exports.default = bars_default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"bars.cjs","names":[],"sources":["../../../../src/components/loader/loaders/bars.vue","../../../../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",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAa6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;;mDCVjC,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\" :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"}

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

@@ -346,7 +346,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 16, ["class"]);
 }
-var dots_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\loader\\loaders\\dots.vue"]]);
+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
 exports.default = dots_default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"dots.cjs","names":[],"sources":["../../../../src/components/loader/loaders/dots.vue","../../../../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",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAa6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;;mDCVjC,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\" :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"}

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

@@ -336,7 +336,7 @@ 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"]);
 }
-var oval_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\loader\\loaders\\oval.vue"]]);
+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
 exports.default = oval_default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"oval.cjs","names":[],"sources":["../../../../src/components/loader/loaders/oval.vue","../../../../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",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAS6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;mDCVgB,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\" :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"}

package/cjs/components/simple-grid/simple-grid-custom.cjs

@@ -7,8 +7,7 @@ const require_is_number_like = require("../../core/utils/is-number-like/is-numbe
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_get_sorted_breakpoints = require("../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs");
 const require_keys = require("../../core/utils/keys/keys.cjs");
-const require_config_provider_types = require("../../core/config-provider/config-provider.types.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_styles_to_string = require("../../core/responsive-style-manager/styles-to-string/styles-to-string.cjs");
 let vue = require("vue");
 //#region packages/@cck-ui/core/src/components/simple-grid/simple-grid-custom.ts
@@ -69,7 +68,7 @@ function getContainerStyle({ cols, minColWidth, spacing, verticalSpacing }) {
 }
 function useSimpleGridStyle(props) {
 	return (0, vue.computed)(() => {
-		const theme = (0, vue.inject)(require_config_provider_types.THEME_KEY, require_default_theme.DEFAULT_THEME);
+		const theme = require_config_provider_context.useCckTheme().value;
 		const { autoFlow, autoRows, cols, minColWidth, selector, spacing, verticalSpacing } = props;
 		const _verticalSpacing = verticalSpacing === void 0 ? spacing : verticalSpacing;
 		const useAutoColumns = minColWidth !== void 0;

package/cjs/components/simple-grid/simple-grid-custom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid-custom.cjs","names":["isNumberLike","rem","keys","px","getSpacing","getSortedBreakpoints","THEME_KEY","DEFAULT_THEME","stylesToString","filterProps","getBaseValue"],"sources":["../../../src/components/simple-grid/simple-grid-custom.ts"],"sourcesContent":["import { computed, inject } from 'vue'\nimport {\n  CBreakpoint,\n  CTheme,\n  DEFAULT_THEME,\n  THEME_KEY,\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  isNumberLike,\n  keys,\n  px,\n  rem,\n  stylesToString,\n} from '../../core'\nimport { SimpleGridProps } from './simple-grid.types'\n\ninterface SimpleGridVariablesProps extends SimpleGridProps {\n  selector: string\n}\n\nfunction getMinColWidthValue(value: string | number | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined\n  }\n\n  if (isNumberLike(value)) {\n    return rem(value)\n  }\n\n  return value as string\n}\n\nfunction getBreakpoints(values: unknown) {\n  if (typeof values === 'object' && values !== null) {\n    return keys(values)\n  }\n\n  return []\n}\n\nfunction sortBreakpoints(breakpoints: string[]) {\n  return breakpoints.sort((a, b) => (px(a) as number) - (px(b) as number))\n}\n\nfunction getUniqueBreakpoints({ cols, minColWidth, spacing, verticalSpacing }: SimpleGridProps) {\n  const breakpoints = Array.from(\n    new Set([\n      ...getBreakpoints(spacing),\n      ...getBreakpoints(verticalSpacing),\n      ...(minColWidth !== undefined ? [] : getBreakpoints(cols)),\n    ])\n  )\n\n  return sortBreakpoints(breakpoints)\n}\n\nfunction getMediaStyle(\n  { cols, minColWidth, spacing, verticalSpacing }: SimpleGridVariablesProps,\n  theme: CTheme\n) {\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing\n  const useAutoColumns = minColWidth !== undefined\n\n  const queries = keys(theme.breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {}\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint])\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint])\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint]\n      }\n\n      return acc\n    },\n    {}\n  )\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), theme.breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  )\n\n  const media = sortedBreakpoints.map((breakpoint) => ({\n    query: `(min-width: ${theme.breakpoints[breakpoint.value as CBreakpoint]})`,\n    styles: queries[breakpoint.value],\n  }))\n\n  return media\n}\n\nfunction getContainerStyle({ cols, minColWidth, spacing, verticalSpacing }: SimpleGridProps) {\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing\n  const useAutoColumns = minColWidth !== undefined\n\n  const uniqueBreakpoints = getUniqueBreakpoints({\n    cols,\n    minColWidth,\n    spacing,\n    verticalSpacing,\n  })\n\n  const queries = uniqueBreakpoints.reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {}\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint])\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint])\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint]\n      }\n\n      return acc\n    },\n    {}\n  )\n\n  const container = uniqueBreakpoints.map((breakpoint) => ({\n    query: `simple-grid (min-width: ${breakpoint})`,\n    styles: queries[breakpoint],\n  }))\n\n  return container\n}\n\nexport function useSimpleGridStyle(props: SimpleGridVariablesProps) {\n  return computed(() => {\n    const theme = inject(THEME_KEY, DEFAULT_THEME)\n    const { autoFlow, autoRows, cols, minColWidth, selector, spacing, verticalSpacing } = props\n    const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing\n    const useAutoColumns = minColWidth !== undefined\n\n    const autoColsAttr = useAutoColumns ? autoFlow || 'auto-fill' : undefined\n    const attrs: Record<string, string | undefined> = {\n      'data-auto-cols': autoColsAttr,\n    }\n\n    const baseStyles: Record<string, string | undefined> = filterProps({\n      '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n      '--sg-spacing-y': getSpacing(getBaseValue(_verticalSpacing)),\n      '--sg-auto-rows': autoRows,\n      ...(useAutoColumns\n        ? { '--sg-min-col-width': getMinColWidthValue(minColWidth) }\n        : { '--sg-cols': getBaseValue(cols)?.toString() }),\n    })\n\n    const media = getMediaStyle(props, theme)\n    const container = getContainerStyle(props)\n\n    const queryStylesString = stylesToString({\n      styles: baseStyles,\n      media,\n      container,\n      selector,\n    })\n\n    return { attrs, queryStylesString }\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"simple-grid-custom.cjs","names":["isNumberLike","rem","keys","px","getSpacing","getSortedBreakpoints","useCckTheme","stylesToString","filterProps","getBaseValue"],"sources":["../../../src/components/simple-grid/simple-grid-custom.ts"],"sourcesContent":["import { computed } from 'vue'\nimport {\n  CBreakpoint,\n  CTheme,\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  isNumberLike,\n  keys,\n  px,\n  rem,\n  stylesToString,\n  useCckTheme,\n} from '../../core'\nimport { SimpleGridProps } from './simple-grid.types'\n\ninterface SimpleGridVariablesProps extends SimpleGridProps {\n  selector: string\n}\n\nfunction getMinColWidthValue(value: string | number | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined\n  }\n\n  if (isNumberLike(value)) {\n    return rem(value)\n  }\n\n  return value as string\n}\n\nfunction getBreakpoints(values: unknown) {\n  if (typeof values === 'object' && values !== null) {\n    return keys(values)\n  }\n\n  return []\n}\n\nfunction sortBreakpoints(breakpoints: string[]) {\n  return breakpoints.sort((a, b) => (px(a) as number) - (px(b) as number))\n}\n\nfunction getUniqueBreakpoints({ cols, minColWidth, spacing, verticalSpacing }: SimpleGridProps) {\n  const breakpoints = Array.from(\n    new Set([\n      ...getBreakpoints(spacing),\n      ...getBreakpoints(verticalSpacing),\n      ...(minColWidth !== undefined ? [] : getBreakpoints(cols)),\n    ])\n  )\n\n  return sortBreakpoints(breakpoints)\n}\n\nfunction getMediaStyle(\n  { cols, minColWidth, spacing, verticalSpacing }: SimpleGridVariablesProps,\n  theme: CTheme\n) {\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing\n  const useAutoColumns = minColWidth !== undefined\n\n  const queries = keys(theme.breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {}\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint])\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint])\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint]\n      }\n\n      return acc\n    },\n    {}\n  )\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), theme.breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  )\n\n  const media = sortedBreakpoints.map((breakpoint) => ({\n    query: `(min-width: ${theme.breakpoints[breakpoint.value as CBreakpoint]})`,\n    styles: queries[breakpoint.value],\n  }))\n\n  return media\n}\n\nfunction getContainerStyle({ cols, minColWidth, spacing, verticalSpacing }: SimpleGridProps) {\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing\n  const useAutoColumns = minColWidth !== undefined\n\n  const uniqueBreakpoints = getUniqueBreakpoints({\n    cols,\n    minColWidth,\n    spacing,\n    verticalSpacing,\n  })\n\n  const queries = uniqueBreakpoints.reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {}\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint])\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint])\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint]\n      }\n\n      return acc\n    },\n    {}\n  )\n\n  const container = uniqueBreakpoints.map((breakpoint) => ({\n    query: `simple-grid (min-width: ${breakpoint})`,\n    styles: queries[breakpoint],\n  }))\n\n  return container\n}\n\nexport function useSimpleGridStyle(props: SimpleGridVariablesProps) {\n  return computed(() => {\n    const _theme = useCckTheme()\n    const theme = _theme.value\n    const { autoFlow, autoRows, cols, minColWidth, selector, spacing, verticalSpacing } = props\n    const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing\n    const useAutoColumns = minColWidth !== undefined\n\n    const autoColsAttr = useAutoColumns ? autoFlow || 'auto-fill' : undefined\n    const attrs: Record<string, string | undefined> = {\n      'data-auto-cols': autoColsAttr,\n    }\n\n    const baseStyles: Record<string, string | undefined> = filterProps({\n      '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n      '--sg-spacing-y': getSpacing(getBaseValue(_verticalSpacing)),\n      '--sg-auto-rows': autoRows,\n      ...(useAutoColumns\n        ? { '--sg-min-col-width': getMinColWidthValue(minColWidth) }\n        : { '--sg-cols': getBaseValue(cols)?.toString() }),\n    })\n\n    const media = getMediaStyle(props, theme)\n    const container = getContainerStyle(props)\n\n    const queryStylesString = stylesToString({\n      styles: baseStyles,\n      media,\n      container,\n      selector,\n    })\n\n    return { attrs, queryStylesString }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,SAAS,oBAAoB,OAAwD;CACnF,IAAI,UAAU,KAAA,GACZ;CAGF,IAAIA,uBAAAA,aAAa,KAAK,GACpB,OAAOC,YAAAA,IAAI,KAAK;CAGlB,OAAO;AACT;AAEA,SAAS,eAAe,QAAiB;CACvC,IAAI,OAAO,WAAW,YAAY,WAAW,MAC3C,OAAOC,aAAAA,KAAK,MAAM;CAGpB,OAAO,CAAC;AACV;AAEA,SAAS,gBAAgB,aAAuB;CAC9C,OAAO,YAAY,MAAM,GAAG,MAAOC,WAAAA,GAAG,CAAC,IAAgBA,WAAAA,GAAG,CAAC,CAAY;AACzE;AAEA,SAAS,qBAAqB,EAAE,MAAM,aAAa,SAAS,mBAAoC;CAS9F,OAAO,gBARa,MAAM,qBACxB,IAAI,IAAI;EACN,GAAG,eAAe,OAAO;EACzB,GAAG,eAAe,eAAe;EACjC,GAAI,gBAAgB,KAAA,IAAY,CAAC,IAAI,eAAe,IAAI;CAC1D,CAAC,CAG8B,CAAC;AACpC;AAEA,SAAS,cACP,EAAE,MAAM,aAAa,SAAS,mBAC9B,OACA;CACA,MAAM,mBAAmB,oBAAoB,KAAA,IAAY,UAAU;CACnE,MAAM,iBAAiB,gBAAgB,KAAA;CAEvC,MAAM,UAAUD,aAAAA,KAAK,MAAM,WAAW,CAAC,CAAC,QACrC,KAAK,eAAe;EACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAc,CAAC;EAGrB,IAAI,OAAO,YAAY,YAAY,QAAQ,gBAAgB,KAAA,GACzD,IAAI,WAAW,CAAC,oBAAoBE,iBAAAA,WAAW,QAAQ,WAAW;EAGpE,IAAI,OAAO,qBAAqB,YAAY,iBAAiB,gBAAgB,KAAA,GAC3E,IAAI,WAAW,CAAC,oBAAoBA,iBAAAA,WAAW,iBAAiB,WAAW;EAG7E,IAAI,CAAC,kBAAkB,OAAO,SAAS,YAAY,KAAK,gBAAgB,KAAA,GACtE,IAAI,WAAW,CAAC,eAAe,KAAK;EAGtC,OAAO;CACT,GACA,CAAC,CACH;CAWA,OAT0BC,+BAAAA,qBAAqBH,aAAAA,KAAK,OAAO,GAAG,MAAM,WAAW,CAAC,CAAC,QAC9E,eAAeA,aAAAA,KAAK,QAAQ,WAAW,MAAM,CAAC,CAAC,SAAS,CAG7B,CAAC,CAAC,KAAK,gBAAgB;EACnD,OAAO,eAAe,MAAM,YAAY,WAAW,OAAsB;EACzE,QAAQ,QAAQ,WAAW;CAC7B,EAEW;AACb;AAEA,SAAS,kBAAkB,EAAE,MAAM,aAAa,SAAS,mBAAoC;CAC3F,MAAM,mBAAmB,oBAAoB,KAAA,IAAY,UAAU;CACnE,MAAM,iBAAiB,gBAAgB,KAAA;CAEvC,MAAM,oBAAoB,qBAAqB;EAC7C;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,UAAU,kBAAkB,QAC/B,KAAK,eAAe;EACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAc,CAAC;EAGrB,IAAI,OAAO,YAAY,YAAY,QAAQ,gBAAgB,KAAA,GACzD,IAAI,WAAW,CAAC,oBAAoBE,iBAAAA,WAAW,QAAQ,WAAW;EAGpE,IAAI,OAAO,qBAAqB,YAAY,iBAAiB,gBAAgB,KAAA,GAC3E,IAAI,WAAW,CAAC,oBAAoBA,iBAAAA,WAAW,iBAAiB,WAAW;EAG7E,IAAI,CAAC,kBAAkB,OAAO,SAAS,YAAY,KAAK,gBAAgB,KAAA,GACtE,IAAI,WAAW,CAAC,eAAe,KAAK;EAGtC,OAAO;CACT,GACA,CAAC,CACH;CAOA,OALkB,kBAAkB,KAAK,gBAAgB;EACvD,OAAO,2BAA2B,WAAW;EAC7C,QAAQ,QAAQ;CAClB,EAEe;AACjB;AAEA,SAAgB,mBAAmB,OAAiC;CAClE,QAAA,GAAA,IAAA,SAAA,OAAsB;EAEpB,MAAM,QADSE,gCAAAA,YACI,CAAC,CAAC;EACrB,MAAM,EAAE,UAAU,UAAU,MAAM,aAAa,UAAU,SAAS,oBAAoB;EACtF,MAAM,mBAAmB,oBAAoB,KAAA,IAAY,UAAU;EACnE,MAAM,iBAAiB,gBAAgB,KAAA;EA0BvC,OAAO;GAAE,OAAA,EAtBP,kBAFmB,iBAAiB,YAAY,cAAc,KAAA,EAwBnD;GAAG,mBAPUC,yBAAAA,eAAe;IACvC,QAbqDC,qBAAAA,YAAY;KACjE,kBAAkBJ,iBAAAA,WAAWK,uBAAAA,aAAa,OAAO,CAAC;KAClD,kBAAkBL,iBAAAA,WAAWK,uBAAAA,aAAa,gBAAgB,CAAC;KAC3D,kBAAkB;KAClB,GAAI,iBACA,EAAE,sBAAsB,oBAAoB,WAAW,EAAE,IACzD,EAAE,aAAaA,uBAAAA,aAAa,IAAI,CAAC,EAAE,SAAS,EAAE;IACpD,CAMmB;IACjB,OALY,cAAc,OAAO,KAK7B;IACJ,WALgB,kBAAkB,KAK1B;IACR;GACF,CAEgC;EAAE;CACpC,CAAC;AACH"}