@cck-ui/core 0.2.0 → 0.3.3

package/esm/components/loader/loaders/oval.mjs

@@ -334,7 +334,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_c_box = resolveComponent("c-box");
 	return openBlock(), createBlock(_component_c_box, mergeProps({ tag: "span" }, $setup.others, { class: $setup.loaderClass }), null, 16, ["class"]);
 }
-var oval_default = /*#__PURE__*/ 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__*/ 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
 export { oval_default as default };
 

package/esm/components/loader/loaders/oval.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"oval.mjs","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAS6C,qBAAA,SAAA,CAAA,aAAA,YAAA,CAAA;gBAEzB,GAAG,sBAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;qBCVzC,YAAyD,kBAAzD,WAAyD,EAAlD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,OAAO,OAAA,YAAW,CAAA,GAAA,MAAA,IAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"oval.mjs","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAS6C,qBAAA,SAAA,CAAA,aAAA,YAAA,CAAA;gBAEzB,GAAG,sBAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;qBAVzC,YAAyD,kBAAzD,WAAyD,EAAlD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,OAAO,OAAA,YAAW,CAAA,GAAA,MAAA,IAAA,CAAA,OAAA,CAAA"}

package/esm/components/simple-grid/simple-grid-custom.mjs

@@ -7,10 +7,9 @@ import { isNumberLike } from "../../core/utils/is-number-like/is-number-like.mjs
 import { getSpacing } from "../../core/utils/get-size/get-size.mjs";
 import { getSortedBreakpoints } from "../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs";
 import { keys } from "../../core/utils/keys/keys.mjs";
-import { THEME_KEY } from "../../core/config-provider/config-provider.types.mjs";
-import { DEFAULT_THEME } from "../../core/config-provider/default-theme.mjs";
+import { useCckTheme } from "../../core/config-provider/config-provider.context.mjs";
 import { stylesToString } from "../../core/responsive-style-manager/styles-to-string/styles-to-string.mjs";
-import { computed, inject } from "vue";
+import { computed } from "vue";
 //#region packages/@cck-ui/core/src/components/simple-grid/simple-grid-custom.ts
 function getMinColWidthValue(value) {
 	if (value === void 0) return;
@@ -69,7 +68,7 @@ function getContainerStyle({ cols, minColWidth, spacing, verticalSpacing }) {
 }
 function useSimpleGridStyle(props) {
 	return computed(() => {
-		const theme = inject(THEME_KEY, DEFAULT_THEME);
+		const theme = useCckTheme().value;
 		const { autoFlow, autoRows, cols, minColWidth, selector, spacing, verticalSpacing } = props;
 		const _verticalSpacing = verticalSpacing === void 0 ? spacing : verticalSpacing;
 		const useAutoColumns = minColWidth !== void 0;

package/esm/components/simple-grid/simple-grid-custom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid-custom.mjs","names":[],"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.mjs","names":[],"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":"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"}

package/esm/components/simple-grid/simple-grid.mjs

@@ -336,26 +336,45 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { expose: __expose }) {
 		__expose();
 		const props = __props;
-		const { classNames, className, style, styles, unstyled, vars, cols, verticalSpacing, spacing, type, minColWidth, autoFlow, autoRows, attributes, ...others } = props;
+		const knownProps = [
+			"classNames",
+			"className",
+			"style",
+			"styles",
+			"unstyled",
+			"vars",
+			"cols",
+			"verticalSpacing",
+			"spacing",
+			"type",
+			"minColWidth",
+			"autoFlow",
+			"autoRows",
+			"attributes"
+		];
 		const getStyles = useStyles({
 			name: "SimpleGrid",
 			classes: simple_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
 		});
 		const responsiveClassname = useRandomClassName();
-		const autoColsAttr = minColWidth !== void 0 ? autoFlow || "auto-fill" : void 0;
+		const autoColsAttr = props.minColWidth !== void 0 ? props.autoFlow || "auto-fill" : void 0;
 		const rootAttrs = computed(() => getStyles("root", { className: responsiveClassname }));
-		const mergedRootAttrs = computed(() => ({
-			...others,
-			...rootAttrs.value
-		}));
+		const mergedRootAttrs = computed(() => {
+			const others = {};
+			for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
+			return {
+				...others,
+				...rootAttrs.value
+			};
+		});
 		const containerAttrs = computed(() => getStyles("container"));
 		const gridStyle = useSimpleGridStyle({
 			selector: responsiveClassname,
@@ -378,21 +397,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const __returned__ = {
 			props,
-			classNames,
-			className,
-			style,
-			styles,
-			unstyled,
-			vars,
-			cols,
-			verticalSpacing,
-			spacing,
-			type,
-			minColWidth,
-			autoFlow,
-			autoRows,
-			attributes,
-			others,
+			knownProps,
 			getStyles,
 			responsiveClassname,
 			autoColsAttr,
@@ -413,7 +418,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return $setup.type === "container" ? (openBlock(), createBlock($setup["CBox"], normalizeProps(mergeProps({ key: 0 }, $setup.containerAttrs)), {
+	return $props.type === "container" ? (openBlock(), createBlock($setup["CBox"], normalizeProps(mergeProps({ key: 0 }, $setup.containerAttrs)), {
 		default: withCtx(() => [createVNode($setup["CBox"], mergeProps($setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
 			default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 			_: 3
@@ -424,7 +429,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 3
 	}, 16, ["data-auto-cols"]));
 }
-var simple_grid_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\simple-grid\\simple-grid.vue"]]);
+var simple_grid_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/simple-grid/simple-grid.vue"]]);
 //#endregion
 export { simple_grid_default as default };
 

package/esm/components/simple-grid/simple-grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.mjs","names":[],"sources":["../../../src/components/simple-grid/simple-grid.vue","../../../src/components/simple-grid/simple-grid.vue"],"sourcesContent":["<template>\n  <c-box v-if=\"type === 'container'\" v-bind=\"containerAttrs\">\n    <c-box v-bind=\"mergedRootAttrs\" :data-auto-cols=\"autoColsAttr\">\n      <slot />\n    </c-box>\n  </c-box>\n  <template v-else>\n    <c-box v-bind=\"mergedRootAttrs\" :data-auto-cols=\"autoColsAttr\">\n      <slot />\n    </c-box>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watchEffect } from 'vue'\nimport { CBox, responsiveStyleManager, useRandomClassName, useStyles } from '../../core'\nimport type { SimpleGridFactory, SimpleGridProps } from './simple-grid.types'\nimport classes from './simple-grid.module.css'\nimport { useSimpleGridStyle } from './simple-grid-custom'\n\ndefineOptions({\n  name: 'CSimpleGrid',\n})\n\nconst props = withDefaults(defineProps<SimpleGridProps>(), {\n  cols: 1,\n  spacing: 'md',\n  type: 'media',\n})\n\nconst {\n  classNames,\n  className,\n  style,\n  styles,\n  unstyled,\n  vars,\n  cols,\n  verticalSpacing,\n  spacing,\n  type,\n  minColWidth,\n  autoFlow,\n  autoRows,\n  attributes,\n  ...others\n} = props\n\nconst getStyles = useStyles<SimpleGridFactory>({\n  name: 'SimpleGrid',\n  classes,\n  props,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n})\n\nconst responsiveClassname = useRandomClassName()\n\nconst autoColsAttr = minColWidth !== undefined ? autoFlow || 'auto-fill' : undefined\n\nconst rootAttrs = computed(() => getStyles('root', { className: responsiveClassname }))\nconst mergedRootAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n\nconst containerAttrs = computed(() => getStyles('container'))\n\nconst gridStyle = useSimpleGridStyle({\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</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAMd,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,iBACA,SACA,MACA,aACA,UACA,UACA,YACA,GAAG,WACD;EAEJ,MAAM,YAAY,UAA6B;GAC7C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,sBAAsB,mBAAmB;EAE/C,MAAM,eAAe,gBAAgB,KAAA,IAAY,YAAY,cAAc,KAAA;EAE3E,MAAM,YAAY,eAAe,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC,CAAC;EACtF,MAAM,kBAAkB,gBAAgB;GAAE,GAAG;GAAQ,GAAG,UAAU;EAAM,EAAE;EAE1E,MAAM,iBAAiB,eAAe,UAAU,WAAW,CAAC;EAE5D,MAAM,YAAY,mBAAmB;GACnC,UAAU;GACV,GAAG;EACL,CAAC;EAED,MAAM,kBAAkB,IAAmB,IAAI;EAC/C,kBAAkB;GAChB,MAAM,UAAU,UAAU,MAAM;GAChC,IAAI,SAAS;IACX,MAAM,SAAS,uBAAuB,SAAS,OAAO;IACtD,IAAI,gBAAgB,SAAS,gBAAgB,UAAU,QACrD,uBAAuB,WAAW,gBAAgB,KAAK;IAEzD,gBAAgB,QAAQ;GAC1B,OAAO,IAAI,gBAAgB,OAAO;IAChC,uBAAuB,WAAW,gBAAgB,KAAK;IACvD,gBAAgB,QAAQ;GAC1B;EACF,CAAC;EACD,kBAAkB;GAChB,IAAI,gBAAgB,OAClB,uBAAuB,WAAW,gBAAgB,KAAK;EAE3D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QC5Fc,OAAA,SAAI,eAAA,UAAA,GAAjB,YAIQ,OAAA,SAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAJmC,OAAA,cAAc,CAAA,GAAA;yBAG/C,CAFR,YAEQ,OAAA,SAFR,WAEQ,OAFO,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;0BACnD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;yBAIV,YAEQ,OAAA,SAFR,WAEQ,EAAA,KAAA,EAAA,GAFO,OAAA,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;yBACnD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"simple-grid.mjs","names":[],"sources":["../../../src/components/simple-grid/simple-grid.vue"],"sourcesContent":["<template>\n  <c-box v-if=\"type === 'container'\" v-bind=\"containerAttrs\">\n    <c-box v-bind=\"mergedRootAttrs\" :data-auto-cols=\"autoColsAttr\">\n      <slot />\n    </c-box>\n  </c-box>\n  <template v-else>\n    <c-box v-bind=\"mergedRootAttrs\" :data-auto-cols=\"autoColsAttr\">\n      <slot />\n    </c-box>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watchEffect } from 'vue'\nimport { CBox, responsiveStyleManager, useRandomClassName, useStyles } from '../../core'\nimport type { SimpleGridFactory, SimpleGridProps } from './simple-grid.types'\nimport classes from './simple-grid.module.css'\nimport { useSimpleGridStyle } from './simple-grid-custom'\n\ndefineOptions({\n  name: 'CSimpleGrid',\n})\n\nconst props = withDefaults(defineProps<SimpleGridProps>(), {\n  cols: 1,\n  spacing: 'md',\n  type: 'media',\n})\n\nconst knownProps = [\n  'classNames',\n  'className',\n  'style',\n  'styles',\n  'unstyled',\n  'vars',\n  'cols',\n  'verticalSpacing',\n  'spacing',\n  'type',\n  'minColWidth',\n  'autoFlow',\n  'autoRows',\n  'attributes',\n]\n\nconst getStyles = useStyles<SimpleGridFactory>({\n  name: 'SimpleGrid',\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})\n\nconst responsiveClassname = useRandomClassName()\n\nconst autoColsAttr = props.minColWidth !== undefined ? props.autoFlow || 'auto-fill' : undefined\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 containerAttrs = computed(() => getStyles('container'))\n\nconst gridStyle = useSimpleGridStyle({\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</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAMd,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,UAA6B;GAC7C,MAAM;GACN,SAAA;GACA;GACA,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,YAAY,MAAM;GAClB,QAAQ,MAAM;GACd,UAAU,MAAM;GAChB,YAAY,MAAM;GAClB,MAAM,MAAM;EACd,CAAC;EAED,MAAM,sBAAsB,mBAAmB;EAE/C,MAAM,eAAe,MAAM,gBAAgB,KAAA,IAAY,MAAM,YAAY,cAAc,KAAA;EAEvF,MAAM,YAAY,eAAe,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC,CAAC;EACtF,MAAM,kBAAkB,eAAe;GACrC,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,iBAAiB,eAAe,UAAU,WAAW,CAAC;EAE5D,MAAM,YAAY,mBAAmB;GACnC,UAAU;GACV,GAAG;EACL,CAAC;EAED,MAAM,kBAAkB,IAAmB,IAAI;EAC/C,kBAAkB;GAChB,MAAM,UAAU,UAAU,MAAM;GAChC,IAAI,SAAS;IACX,MAAM,SAAS,uBAAuB,SAAS,OAAO;IACtD,IAAI,gBAAgB,SAAS,gBAAgB,UAAU,QACrD,uBAAuB,WAAW,gBAAgB,KAAK;IAEzD,gBAAgB,QAAQ;GAC1B,OAAO,IAAI,gBAAgB,OAAO;IAChC,uBAAuB,WAAW,gBAAgB,KAAK;IACvD,gBAAgB,QAAQ;GAC1B;EACF,CAAC;EACD,kBAAkB;GAChB,IAAI,gBAAgB,OAClB,uBAAuB,WAAW,gBAAgB,KAAK;EAE3D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;QAnGc,OAAA,SAAI,eAAA,UAAA,GAAjB,YAIQ,OAAA,SAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAJmC,OAAA,cAAc,CAAA,GAAA;yBAG/C,CAFR,YAEQ,OAAA,SAFR,WAEQ,OAFO,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;0BACnD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;yBAIV,YAEQ,OAAA,SAFR,WAEQ,EAAA,KAAA,EAAA,GAFO,OAAA,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;yBACnD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/esm/components/text/text.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { getFontSize, getLineHeight } from "../../core/utils/get-size/get-size.mjs";
-import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
 import { getGradient } from "../../core/config-provider/color-functions/get-gradient/get-gradient.mjs";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
 import { CBox } from "../../core/box/index.mjs";
 import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
 import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
@@ -341,11 +341,36 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { expose: __expose }) {
 		__expose();
 		const props = __props;
-		const { lineClamp, truncate, inline, inherit, gradient, span, textWrap, __staticSelector, vars, className, style, classNames, styles, unstyled, variant, mod, size, attributes, ...others } = props;
 		function getTextTruncate(truncate) {
 			if (truncate === "start") return "start";
 			if (truncate === "end" || truncate) return "end";
 		}
+		const knownProps = [
+			"lineClamp",
+			"truncate",
+			"inline",
+			"inherit",
+			"gradient",
+			"span",
+			"textWrap",
+			"__staticSelector",
+			"vars",
+			"className",
+			"style",
+			"classNames",
+			"styles",
+			"unstyled",
+			"variant",
+			"mod",
+			"size",
+			"attributes"
+		];
+		const modList = computed(() => [{
+			"data-truncate": getTextTruncate(props.truncate),
+			"data-line-clamp": typeof props.lineClamp === "number",
+			"data-inline": props.inline,
+			"data-inherit": props.inherit
+		}, props.mod]);
 		const varsResolver = createVarsResolver((theme, { gradient, lineClamp, size, textWrap, variant }) => ({ root: {
 			"--text-fz": getFontSize(size),
 			"--text-lh": getLineHeight(size),
@@ -354,48 +379,35 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			"--text-text-wrap": textWrap
 		} }));
 		const getStyles = useStyles({
-			name: ["Text", __staticSelector],
+			name: ["Text", props.__staticSelector],
 			props,
 			classes: text_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 = computed(() => getStyles("root", { focusable: true }));
 		const __returned__ = {
 			props,
-			lineClamp,
-			truncate,
-			inline,
-			inherit,
-			gradient,
-			span,
-			textWrap,
-			__staticSelector,
-			vars,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			variant,
-			mod,
-			size,
-			attributes,
-			others,
 			getTextTruncate,
+			knownProps,
+			modList,
 			varsResolver,
 			getStyles,
 			rootAttrs,
-			mergedAttrs: computed(() => ({
-				...others,
-				...rootAttrs.value
-			})),
+			mergedAttrs: computed(() => {
+				const others = {};
+				for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
+				return {
+					...others,
+					...rootAttrs.value
+				};
+			}),
 			get CBox() {
 				return CBox;
 			}
@@ -409,15 +421,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createBlock($setup["CBox"], mergeProps($setup.mergedAttrs, {
-		mod: [{
-			"data-truncate": $setup.getTextTruncate($setup.truncate),
-			"data-line-clamp": typeof $setup.lineClamp === "number",
-			"data-inline": $setup.inline,
-			"data-inherit": $setup.inherit
-		}, $setup.mod],
-		size: $setup.size,
-		tag: $setup.span ? "span" : "p",
-		variant: $setup.variant
+		mod: $setup.modList,
+		size: $setup.props.size,
+		tag: $setup.props.span ? "span" : "p",
+		variant: $setup.props.variant
 	}), {
 		default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 		_: 3
@@ -428,7 +435,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"variant"
 	]);
 }
-var text_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\text\\text.vue"]]);
+var text_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/text/text.vue"]]);
 //#endregion
 export { text_default as default };
 

package/esm/components/text/text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.mjs","names":[],"sources":["../../../src/components/text/text.vue","../../../src/components/text/text.vue"],"sourcesContent":["<template>\n  <c-box\n    v-bind=\"mergedAttrs\"\n    :mod=\"[\n      {\n        'data-truncate': getTextTruncate(truncate),\n        'data-line-clamp': typeof lineClamp === 'number',\n        'data-inline': inline,\n        'data-inherit': inherit,\n      },\n      mod,\n    ]\"\n    :size=\"size\"\n    :tag=\"span ? 'span' : 'p'\"\n    :variant=\"variant\"\n  >\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { TextFactory, TextProps, TextTruncate } from './text.types.ts'\nimport classes from './text.module.css'\nimport {\n  createVarsResolver,\n  getFontSize,\n  getGradient,\n  getLineHeight,\n  useStyles,\n  CBox,\n} from '../../core'\n\ndefineOptions({\n  name: 'CText',\n})\n\nconst props = defineProps<TextProps>()\n\nconst {\n  lineClamp,\n  truncate,\n  inline,\n  inherit,\n  gradient,\n  span,\n  textWrap,\n  __staticSelector,\n  vars,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  variant,\n  mod,\n  size,\n  attributes,\n  ...others\n} = props\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n  if (truncate === 'start') {\n    return 'start'\n  }\n\n  if (truncate === 'end' || truncate) {\n    return 'end'\n  }\n\n  return undefined\n}\n\nconst varsResolver = createVarsResolver<TextFactory>(\n  (theme, { gradient, lineClamp, size, textWrap, variant }) => ({\n    root: {\n      '--text-fz': getFontSize(size),\n      '--text-lh': getLineHeight(size),\n      '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n      '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n      '--text-text-wrap': textWrap,\n    },\n  })\n)\n\nconst getStyles = useStyles<TextFactory>({\n  name: ['Text', __staticSelector],\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', { focusable: true }))\n\nconst mergedAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,QAAQ;EAEd,MAAM,EACJ,WACA,UACA,QACA,SACA,UACA,MACA,UACA,kBACA,MACA,WACA,OACA,YACA,QACA,UACA,SACA,KACA,MACA,YACA,GAAG,WACD;EAEJ,SAAS,gBAAgB,UAAoC;GAC3D,IAAI,aAAa,SACf,OAAO;GAGT,IAAI,aAAa,SAAS,UACxB,OAAO;EAIX;EAEA,MAAM,eAAe,oBAClB,OAAO,EAAE,UAAU,WAAW,MAAM,UAAU,eAAe,EAC5D,MAAM;GACJ,aAAa,YAAY,IAAI;GAC7B,aAAa,cAAc,IAAI;GAC/B,mBAAmB,YAAY,aAAa,YAAY,UAAU,KAAK,IAAI,KAAA;GAC3E,qBAAqB,OAAO,cAAc,WAAW,UAAU,SAAS,IAAI,KAAA;GAC5E,oBAAoB;EACtB,EACF,EACF;EAEA,MAAM,YAAY,UAAuB;GACvC,MAAM,CAAC,QAAQ,gBAAgB;GAC/B;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;gBAEnD,gBAAgB;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM,EAAA;;;;;;;;;;;;;qBCpGlE,YAgBQ,OAAA,SAhBR,WAgBQ,OAfE,aAAW;EAClB,KAAG,CAAA;oBAAqC,OAAA,gBAAgB,OAAA,QAAQ;6BAAqC,OAAA,cAAS;kBAAsC,OAAA;mBAAgC,OAAA;KAAwB,OAAA,GAAA;EAS5M,MAAM,OAAA;EACN,KAAK,OAAA,OAAI,SAAA;EACT,SAAS,OAAA;;yBAEF,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"text.mjs","names":[],"sources":["../../../src/components/text/text.vue"],"sourcesContent":["<template>\n  <c-box\n    v-bind=\"mergedAttrs\"\n    :mod=\"modList\"\n    :size=\"props.size\"\n    :tag=\"props.span ? 'span' : 'p'\"\n    :variant=\"props.variant\"\n  >\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { TextFactory, TextProps, TextTruncate } from './text.types.ts'\nimport classes from './text.module.css'\nimport {\n  createVarsResolver,\n  getFontSize,\n  getGradient,\n  getLineHeight,\n  useStyles,\n  CBox,\n} from '../../core'\n\ndefineOptions({\n  name: 'CText',\n})\n\nconst props = defineProps<TextProps>()\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n  if (truncate === 'start') {\n    return 'start'\n  }\n\n  if (truncate === 'end' || truncate) {\n    return 'end'\n  }\n\n  return undefined\n}\n\nconst knownProps = [\n  'lineClamp',\n  'truncate',\n  'inline',\n  'inherit',\n  'gradient',\n  'span',\n  'textWrap',\n  '__staticSelector',\n  'vars',\n  'className',\n  'style',\n  'classNames',\n  'styles',\n  'unstyled',\n  'variant',\n  'mod',\n  'size',\n  'attributes',\n]\n\nconst modList = computed(() => [\n  {\n    'data-truncate': getTextTruncate(props.truncate),\n    'data-line-clamp': typeof props.lineClamp === 'number',\n    'data-inline': props.inline,\n    'data-inherit': props.inherit,\n  },\n  props.mod,\n])\n\nconst varsResolver = createVarsResolver<TextFactory>(\n  (theme, { gradient, lineClamp, size, textWrap, variant }) => ({\n    root: {\n      '--text-fz': getFontSize(size),\n      '--text-lh': getLineHeight(size),\n      '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n      '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n      '--text-text-wrap': textWrap,\n    },\n  })\n)\n\nconst getStyles = useStyles<TextFactory>({\n  name: ['Text', 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  vars: props.vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\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</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAEd,SAAS,gBAAgB,UAAoC;GAC3D,IAAI,aAAa,SACf,OAAO;GAGT,IAAI,aAAa,SAAS,UACxB,OAAO;EAIX;EAEA,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,UAAU,eAAe,CAC7B;GACE,iBAAiB,gBAAgB,MAAM,QAAQ;GAC/C,mBAAmB,OAAO,MAAM,cAAc;GAC9C,eAAe,MAAM;GACrB,gBAAgB,MAAM;EACxB,GACA,MAAM,GACR,CAAC;EAED,MAAM,eAAe,oBAClB,OAAO,EAAE,UAAU,WAAW,MAAM,UAAU,eAAe,EAC5D,MAAM;GACJ,aAAa,YAAY,IAAI;GAC7B,aAAa,cAAc,IAAI;GAC/B,mBAAmB,YAAY,aAAa,YAAY,UAAU,KAAK,IAAI,KAAA;GAC3E,qBAAqB,OAAO,cAAc,WAAW,UAAU,SAAS,IAAI,KAAA;GAC5E,oBAAoB;EACtB,EACF,EACF;EAEA,MAAM,YAAY,UAAuB;GACvC,MAAM,CAAC,QAAQ,MAAM,gBAAgB;GACrC;GACA,SAAA;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,YAAY,eAAe,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;;;gBAEnD,eAAe;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;;;;;;;;;;;;;qBA7GE,YAQQ,OAAA,SARR,WAQQ,OAPE,aAAW;EAClB,KAAK,OAAA;EACL,MAAM,OAAA,MAAM;EACZ,KAAK,OAAA,MAAM,OAAI,SAAA;EACf,SAAS,OAAA,MAAM;;yBAER,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/esm/components/text/text.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.module.mjs","names":[],"sources":["../../../src/components/text/text.module.css"],"sourcesContent":[".root {\n  -webkit-tap-highlight-color: transparent;\n  text-decoration: none;\n  font-size: var(--text-fz, var(--c-font-size-md));\n  line-height: var(--text-lh, var(--c-line-height-md));\n  font-weight: var(--c-font-weight-regular);\n  text-wrap: var(--text-text-wrap, var(--c-text-wrap));\n  margin: 0;\n  padding: 0;\n\n  &:where([data-truncate]) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &:where([data-variant='gradient']) {\n    background-image: var(--text-gradient);\n    -webkit-text-fill-color: transparent;\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  &:where([data-line-clamp]) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: var(--text-line-clamp);\n    -webkit-box-orient: vertical;\n  }\n\n  &:where([data-inherit]) {\n    line-height: inherit;\n    font-weight: inherit;\n    font-size: inherit;\n  }\n\n  &:where([data-inline]) {\n    line-height: 1;\n  }\n}\n"],"mappings":";;AAAA,IAAA,sBAAe,EAAC,QAAO,aAAY"}
+{"version":3,"file":"text.module.mjs","names":[],"sources":["../../../src/components/text/text.module.css"],"sourcesContent":[".root {\n  -webkit-tap-highlight-color: transparent;\n  text-decoration: none;\n  font-size: var(--text-fz, var(--c-font-size-md));\n  line-height: var(--text-lh, var(--c-line-height-md));\n  font-weight: var(--c-font-weight-regular);\n  text-wrap: var(--text-text-wrap, var(--c-text-wrap));\n  margin: 0;\n  padding: 0;\n\n  &:where([data-truncate]) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &:where([data-truncate='start']) {\n    direction: rtl;\n    text-align: end;\n\n    @mixin where-rtl {\n      direction: ltr;\n      text-align: start;\n    }\n  }\n\n  &:where([data-variant='gradient']) {\n    background-image: var(--text-gradient);\n    -webkit-text-fill-color: transparent;\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  &:where([data-line-clamp]) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: var(--text-line-clamp);\n    -webkit-box-orient: vertical;\n  }\n\n  &:where([data-inherit]) {\n    line-height: inherit;\n    font-weight: inherit;\n    font-size: inherit;\n  }\n\n  &:where([data-inline]) {\n    line-height: 1;\n  }\n}\n"],"mappings":";;AAAA,IAAA,sBAAe,EAAC,QAAO,aAAY"}

package/esm/components/transition/get-transition-props/get-transition-props.mjs

@@ -0,0 +1,17 @@
+"use client";
+//#region packages/@cck-ui/core/src/components/transition/get-transition-props/get-transition-props.ts
+const defaultTransition = {
+	duration: 100,
+	transition: "fade"
+};
+function getTransitionProps(transitionProps, componentTransition) {
+	return {
+		...defaultTransition,
+		...componentTransition,
+		...transitionProps
+	};
+}
+//#endregion
+export { getTransitionProps };
+
+//# sourceMappingURL=get-transition-props.mjs.map

package/esm/components/transition/get-transition-props/get-transition-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-transition-props.mjs","names":[],"sources":["../../../../src/components/transition/get-transition-props/get-transition-props.ts"],"sourcesContent":["import type { SetRequired } from 'type-fest'\nimport type { TransitionOverride } from '../transition.types'\n\ntype MinimalTransitionOverride = SetRequired<TransitionOverride, 'duration' | 'transition'>\n\nconst defaultTransition: MinimalTransitionOverride = {\n  duration: 100,\n  transition: 'fade',\n}\n\nexport function getTransitionProps(\n  transitionProps: TransitionOverride | undefined,\n  componentTransition: TransitionOverride | undefined\n): MinimalTransitionOverride {\n  return { ...defaultTransition, ...componentTransition, ...transitionProps }\n}\n"],"mappings":";;AAKA,MAAM,oBAA+C;CACnD,UAAU;CACV,YAAY;AACd;AAEA,SAAgB,mBACd,iBACA,qBAC2B;CAC3B,OAAO;EAAE,GAAG;EAAmB,GAAG;EAAqB,GAAG;CAAgB;AAC5E"}

package/esm/components/transition/get-transition-styles/get-transition-styles.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { transitions } from "../transitions.mjs";
+//#region packages/@cck-ui/core/src/components/transition/get-transition-styles/get-transition-styles.ts
+const transitionStatuses = {
+	entering: "in",
+	entered: "in",
+	exiting: "out",
+	exited: "out",
+	"pre-exiting": "out",
+	"pre-entering": "out"
+};
+function getTransitionStyles({ transition, state, duration, timingFunction }) {
+	const shared = {
+		WebkitBackfaceVisibility: "hidden",
+		transitionDuration: `${duration}ms`,
+		transitionTimingFunction: timingFunction
+	};
+	if (typeof transition === "string") {
+		if (!(transition in transitions)) return {};
+		return {
+			transitionProperty: transitions[transition].transitionProperty,
+			...shared,
+			...transitions[transition].common,
+			...transitions[transition][transitionStatuses[state]]
+		};
+	}
+	return {
+		transitionProperty: transition.transitionProperty,
+		...shared,
+		...transition.common,
+		...transition[transitionStatuses[state]]
+	};
+}
+//#endregion
+export { getTransitionStyles };
+
+//# sourceMappingURL=get-transition-styles.mjs.map

package/esm/components/transition/get-transition-styles/get-transition-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-transition-styles.mjs","names":[],"sources":["../../../../src/components/transition/get-transition-styles/get-transition-styles.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CTransition, transitions } from '../transitions'\n\nconst transitionStatuses = {\n  entering: 'in',\n  entered: 'in',\n  exiting: 'out',\n  exited: 'out',\n  'pre-exiting': 'out',\n  'pre-entering': 'out',\n} as const\n\nexport function getTransitionStyles({\n  transition,\n  state,\n  duration,\n  timingFunction,\n}: {\n  transition: CTransition\n  state: keyof typeof transitionStatuses\n  duration: number\n  timingFunction: Properties['transitionTimingFunction']\n}): Properties {\n  const shared: Properties = {\n    WebkitBackfaceVisibility: 'hidden',\n    transitionDuration: `${duration}ms`,\n    transitionTimingFunction: timingFunction,\n  }\n\n  if (typeof transition === 'string') {\n    if (!(transition in transitions)) {\n      return {}\n    }\n\n    return {\n      transitionProperty: transitions[transition].transitionProperty,\n      ...shared,\n      ...transitions[transition].common,\n      ...transitions[transition][transitionStatuses[state]],\n    }\n  }\n\n  return {\n    transitionProperty: transition.transitionProperty,\n    ...shared,\n    ...transition.common,\n    ...transition[transitionStatuses[state]],\n  }\n}\n"],"mappings":";;;AAGA,MAAM,qBAAqB;CACzB,UAAU;CACV,SAAS;CACT,SAAS;CACT,QAAQ;CACR,eAAe;CACf,gBAAgB;AAClB;AAEA,SAAgB,oBAAoB,EAClC,YACA,OACA,UACA,kBAMa;CACb,MAAM,SAAqB;EACzB,0BAA0B;EAC1B,oBAAoB,GAAG,SAAS;EAChC,0BAA0B;CAC5B;CAEA,IAAI,OAAO,eAAe,UAAU;EAClC,IAAI,EAAE,cAAc,cAClB,OAAO,CAAC;EAGV,OAAO;GACL,oBAAoB,YAAY,WAAW,CAAC;GAC5C,GAAG;GACH,GAAG,YAAY,WAAW,CAAC;GAC3B,GAAG,YAAY,WAAW,CAAC,mBAAmB;EAChD;CACF;CAEA,OAAO;EACL,oBAAoB,WAAW;EAC/B,GAAG;EACH,GAAG,WAAW;EACd,GAAG,WAAW,mBAAmB;CACnC;AACF"}

package/esm/components/transition/index.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { withInstall } from "../../core/utils/vue/install.mjs";
+import { transitions } from "./transitions.mjs";
+import transition_default from "./transition.mjs";
+import { getTransitionProps } from "./get-transition-props/get-transition-props.mjs";
+//#region packages/@cck-ui/core/src/components/transition/index.ts
+const CTransition = withInstall(transition_default);
+//#endregion
+export { transitions as CCK_TRANSITIONS, CTransition, CTransition as default, getTransitionProps };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Transition"],"sources":["../../../src/components/transition/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../../core'\nimport Transition from './transition.vue'\nexport { transitions as CCK_TRANSITIONS } from './transitions'\nexport type { CTransition as CckTransition } from './transitions'\nexport { getTransitionProps } from './get-transition-props/get-transition-props'\n\nexport const CTransition: SFCWithInstall<typeof Transition> = withInstall(Transition)\nexport default CTransition\n\nexport * from './transition.types'\n"],"mappings":";;;;;;AAMA,MAAa,cAAiD,YAAYA,kBAAU"}

package/esm/components/transition/transition.mjs

@@ -0,0 +1,140 @@
+"use client";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { useCckEnv } from "../../core/config-provider/config-provider.context.mjs";
+import { useTransition } from "./use-transition.mjs";
+import { getTransitionStyles } from "./get-transition-styles/get-transition-styles.mjs";
+import { computed, createCommentVNode, defineComponent, renderSlot, toRef } from "vue";
+//#region packages/@cck-ui/core/src/components/transition/transition.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "CTransition",
+	__name: "transition",
+	props: {
+		keepMounted: {
+			type: Boolean,
+			required: false
+		},
+		keepMountedMode: {
+			type: String,
+			required: false,
+			default: "activity"
+		},
+		transition: {
+			type: [String, Object],
+			required: false,
+			default: "fade"
+		},
+		duration: {
+			type: Number,
+			required: false,
+			default: 250
+		},
+		exitDuration: {
+			type: Number,
+			required: false
+		},
+		timingFunction: {
+			type: String,
+			required: false,
+			default: "ease"
+		},
+		mounted: {
+			type: Boolean,
+			required: true
+		},
+		onExited: {
+			type: Function,
+			required: false
+		},
+		onExit: {
+			type: Function,
+			required: false
+		},
+		onEnter: {
+			type: Function,
+			required: false
+		},
+		onEntered: {
+			type: Function,
+			required: false
+		},
+		enterDelay: {
+			type: Number,
+			required: false
+		},
+		exitDelay: {
+			type: Number,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const env = useCckEnv();
+		const mountedRef = toRef(props, "mounted");
+		const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({
+			mounted: mountedRef,
+			exitDuration: props.exitDuration ?? props.duration,
+			duration: props.duration,
+			timingFunction: props.timingFunction,
+			onEnter: props.onEnter,
+			onEntered: props.onEntered,
+			onExit: props.onExit,
+			onExited: props.onExited,
+			enterDelay: props.enterDelay,
+			exitDelay: props.exitDelay
+		});
+		const __returned__ = {
+			props,
+			env,
+			mountedRef,
+			transitionDuration,
+			transitionStatus,
+			transitionTimingFunction,
+			shouldRenderSlot: computed(() => {
+				if (props.keepMounted) return true;
+				return transitionStatus.value !== "exited";
+			}),
+			computedStyles: computed(() => {
+				if (env === "test") return props.mounted ? {} : props.keepMounted ? { display: "none" } : void 0;
+				const dur = transitionDuration.value;
+				const status = transitionStatus.value;
+				if (dur === 0) {
+					if (props.keepMounted) return props.mounted ? {} : { display: "none" };
+					return props.mounted ? {} : void 0;
+				}
+				const isExited = status === "exited";
+				if (props.keepMounted) {
+					if (isExited) return { display: "none" };
+					return getTransitionStyles({
+						transition: props.transition,
+						duration: dur,
+						state: status,
+						timingFunction: transitionTimingFunction
+					});
+				}
+				return isExited ? void 0 : getTransitionStyles({
+					transition: props.transition,
+					duration: dur,
+					state: status,
+					timingFunction: transitionTimingFunction
+				});
+			})
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.shouldRenderSlot ? renderSlot(_ctx.$slots, "default", {
+		key: 0,
+		styles: $setup.computedStyles
+	}) : createCommentVNode("v-if", true);
+}
+var transition_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/transition/transition.vue"]]);
+//#endregion
+export { transition_default as default };
+
+//# sourceMappingURL=transition.mjs.map

package/esm/components/transition/transition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.mjs","names":[],"sources":["../../../src/components/transition/transition.vue"],"sourcesContent":["<template>\n  <template v-if=\"shouldRenderSlot\">\n    <slot :styles=\"computedStyles\" />\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { useCckEnv } from '../../core'\nimport { TransitionProps } from './transition.types'\nimport { useTransition } from './use-transition'\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles'\n\ndefineOptions({\n  name: 'CTransition',\n})\n\nconst props = withDefaults(defineProps<TransitionProps>(), {\n  keepMountedMode: 'activity',\n  transition: 'fade',\n  duration: 250,\n  timingFunction: 'ease',\n})\n\nconst env = useCckEnv()\n\nconst mountedRef = toRef(props, 'mounted')\n\nconst { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n  mounted: mountedRef,\n  exitDuration: props.exitDuration ?? props.duration,\n  duration: props.duration,\n  timingFunction: props.timingFunction,\n  onEnter: props.onEnter,\n  onEntered: props.onEntered,\n  onExit: props.onExit,\n  onExited: props.onExited,\n  enterDelay: props.enterDelay,\n  exitDelay: props.exitDelay,\n})\n\nconst shouldRenderSlot = computed(() => {\n  if (props.keepMounted) {\n    return true\n  }\n  const status = transitionStatus.value\n  return status !== 'exited'\n})\n\nconst computedStyles = computed(() => {\n  if (env === 'test') {\n    return props.mounted ? {} : props.keepMounted ? { display: 'none' } : undefined\n  }\n\n  const dur = transitionDuration.value\n  const status = transitionStatus.value\n\n  if (dur === 0) {\n    if (props.keepMounted) {\n      return props.mounted ? {} : { display: 'none' }\n    }\n    return props.mounted ? {} : undefined\n  }\n\n  const isExited = status === 'exited'\n\n  if (props.keepMounted) {\n    if (isExited) {\n      return { display: 'none' }\n    }\n\n    return getTransitionStyles({\n      transition: props.transition,\n      duration: dur,\n      state: status,\n      timingFunction: transitionTimingFunction,\n    })\n  }\n\n  return isExited\n    ? undefined\n    : getTransitionStyles({\n        transition: props.transition,\n        duration: dur,\n        state: status,\n        timingFunction: transitionTimingFunction,\n      })\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAOd,MAAM,MAAM,UAAU;EAEtB,MAAM,aAAa,MAAM,OAAO,SAAS;EAEzC,MAAM,EAAE,oBAAoB,kBAAkB,6BAA6B,cAAc;GACvF,SAAS;GACT,cAAc,MAAM,gBAAgB,MAAM;GAC1C,UAAU,MAAM;GAChB,gBAAgB,MAAM;GACtB,SAAS,MAAM;GACf,WAAW,MAAM;GACjB,QAAQ,MAAM;GACd,UAAU,MAAM;GAChB,YAAY,MAAM;GAClB,WAAW,MAAM;EACnB,CAAC;;;;;;;;qBAEwB,eAAe;IACtC,IAAI,MAAM,aACR,OAAO;IAGT,OADe,iBAAiB,UACd;GACpB,CAAA;mBAEuB,eAAe;IACpC,IAAI,QAAQ,QACV,OAAO,MAAM,UAAU,CAAC,IAAI,MAAM,cAAc,EAAE,SAAS,OAAO,IAAI,KAAA;IAGxE,MAAM,MAAM,mBAAmB;IAC/B,MAAM,SAAS,iBAAiB;IAEhC,IAAI,QAAQ,GAAG;KACb,IAAI,MAAM,aACR,OAAO,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,OAAO;KAEhD,OAAO,MAAM,UAAU,CAAC,IAAI,KAAA;IAC9B;IAEA,MAAM,WAAW,WAAW;IAE5B,IAAI,MAAM,aAAa;KACrB,IAAI,UACF,OAAO,EAAE,SAAS,OAAO;KAG3B,OAAO,oBAAoB;MACzB,YAAY,MAAM;MAClB,UAAU;MACV,OAAO;MACP,gBAAgB;KAClB,CAAC;IACH;IAEA,OAAO,WACH,KAAA,IACA,oBAAoB;KAClB,YAAY,MAAM;KAClB,UAAU;KACV,OAAO;KACP,gBAAgB;IAClB,CAAC;GACP,CAAA;;;;;;;;;;QAtFkB,OAAA,mBACd,WAAiC,KAAA,QAAA,WAAA;;EAA1B,QAAQ,OAAA"}