@cck-ui/core 0.2.0 → 0.3.3

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

@@ -336,26 +336,45 @@ const _sfc_main = /*@__PURE__*/ (0, vue.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 = require_use_styles.useStyles({
 			name: "SimpleGrid",
 			classes: require_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 = require_use_random_classname.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 = (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 containerAttrs = (0, vue.computed)(() => getStyles("container"));
 		const gridStyle = require_simple_grid_custom.useSimpleGridStyle({
 			selector: responsiveClassname,
@@ -378,21 +397,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.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__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return $setup.type === "container" ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, $setup.containerAttrs)), {
+	return $props.type === "container" ? ((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.mergeProps)($setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
 			default: (0, vue.withCtx)(() => [(0, vue.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__*/ require_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__*/ require_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
 exports.default = simple_grid_default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.cjs","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,mBAAA,UAA6B;GAC7C,MAAM;GACN,SAAA,2BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,sBAAsB,6BAAA,mBAAmB;EAE/C,MAAM,eAAe,gBAAgB,KAAA,IAAY,YAAY,cAAc,KAAA;EAE3E,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,kBAAA,GAAA,IAAA,SAAA,OAAgC,UAAU,WAAW,CAAC;EAE5D,MAAM,YAAY,2BAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QC5Fc,OAAA,SAAI,gBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAIT,OAAA,UAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAJmC,OAAA,cAAc,CAAA,GAAA;kCAG/C,EAAA,GAAA,IAAA,YAAA,CAAA,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAFO,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;mCACnD,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;;;uDAMF,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAFO,OAAA,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;kCACnD,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"simple-grid.cjs","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":"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"}

package/cjs/components/text/text.cjs

@@ -1,7 +1,7 @@
 "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_gradient = require("../../core/config-provider/color-functions/get-gradient/get-gradient.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");
@@ -341,11 +341,36 @@ const _sfc_main = /*@__PURE__*/ (0, vue.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 = (0, vue.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 = require_create_vars_resolver.createVarsResolver((theme, { gradient, lineClamp, size, textWrap, variant }) => ({ root: {
 			"--text-fz": require_get_size.getFontSize(size),
 			"--text-lh": require_get_size.getLineHeight(size),
@@ -354,48 +379,35 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			"--text-text-wrap": textWrap
 		} }));
 		const getStyles = require_use_styles.useStyles({
-			name: ["Text", __staticSelector],
+			name: ["Text", props.__staticSelector],
 			props,
 			classes: require_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 = (0, vue.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: (0, vue.computed)(() => ({
-				...others,
-				...rootAttrs.value
-			})),
+			mergedAttrs: (0, vue.computed)(() => {
+				const others = {};
+				for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
+				return {
+					...others,
+					...rootAttrs.value
+				};
+			}),
 			get CBox() {
 				return require_index.CBox;
 			}
@@ -409,15 +421,10 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)($setup.mergedAttrs, {
-		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: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 		_: 3
@@ -428,7 +435,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"variant"
 	]);
 }
-var text_default = /*#__PURE__*/ require_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__*/ require_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
 exports.default = text_default;
 

package/cjs/components/text/text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.cjs","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,6BAAA,oBAClB,OAAO,EAAE,UAAU,WAAW,MAAM,UAAU,eAAe,EAC5D,MAAM;GACJ,aAAa,iBAAA,YAAY,IAAI;GAC7B,aAAa,iBAAA,cAAc,IAAI;GAC/B,mBAAmB,YAAY,aAAa,qBAAA,YAAY,UAAU,KAAK,IAAI,KAAA;GAC3E,qBAAqB,OAAO,cAAc,WAAW,UAAU,SAAS,IAAI,KAAA;GAC5E,oBAAoB;EACtB,EACF,EACF;EAEA,MAAM,YAAY,mBAAA,UAAuB;GACvC,MAAM,CAAC,QAAQ,gBAAgB;GAC/B;GACA,SAAA,oBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yCAEnC;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM,EAAA;;;;;;;;;;;;;mDCpF1D,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,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;;kCAEF,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"text.cjs","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,WAAA,GAAA,IAAA,SAAA,OAAyB,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,6BAAA,oBAClB,OAAO,EAAE,UAAU,WAAW,MAAM,UAAU,eAAe,EAC5D,MAAM;GACJ,aAAa,iBAAA,YAAY,IAAI;GAC7B,aAAa,iBAAA,cAAc,IAAI;GAC/B,mBAAmB,YAAY,aAAa,qBAAA,YAAY,UAAU,KAAK,IAAI,KAAA;GAC3E,qBAAqB,OAAO,cAAc,WAAW,UAAU,SAAS,IAAI,KAAA;GAC5E,oBAAoB;EACtB,EACF,EACF;EAEA,MAAM,YAAY,mBAAA,UAAuB;GACvC,MAAM,CAAC,QAAQ,MAAM,gBAAgB;GACrC;GACA,SAAA,oBAAA;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,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;;;wCAEpC;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;;;;;;;;;;;;;mDArGU,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAPE,aAAW;EAClB,KAAK,OAAA;EACL,MAAM,OAAA,MAAM;EACZ,KAAK,OAAA,MAAM,OAAI,SAAA;EACf,SAAS,OAAA,MAAM;;kCAER,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/components/text/text.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.module.cjs","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.cjs","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/cjs/components/transition/get-transition-props/get-transition-props.cjs

@@ -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
+exports.getTransitionProps = getTransitionProps;
+
+//# sourceMappingURL=get-transition-props.cjs.map

package/cjs/components/transition/get-transition-props/get-transition-props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-transition-props.cjs","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/cjs/components/transition/get-transition-styles/get-transition-styles.cjs

@@ -0,0 +1,37 @@
+"use client";
+const require_transitions = require("../transitions.cjs");
+//#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 require_transitions.transitions)) return {};
+		return {
+			transitionProperty: require_transitions.transitions[transition].transitionProperty,
+			...shared,
+			...require_transitions.transitions[transition].common,
+			...require_transitions.transitions[transition][transitionStatuses[state]]
+		};
+	}
+	return {
+		transitionProperty: transition.transitionProperty,
+		...shared,
+		...transition.common,
+		...transition[transitionStatuses[state]]
+	};
+}
+//#endregion
+exports.getTransitionStyles = getTransitionStyles;
+
+//# sourceMappingURL=get-transition-styles.cjs.map

package/cjs/components/transition/get-transition-styles/get-transition-styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-transition-styles.cjs","names":["transitions"],"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,cAAcA,oBAAAA,cAClB,OAAO,CAAC;EAGV,OAAO;GACL,oBAAoBA,oBAAAA,YAAY,WAAW,CAAC;GAC5C,GAAG;GACH,GAAGA,oBAAAA,YAAY,WAAW,CAAC;GAC3B,GAAGA,oBAAAA,YAAY,WAAW,CAAC,mBAAmB;EAChD;CACF;CAEA,OAAO;EACL,oBAAoB,WAAW;EAC/B,GAAG;EACH,GAAG,WAAW;EACd,GAAG,WAAW,mBAAmB;CACnC;AACF"}

package/cjs/components/transition/index.cjs

@@ -0,0 +1,14 @@
+"use client";
+const require_install = require("../../core/utils/vue/install.cjs");
+const require_transitions = require("./transitions.cjs");
+const require_transition = require("./transition.cjs");
+const require_get_transition_props = require("./get-transition-props/get-transition-props.cjs");
+//#region packages/@cck-ui/core/src/components/transition/index.ts
+const CTransition = require_install.withInstall(require_transition.default);
+//#endregion
+exports.CCK_TRANSITIONS = require_transitions.transitions;
+exports.CTransition = CTransition;
+exports.default = CTransition;
+exports.getTransitionProps = require_get_transition_props.getTransitionProps;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/components/transition/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["withInstall","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,cAAiDA,gBAAAA,YAAYC,mBAAAA,OAAU"}

package/cjs/components/transition/transition.cjs

@@ -0,0 +1,140 @@
+"use client";
+const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_config_provider_context = require("../../core/config-provider/config-provider.context.cjs");
+const require_use_transition = require("./use-transition.cjs");
+const require_get_transition_styles = require("./get-transition-styles/get-transition-styles.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/transition/transition.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.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 = require_config_provider_context.useCckEnv();
+		const mountedRef = (0, vue.toRef)(props, "mounted");
+		const { transitionDuration, transitionStatus, transitionTimingFunction } = require_use_transition.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: (0, vue.computed)(() => {
+				if (props.keepMounted) return true;
+				return transitionStatus.value !== "exited";
+			}),
+			computedStyles: (0, vue.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 require_get_transition_styles.getTransitionStyles({
+						transition: props.transition,
+						duration: dur,
+						state: status,
+						timingFunction: transitionTimingFunction
+					});
+				}
+				return isExited ? void 0 : require_get_transition_styles.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 ? (0, vue.renderSlot)(_ctx.$slots, "default", {
+		key: 0,
+		styles: $setup.computedStyles
+	}) : (0, vue.createCommentVNode)("v-if", true);
+}
+var transition_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/transition/transition.vue"]]);
+//#endregion
+exports.default = transition_default;
+
+//# sourceMappingURL=transition.cjs.map

package/cjs/components/transition/transition.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.cjs","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,gCAAA,UAAU;EAEtB,MAAM,cAAA,GAAA,IAAA,MAAA,CAAmB,OAAO,SAAS;EAEzC,MAAM,EAAE,oBAAoB,kBAAkB,6BAA6B,uBAAA,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;;;;;;;;6CAEuC;IACtC,IAAI,MAAM,aACR,OAAO;IAGT,OADe,iBAAiB,UACd;GACpB,CAAA;2CAEsC;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,8BAAA,oBAAoB;MACzB,YAAY,MAAM;MAClB,UAAU;MACV,OAAO;MACP,gBAAgB;KAClB,CAAC;IACH;IAEA,OAAO,WACH,KAAA,IACA,8BAAA,oBAAoB;KAClB,YAAY,MAAM;KAClB,UAAU;KACV,OAAO;KACP,gBAAgB;IAClB,CAAC;GACP,CAAA;;;;;;;;;;QAtFkB,OAAA,oBAAA,GAAA,IAAA,WAAA,CACmB,KAAA,QAAA,WAAA;;EAA1B,QAAQ,OAAA"}