@cck-ui/core 0.11.0 → 0.12.0

package/esm/components/alert/alert.utils.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { getRadius } from "../../core/utils/get-size/get-size.mjs";
+import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
+//#region packages/@cck-ui/core/src/components/alert/alert.utils.ts
+const varsResolver = createVarsResolver((theme, { radius, color, variant, autoContrast }) => {
+	const colors = theme.variantColorResolver({
+		color: color || theme.primaryColor,
+		theme,
+		variant: variant || "light",
+		autoContrast
+	});
+	return { root: {
+		"--alert-radius": radius === void 0 ? void 0 : getRadius(radius),
+		"--alert-bg": color || variant ? colors.background : void 0,
+		"--alert-color": colors.color,
+		"--alert-bd": color || variant ? colors.border : void 0
+	} };
+});
+//#endregion
+export { varsResolver };
+
+//# sourceMappingURL=alert.utils.mjs.map

package/esm/components/alert/alert.utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.utils.mjs","names":[],"sources":["../../../src/components/alert/alert.utils.ts"],"sourcesContent":["import { createVarsResolver, getRadius } from '../../core'\nimport { AlertFactory } from './alert.types'\n\nexport const varsResolver = createVarsResolver<AlertFactory>(\n  (theme, { radius, color, variant, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      variant: variant || 'light',\n      autoContrast,\n    })\n    return {\n      root: {\n        '--alert-radius': radius === undefined ? undefined : getRadius(radius),\n        '--alert-bg': color || variant ? colors.background : undefined,\n        '--alert-color': colors.color,\n        '--alert-bd': color || variant ? colors.border : undefined,\n      },\n    }\n  }\n)\n"],"mappings":";;;;AAGA,MAAa,eAAe,oBACzB,OAAO,EAAE,QAAQ,OAAO,SAAS,mBAAmB;CACnD,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CACD,OAAO,EACL,MAAM;EACJ,kBAAkB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EACrE,cAAc,SAAS,UAAU,OAAO,aAAa,KAAA;EACrD,iBAAiB,OAAO;EACxB,cAAc,SAAS,UAAU,OAAO,SAAS,KAAA;CACnD,EACF;AACF,CACF"}

package/esm/components/alert/index.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { withInstall } from "../../core/utils/vue/install.mjs";
+import { withClasses, withExtend, withPropsFactory, withVarsResolver } from "../../core/utils/vue/statics.mjs";
+import alert_module_default from "./alert.module.mjs";
+import { varsResolver } from "./alert.utils.mjs";
+import alert_default from "./alert.mjs";
+const CAlert = withInstall(withPropsFactory(withExtend(withVarsResolver(withClasses(alert_default, alert_module_default), varsResolver))));
+//#endregion
+export { CAlert, CAlert as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Alert","classes"],"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["import {\n  SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n  withVarsResolver,\n} from '../../core'\nimport Alert from './alert.vue'\nimport classes from './alert.module.css'\nimport { varsResolver } from './alert.utils'\n\nconst AlertWithStatic = withPropsFactory(\n  withExtend(withVarsResolver(withClasses(Alert, classes), varsResolver))\n)\n\nexport const CAlert: SFCWithInstallAndClasses<typeof Alert, typeof classes> =\n  withInstall(AlertWithStatic)\n\nexport default CAlert\n\nexport * from './alert.types'\n"],"mappings":";;;;;;AAgBA,MAAa,SACX,YALsB,iBACtB,WAAW,iBAAiB,YAAYA,eAAOC,oBAAO,GAAG,YAAY,CAAC,CAI1D,CAAe"}

package/esm/components/aspect-ratio/aspect-ratio.mjs

@@ -322,7 +322,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			"unstyled",
 			"vars",
 			"ratio",
-			"attrubutes"
+			"attributes"
 		];
 		const getStyles = useStyles({
 			name: "AspectRatio",

package/esm/components/aspect-ratio/aspect-ratio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.mjs","names":[],"sources":["../../../src/components/aspect-ratio/aspect-ratio.vue"],"sourcesContent":["<template>\n  <c-box ref=\"_root\" v-bind=\"mergedAttrs\">\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { AspectRatioFactory, AspectRatioProps } from './aspect-ratio.types'\nimport { CBox, useComponentProps, useStyles } from '../../core'\nimport classes from './aspect-ratio.module.css'\nimport { varsResolver } from './aspect-ratio.utils'\n\ndefineOptions({\n  name: 'CAspectRatio',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<AspectRatioProps>()\n\nconst props = useComponentProps({\n  component: 'CAspectRatio',\n  defaultProps: {},\n  props: rawProps,\n})\n\nconst knownProps = [\n  'classNames',\n  'className',\n  'style',\n  'styles',\n  'unstyled',\n  'vars',\n  'ratio',\n  'attrubutes',\n]\n\nconst getStyles = useStyles<AspectRatioFactory>({\n  name: 'AspectRatio',\n  props: { ...props.value, ...attrs } as AspectRatioProps,\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 rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  Object.keys(propsValue).forEach((key) => {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  })\n  const userMod = props.value.mod\n  const mergedMod = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n  return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ,IAAsC,IAAI;EAExD,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,UAA8B;GAC9C,MAAM;GACN,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA;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;EACF,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;EAElD,MAAM,cAAc,eAAe;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,OAAO,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ;IACvC,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAE7B,CAAC;GACD,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAAC,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CAAE;GACpF,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;qBAtEC,YAEQ,OAAA,SAFR,WAEQ,EAFD,KAAI,QAAO,GAAS,OAAA,WAAW,GAAA;yBAC5B,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"aspect-ratio.mjs","names":[],"sources":["../../../src/components/aspect-ratio/aspect-ratio.vue"],"sourcesContent":["<template>\n  <c-box ref=\"_root\" v-bind=\"mergedAttrs\">\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { AspectRatioFactory, AspectRatioProps } from './aspect-ratio.types'\nimport { CBox, useComponentProps, useStyles } from '../../core'\nimport classes from './aspect-ratio.module.css'\nimport { varsResolver } from './aspect-ratio.utils'\n\ndefineOptions({\n  name: 'CAspectRatio',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<AspectRatioProps>()\n\nconst props = useComponentProps({\n  component: 'CAspectRatio',\n  defaultProps: {},\n  props: rawProps,\n})\n\nconst knownProps = [\n  'classNames',\n  'className',\n  'style',\n  'styles',\n  'unstyled',\n  'vars',\n  'ratio',\n  'attributes',\n]\n\nconst getStyles = useStyles<AspectRatioFactory>({\n  name: 'AspectRatio',\n  props: { ...props.value, ...attrs } as AspectRatioProps,\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 rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  Object.keys(propsValue).forEach((key) => {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  })\n  const userMod = props.value.mod\n  const mergedMod = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n  return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ,IAAsC,IAAI;EAExD,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,UAA8B;GAC9C,MAAM;GACN,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA;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;EACF,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;EAElD,MAAM,cAAc,eAAe;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,OAAO,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ;IACvC,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAE7B,CAAC;GACD,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAAC,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CAAE;GACpF,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;qBAtEC,YAEQ,OAAA,SAFR,WAEQ,EAFD,KAAI,QAAO,GAAS,OAAA,WAAW,GAAA;yBAC5B,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/esm/components/button/button.mjs

@@ -4,8 +4,8 @@ import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs
 import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
 import { CBox } from "../../core/box/index.mjs";
 import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
-import button_module_default from "./button.module.mjs";
 import { UnstyledButton } from "../unstyled-button/index.mjs";
+import button_module_default from "./button.module.mjs";
 import { varsResolver } from "./button.utils.mjs";
 import { CLoader } from "../loader/index.mjs";
 import { CTransition } from "../transition/index.mjs";

package/esm/components/close-button/close-button.mjs

@@ -0,0 +1,434 @@
+"use client";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
+import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
+import { UnstyledButton } from "../unstyled-button/index.mjs";
+import close_icon_default from "./close-icon.mjs";
+import close_button_module_default from "./close-button.module.mjs";
+import { varsResolver } from "./close-button.utils.mjs";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useAttrs, withCtx } from "vue";
+//#region packages/@cck-ui/core/src/components/close-button/close-button.vue
+const _sfc_main = /*@__PURE__*/ 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 = ref(null);
+		const attrs = useAttrs();
+		const rawProps = __props;
+		const defaultProps = { variant: "subtle" };
+		const 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 = useStyles({
+			name: props.value.__staticSelector || "CloseButton",
+			props: {
+				...props.value,
+				...attrs
+			},
+			classes: 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
+		});
+		const modList = computed(() => [{ disabled: props.value.disabled || props.value.dataDisabled }]);
+		const rootAttrs = computed(() => getStyles("root", {
+			variant: props.value.variant,
+			active: !props.value.disabled && !props.value.dataDisabled
+		}));
+		const mergedAttrs = 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: computed(() => _root.value?.root ?? null) });
+		const __returned__ = {
+			_root,
+			attrs,
+			rawProps,
+			defaultProps,
+			props,
+			knownProps,
+			getStyles,
+			modList,
+			rootAttrs,
+			mergedAttrs,
+			get UnstyledButton() {
+				return UnstyledButton;
+			},
+			CloseIcon: close_icon_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createBlock($setup["UnstyledButton"], mergeProps({ ref: "_root" }, $setup.mergedAttrs, {
+		disabled: $setup.props.disabled || $setup.props.dataDisabled,
+		unstyled: $setup.props.unstyled,
+		variant: $setup.props.variant
+	}), {
+		default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode($setup["CloseIcon"])]), renderSlot(_ctx.$slots, "default")]),
+		_: 3
+	}, 16, [
+		"disabled",
+		"unstyled",
+		"variant"
+	]);
+}
+var close_button_default = /*#__PURE__*/ 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
+export { close_button_default as default };
+
+//# sourceMappingURL=close-button.mjs.map

package/esm/components/close-button/close-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.mjs","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,QAAQ,IAAgD,IAAI;EAElE,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,eAAe,EACnB,SAAS,SACX;EAEA,MAAM,QAAQ,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,UAA8B;GAC9C,MAAM,MAAM,MAAM,oBAAoB;GACtC,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA;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;EACF,CAAC;EAED,MAAM,UAAU,eAAe,CAC7B,EACE,UAAU,MAAM,MAAM,YAAY,MAAM,MAAM,aAChD,CACF,CAAC;EAED,MAAM,YAAY,eAChB,UAAU,QAAQ;GAChB,SAAS,MAAM,MAAM;GACrB,QAAQ,CAAC,MAAM,MAAM,YAAY,CAAC,MAAM,MAAM;EAChD,CAAC,CACH;EAEA,MAAM,cAAc,eAAe;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,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;qBA9GC,YAWkB,OAAA,mBAXlB,WAWkB,EAVhB,KAAI,QAAO,GACH,OAAA,aAAW;EAClB,UAAU,OAAA,MAAM,YAAY,OAAA,MAAM;EAClC,UAAU,OAAA,MAAM;EAChB,SAAS,OAAA,MAAM;;yBAIT,CAFP,WAEO,KAAA,QAAA,QAAA,CAAA,SAAA,CADL,YAAyB,OAAA,YAAA,CAAA,CAAA,GAE3B,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/esm/components/close-button/close-button.module.mjs

@@ -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
+export { close_button_module_default as default };
+
+//# sourceMappingURL=close-button.module.mjs.map

package/esm/components/close-button/close-button.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.module.mjs","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/esm/components/close-button/close-button.utils.mjs

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

package/esm/components/close-button/close-button.utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.utils.mjs","names":[],"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,eAAe,oBACzB,GAAG,EAAE,MAAM,QAAQ,gBAAgB,EAClC,MAAM;CACJ,kBAAkB,QAAQ,MAAM,SAAS;CACzC,eAAe,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;CAClE,aAAa,IAAI,QAAQ;AAC3B,EACF,EACF"}

package/esm/components/close-button/close-icon.mjs

@@ -0,0 +1,56 @@
+"use client";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { createElementBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, ref } from "vue";
+//#region packages/@cck-ui/core/src/components/close-button/close-icon.vue
+const _sfc_main = /*@__PURE__*/ 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 = 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 openBlock(), createElementBlock("svg", {
+		ref: "_root",
+		viewBox: "0 0 15 15",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		style: normalizeStyle({
+			...$props.style,
+			width: $props.size,
+			height: $props.size
+		})
+	}, [..._cache[0] || (_cache[0] = [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__*/ 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
+export { close_icon_default as default };
+
+//# sourceMappingURL=close-icon.mjs.map

package/esm/components/close-button/close-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-icon.mjs","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,QAAQ,IAA0B,IAAI;EAE5C,SAAa,EACX,MAAM,MACR,CAAC;;;;;;;;;;;;;qBArCC,mBAaM,OAAA;EAZJ,KAAI;EACJ,SAAQ;EACR,MAAK;EACL,OAAM;EACL,OAAK,eAAA;GAAA,GAAO,OAAA;GAAK,OAAS,OAAA;GAAI,QAAU,OAAA;EAAI,CAAA;mCAE7C,mBAKE,QAAA;EAJA,GAAE;EACF,MAAK;EACL,UAAS;EACT,UAAS"}

package/esm/components/close-button/index.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { withInstall } from "../../core/utils/vue/install.mjs";
+import { withClasses, withExtend, withPropsFactory, withVarsResolver } from "../../core/utils/vue/statics.mjs";
+import close_button_module_default from "./close-button.module.mjs";
+import { varsResolver } from "./close-button.utils.mjs";
+import close_button_default from "./close-button.mjs";
+const CCloseButton = withInstall(withPropsFactory(withExtend(withVarsResolver(withClasses(close_button_default, close_button_module_default), varsResolver))));
+//#endregion
+export { CCloseButton, CCloseButton as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/components/close-button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["CloseButton","classes"],"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":";;;;;;AAgBA,MAAa,eACX,YAL4B,iBAC5B,WAAW,iBAAiB,YAAYA,sBAAaC,2BAAO,GAAG,YAAY,CAAC,CAIhE,CAAqB"}