@cck-ui/core 0.11.0 → 0.12.0

package/cjs/components/close-button/close-button.cjs

@@ -0,0 +1,434 @@
+"use client";
+const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
+const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
+const require_index = require("../unstyled-button/index.cjs");
+const require_close_icon = require("./close-icon.cjs");
+const require_close_button_module = require("./close-button.module.cjs");
+const require_close_button_utils = require("./close-button.utils.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/close-button/close-button.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	name: "CCloseButton",
+	__name: "close-button",
+	props: {
+		__staticSelector: {
+			type: String,
+			required: false
+		},
+		dataDisabled: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: [
+				String,
+				Object,
+				Number
+			],
+			required: false
+		},
+		radius: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		iconSize: {
+			type: [Number, String],
+			required: false
+		},
+		className: {
+			type: String,
+			required: false
+		},
+		style: {
+			type: [
+				Object,
+				Function,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		},
+		__vars: {
+			type: null,
+			required: false
+		},
+		__size: {
+			type: String,
+			required: false
+		},
+		hiddenFrom: {
+			type: null,
+			required: false
+		},
+		visibleFrom: {
+			type: null,
+			required: false
+		},
+		lightHidden: {
+			type: Boolean,
+			required: false
+		},
+		darkHidden: {
+			type: Boolean,
+			required: false
+		},
+		mod: {
+			type: [
+				Object,
+				String,
+				Array
+			],
+			required: false
+		},
+		m: {
+			type: null,
+			required: false
+		},
+		my: {
+			type: null,
+			required: false
+		},
+		mx: {
+			type: null,
+			required: false
+		},
+		mt: {
+			type: null,
+			required: false
+		},
+		mb: {
+			type: null,
+			required: false
+		},
+		ms: {
+			type: null,
+			required: false
+		},
+		me: {
+			type: null,
+			required: false
+		},
+		mis: {
+			type: null,
+			required: false
+		},
+		mie: {
+			type: null,
+			required: false
+		},
+		ml: {
+			type: null,
+			required: false
+		},
+		mr: {
+			type: null,
+			required: false
+		},
+		p: {
+			type: null,
+			required: false
+		},
+		py: {
+			type: null,
+			required: false
+		},
+		px: {
+			type: null,
+			required: false
+		},
+		pt: {
+			type: null,
+			required: false
+		},
+		pb: {
+			type: null,
+			required: false
+		},
+		ps: {
+			type: null,
+			required: false
+		},
+		pe: {
+			type: null,
+			required: false
+		},
+		pis: {
+			type: null,
+			required: false
+		},
+		pie: {
+			type: null,
+			required: false
+		},
+		pl: {
+			type: null,
+			required: false
+		},
+		pr: {
+			type: null,
+			required: false
+		},
+		bd: {
+			type: null,
+			required: false
+		},
+		bdrs: {
+			type: null,
+			required: false
+		},
+		bg: {
+			type: null,
+			required: false
+		},
+		c: {
+			type: null,
+			required: false
+		},
+		opacity: {
+			type: [
+				String,
+				Object,
+				Number
+			],
+			required: false
+		},
+		ff: {
+			type: [String, Object],
+			required: false
+		},
+		fz: {
+			type: null,
+			required: false
+		},
+		fw: {
+			type: null,
+			required: false
+		},
+		lts: {
+			type: null,
+			required: false
+		},
+		ta: {
+			type: [String, Object],
+			required: false
+		},
+		lh: {
+			type: null,
+			required: false
+		},
+		fs: {
+			type: null,
+			required: false
+		},
+		tt: {
+			type: [String, Object],
+			required: false
+		},
+		td: {
+			type: null,
+			required: false
+		},
+		w: {
+			type: null,
+			required: false
+		},
+		miw: {
+			type: null,
+			required: false
+		},
+		maw: {
+			type: null,
+			required: false
+		},
+		h: {
+			type: null,
+			required: false
+		},
+		mih: {
+			type: null,
+			required: false
+		},
+		mah: {
+			type: null,
+			required: false
+		},
+		bgsz: {
+			type: null,
+			required: false
+		},
+		bgp: {
+			type: null,
+			required: false
+		},
+		bgr: {
+			type: null,
+			required: false
+		},
+		bga: {
+			type: null,
+			required: false
+		},
+		pos: {
+			type: [String, Object],
+			required: false
+		},
+		top: {
+			type: null,
+			required: false
+		},
+		left: {
+			type: null,
+			required: false
+		},
+		bottom: {
+			type: null,
+			required: false
+		},
+		right: {
+			type: null,
+			required: false
+		},
+		inset: {
+			type: null,
+			required: false
+		},
+		display: {
+			type: null,
+			required: false
+		},
+		flex: {
+			type: null,
+			required: false
+		},
+		unstyled: {
+			type: Boolean,
+			required: false
+		},
+		variant: {
+			type: null,
+			required: false
+		},
+		classNames: {
+			type: null,
+			required: false
+		},
+		styles: {
+			type: null,
+			required: false
+		},
+		vars: {
+			type: Function,
+			required: false
+		},
+		attributes: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const _root = (0, vue.ref)(null);
+		const attrs = (0, vue.useAttrs)();
+		const rawProps = __props;
+		const defaultProps = { variant: "subtle" };
+		const props = require_use_component_props.useComponentProps({
+			component: "CCloseButton",
+			defaultProps,
+			props: rawProps
+		});
+		const knownProps = [
+			"iconSize",
+			"vars",
+			"radius",
+			"className",
+			"classNames",
+			"style",
+			"styles",
+			"unstyled",
+			"dataDisabled",
+			"disabled",
+			"variant",
+			"mod",
+			"attributes",
+			"__staticSelector"
+		];
+		const getStyles = require_use_styles.useStyles({
+			name: props.value.__staticSelector || "CloseButton",
+			props: {
+				...props.value,
+				...attrs
+			},
+			classes: require_close_button_module.default,
+			className: props.value.className,
+			classNames: props.value.classNames,
+			style: props.value.style,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes,
+			vars: props.value.vars,
+			varsResolver: require_close_button_utils.varsResolver
+		});
+		const modList = (0, vue.computed)(() => [{ disabled: props.value.disabled || props.value.dataDisabled }]);
+		const rootAttrs = (0, vue.computed)(() => getStyles("root", {
+			variant: props.value.variant,
+			active: !props.value.disabled && !props.value.dataDisabled
+		}));
+		const mergedAttrs = (0, vue.computed)(() => {
+			const others = {};
+			const propsValue = props.value;
+			for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
+			const userMod = props.value.mod;
+			const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean), ...modList.value || []];
+			return {
+				...others,
+				mod: mergedMod,
+				...rootAttrs.value
+			};
+		});
+		__expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
+		const __returned__ = {
+			_root,
+			attrs,
+			rawProps,
+			defaultProps,
+			props,
+			knownProps,
+			getStyles,
+			modList,
+			rootAttrs,
+			mergedAttrs,
+			get UnstyledButton() {
+				return require_index.UnstyledButton;
+			},
+			CloseIcon: require_close_icon.default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["UnstyledButton"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs, {
+		disabled: $setup.props.disabled || $setup.props.dataDisabled,
+		unstyled: $setup.props.unstyled,
+		variant: $setup.props.variant
+	}), {
+		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "icon", {}, () => [(0, vue.createVNode)($setup["CloseIcon"])]), (0, vue.renderSlot)(_ctx.$slots, "default")]),
+		_: 3
+	}, 16, [
+		"disabled",
+		"unstyled",
+		"variant"
+	]);
+}
+var close_button_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/close-button/close-button.vue"]]);
+//#endregion
+exports.default = close_button_default;
+
+//# sourceMappingURL=close-button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.cjs","names":[],"sources":["../../../src/components/close-button/close-button.vue"],"sourcesContent":["<template>\n  <unstyled-button\n    ref=\"_root\"\n    v-bind=\"mergedAttrs\"\n    :disabled=\"props.disabled || props.dataDisabled\"\n    :unstyled=\"props.unstyled\"\n    :variant=\"props.variant\"\n  >\n    <slot name=\"icon\">\n      <close-icon></close-icon>\n    </slot>\n    <slot />\n  </unstyled-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CloseButtonFactory, CloseButtonProps } from './close-button.types'\nimport UnstyledButton from '../unstyled-button'\nimport CloseIcon from './close-icon.vue'\nimport classes from './close-button.module.css'\nimport { useComponentProps, useStyles } from '../../core'\nimport { varsResolver } from './close-button.utils'\n\ndefineOptions({\n  name: 'CCloseButton',\n})\n\ndefineSlots<{\n  icon: any\n  default: any\n}>()\n\nconst _root = ref<InstanceType<typeof UnstyledButton> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<CloseButtonProps>()\n\nconst defaultProps = {\n  variant: 'subtle',\n} satisfies Partial<CloseButtonProps>\n\nconst props = useComponentProps({\n  component: 'CCloseButton',\n  defaultProps,\n  props: rawProps,\n})\n\nconst knownProps = [\n  'iconSize',\n  'vars',\n  'radius',\n  'className',\n  'classNames',\n  'style',\n  'styles',\n  'unstyled',\n  'dataDisabled',\n  'disabled',\n  'variant',\n  'mod',\n  'attributes',\n  '__staticSelector',\n]\n\nconst getStyles = useStyles<CloseButtonFactory>({\n  name: props.value.__staticSelector || 'CloseButton',\n  props: { ...props.value, ...attrs } as CloseButtonProps,\n  classes,\n  className: props.value.className,\n  classNames: props.value.classNames,\n  style: props.value.style,\n  styles: props.value.styles,\n  unstyled: props.value.unstyled,\n  attributes: props.value.attributes,\n  vars: props.value.vars,\n  varsResolver,\n})\n\nconst modList = computed(() => [\n  {\n    disabled: props.value.disabled || props.value.dataDisabled,\n  },\n])\n\nconst rootAttrs = computed(() =>\n  getStyles('root', {\n    variant: props.value.variant,\n    active: !props.value.disabled && !props.value.dataDisabled,\n  })\n)\n\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  for (const key in propsValue) {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  }\n  const userMod = props.value.mod\n  const mergedMod = [\n    ...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)),\n    ...(modList.value || []),\n  ]\n  return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,SAAA,GAAA,IAAA,IAAA,CAAwD,IAAI;EAElE,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,eAAe,EACnB,SAAS,SACX;EAEA,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,mBAAA,UAA8B;GAC9C,MAAM,MAAM,MAAM,oBAAoB;GACtC,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA,4BAAA;GACA,WAAW,MAAM,MAAM;GACvB,YAAY,MAAM,MAAM;GACxB,OAAO,MAAM,MAAM;GACnB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;GACxB,MAAM,MAAM,MAAM;GAClB,cAAA,2BAAA;EACF,CAAC;EAED,MAAM,WAAA,GAAA,IAAA,SAAA,OAAyB,CAC7B,EACE,UAAU,MAAM,MAAM,YAAY,MAAM,MAAM,aAChD,CACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OACJ,UAAU,QAAQ;GAChB,SAAS,MAAM,MAAM;GACrB,QAAQ,CAAC,MAAM,MAAM,YAAY,CAAC,MAAM,MAAM;EAChD,CAAC,CACH;EAEA,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAChB,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,GAC/D,GAAI,QAAQ,SAAS,CAAC,CACxB;GACA,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;mDAnGmB,OAAA,oBAAA,GAAA,IAAA,WAAA,CAAA,EAVhB,KAAI,QAAO,GACH,OAAA,aAAW;EAClB,UAAU,OAAA,MAAM,YAAY,OAAA,MAAM;EAClC,UAAU,OAAA,MAAM;EAChB,SAAS,OAAA,MAAM;;kCAIT,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,QAAA,CAAA,SAAA,EAAA,GAAA,IAAA,YAAA,CADoB,OAAA,YAAA,CAAA,CAAA,IAAA,GAAA,IAAA,WAAA,CAEnB,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/components/close-button/close-button.module.cjs

@@ -0,0 +1,10 @@
+"use client";
+//#region packages/@cck-ui/core/src/components/close-button/close-button.module.css
+var close_button_module_default = {
+	"root": "m_504ae648",
+	"root--subtle": "m_ef2dc695"
+};
+//#endregion
+exports.default = close_button_module_default;
+
+//# sourceMappingURL=close-button.module.cjs.map

package/cjs/components/close-button/close-button.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.module.cjs","names":[],"sources":["../../../src/components/close-button/close-button.module.css"],"sourcesContent":[".root {\n  --cb-size-xs: 18px;\n  --cb-size-sm: 22px;\n  --cb-size-md: 28px;\n  --cb-size-lg: 34px;\n  --cb-size-xl: 44px;\n\n  --cb-size: var(--cb-size-md);\n  --cb-icon-size: 70%;\n  --cb-radius: var(--c-radius-default);\n\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n\n  width: var(--cb-size);\n  height: var(--cb-size);\n  min-width: var(--cb-size);\n  min-height: var(--cb-size);\n  border-radius: var(--cb-radius);\n\n  @mixin where-light {\n    color: var(--c-color-gray-7);\n  }\n\n  @mixin where-dark {\n    color: var(--c-color-dark-1);\n  }\n\n  &[data-disabled],\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n}\n\n.root--subtle:where(:not([data-disabled], :disabled)) {\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--c-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--c-color-dark-6);\n    }\n  }\n}\n"],"mappings":";;AAAA,IAAA,8BAAe;CAAC,QAAO;CAAa,gBAAe;AAAY"}

package/cjs/components/close-button/close-button.utils.cjs

@@ -0,0 +1,13 @@
+"use client";
+const require_rem = require("../../core/utils/units-converters/rem.cjs");
+const require_get_size = require("../../core/utils/get-size/get-size.cjs");
+//#region packages/@cck-ui/core/src/components/close-button/close-button.utils.ts
+const varsResolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs").createVarsResolver((_, { size, radius, iconSize }) => ({ root: {
+	"--cb-icon-size": require_get_size.getSize(size, "cb-size"),
+	"--cb-radius": radius === void 0 ? void 0 : require_get_size.getRadius(radius),
+	"--cb-size": require_rem.rem(iconSize)
+} }));
+//#endregion
+exports.varsResolver = varsResolver;
+
+//# sourceMappingURL=close-button.utils.cjs.map

package/cjs/components/close-button/close-button.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.utils.cjs","names":["createVarsResolver","getSize","getRadius","rem"],"sources":["../../../src/components/close-button/close-button.utils.ts"],"sourcesContent":["import { createVarsResolver, getRadius, getSize, rem } from '../../core'\nimport { CloseButtonFactory } from './close-button.types'\n\nexport const varsResolver = createVarsResolver<CloseButtonFactory>(\n  (_, { size, radius, iconSize }) => ({\n    root: {\n      '--cb-icon-size': getSize(size, 'cb-size'),\n      '--cb-radius': radius === undefined ? undefined : getRadius(radius),\n      '--cb-size': rem(iconSize),\n    },\n  })\n)\n"],"mappings":";;;;AAGA,MAAa,4FAAeA,CAAAA,CAAAA,oBACzB,GAAG,EAAE,MAAM,QAAQ,gBAAgB,EAClC,MAAM;CACJ,kBAAkBC,iBAAAA,QAAQ,MAAM,SAAS;CACzC,eAAe,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;CAClE,aAAaC,YAAAA,IAAI,QAAQ;AAC3B,EACF,EACF"}

package/cjs/components/close-button/close-icon.cjs

@@ -0,0 +1,56 @@
+"use client";
+const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/close-button/close-icon.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	name: "CloseIcon",
+	__name: "close-icon",
+	props: {
+		size: {
+			type: String,
+			required: false,
+			default: "var(--cb-icon-size, 70%)"
+		},
+		style: {
+			type: Object,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const _root = (0, vue.ref)(null);
+		__expose({ root: _root });
+		const __returned__ = {
+			props,
+			_root
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("svg", {
+		ref: "_root",
+		viewBox: "0 0 15 15",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		style: (0, vue.normalizeStyle)({
+			...$props.style,
+			width: $props.size,
+			height: $props.size
+		})
+	}, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("path", {
+		d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+		fill: "currentColor",
+		fillRule: "evenodd",
+		clipRule: "evenodd"
+	}, null, -1)])], 4);
+}
+var close_icon_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/close-button/close-icon.vue"]]);
+//#endregion
+exports.default = close_icon_default;
+
+//# sourceMappingURL=close-icon.cjs.map

package/cjs/components/close-button/close-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-icon.cjs","names":[],"sources":["../../../src/components/close-button/close-icon.vue"],"sourcesContent":["<template>\n  <svg\n    ref=\"_root\"\n    viewBox=\"0 0 15 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    :style=\"{ ...style, width: size, height: size }\"\n  >\n    <path\n      d=\"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n</template>\n\n<script setup lang=\"ts\">\nimport { Properties } from 'csstype'\nimport { ref } from 'vue'\n\ndefineOptions({\n  name: 'CloseIcon',\n})\n\ninterface CloseIconProps {\n  size?: string\n  style?: Properties\n}\n\nconst props = withDefaults(defineProps<CloseIconProps>(), {\n  size: 'var(--cb-icon-size, 70%)',\n})\n\nconst _root = ref<SVGSVGElement | null>(null)\n\ndefineExpose({\n  root: _root,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAId,MAAM,SAAA,GAAA,IAAA,IAAA,CAAkC,IAAI;EAE5C,SAAa,EACX,MAAM,MACR,CAAC;;;;;;;;;;;;;0DAxBO,OAAA;EAZJ,KAAI;EACJ,SAAQ;EACR,MAAK;EACL,OAAM;EACL,QAAA,GAAA,IAAA,eAAA,CAAK;GAAA,GAAO,OAAA;GAAK,OAAS,OAAA;GAAI,QAAU,OAAA;EAAI,CAAA;+DAO3C,QAAA;EAJA,GAAE;EACF,MAAK;EACL,UAAS;EACT,UAAS"}

package/cjs/components/close-button/index.cjs

@@ -0,0 +1,14 @@
+"use client";
+const require_install = require("../../core/utils/vue/install.cjs");
+const require_statics = require("../../core/utils/vue/statics.cjs");
+const require_close_button_module = require("./close-button.module.cjs");
+const require_close_button_utils = require("./close-button.utils.cjs");
+const require_close_button = require("./close-button.cjs");
+//#region packages/@cck-ui/core/src/components/close-button/index.ts
+const CloseButtonWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withVarsResolver(require_statics.withClasses(require_close_button.default, require_close_button_module.default), require_close_button_utils.varsResolver)));
+const CCloseButton = require_install.withInstall(CloseButtonWithStatic);
+//#endregion
+exports.CCloseButton = CCloseButton;
+exports.default = CCloseButton;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/components/close-button/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withVarsResolver","withClasses","CloseButton","classes","varsResolver","withInstall"],"sources":["../../../src/components/close-button/index.ts"],"sourcesContent":["import {\n  SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n  withVarsResolver,\n} from '../../core'\nimport CloseButton from './close-button.vue'\nimport classes from './close-button.module.css'\nimport { varsResolver } from './close-button.utils'\n\nconst CloseButtonWithStatic = withPropsFactory(\n  withExtend(withVarsResolver(withClasses(CloseButton, classes), varsResolver))\n)\n\nexport const CCloseButton: SFCWithInstallAndClasses<typeof CloseButton, typeof classes> =\n  withInstall(CloseButtonWithStatic)\n\nexport default CCloseButton\n\nexport * from './close-button.types'\n"],"mappings":";;;;;;;AAYA,MAAM,wBAAwBA,gBAAAA,iBAC5BC,gBAAAA,WAAWC,gBAAAA,iBAAiBC,gBAAAA,YAAYC,qBAAAA,SAAaC,4BAAAA,OAAO,GAAGC,2BAAAA,YAAY,CAAC,CAC9E;AAEA,MAAa,eACXC,gBAAAA,YAAY,qBAAqB"}