@cck-ui/core 0.2.0

package/cjs/components/button/button.cjs

@@ -0,0 +1,520 @@
+"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_index = require("../../core/box/index.cjs");
+const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
+const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
+const require_button_module = require("./button.module.cjs");
+const require_index$1 = require("../unstyled-button/index.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/button/button.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	name: "CButton",
+	__name: "button",
+	props: {
+		"data-disabled": {
+			type: Boolean,
+			required: false
+		},
+		autoContrast: {
+			type: Boolean,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		fullWidth: {
+			type: Boolean,
+			required: false
+		},
+		gradient: {
+			type: Object,
+			required: false
+		},
+		justify: {
+			type: null,
+			required: false
+		},
+		leftSection: {
+			type: null,
+			required: false
+		},
+		loaderProps: {
+			type: Object,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		radius: {
+			type: null,
+			required: false,
+			default: "4px"
+		},
+		rightSection: {
+			type: null,
+			required: false
+		},
+		size: {
+			type: null,
+			required: false,
+			default: "sm"
+		},
+		tag: {
+			type: null,
+			required: false,
+			default: "button"
+		},
+		variant: {
+			type: String,
+			required: false,
+			default: "default"
+		},
+		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
+		},
+		classNames: {
+			type: null,
+			required: false
+		},
+		styles: {
+			type: null,
+			required: false
+		},
+		vars: {
+			type: Function,
+			required: false
+		},
+		attributes: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const slots = (0, vue.useSlots)();
+		const hasLeftSlot = (0, vue.computed)(() => !!slots["left-section"]);
+		const hasRightSlot = (0, vue.computed)(() => !!slots["right-section"]);
+		const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {
+			const colors = theme.variantColorResolver({
+				color: color || theme.primaryColor,
+				theme,
+				gradient,
+				variant: variant || "default",
+				autoContrast
+			});
+			return { root: {
+				"--button-justify": justify,
+				"--button-height": require_get_size.getSize(size, "button-height"),
+				"--button-padding-x": require_get_size.getSize(size, "button-padding-x"),
+				"--button-fz": size?.includes("compact") ? require_get_size.getFontSize(size.replace("compact-", "")) : require_get_size.getFontSize(size),
+				"--button-radius": radius === void 0 ? void 0 : require_get_size.getRadius(radius),
+				"--button-bg": color || variant ? colors.background : void 0,
+				"--button-hover": color || variant ? colors.hover : void 0,
+				"--button-color": colors.color,
+				"--button-bd": color || variant ? colors.color : void 0,
+				"--button-hover-color": color || variant ? colors.hoverColor : void 0
+			} };
+		});
+		const props = __props;
+		const { style, vars, className, color, disabled, leftSection, rightSection, fullWidth, variant, radius, loading, loaderProps, gradient, classNames, styles, unstyled, "data-disabled": dataDisabled, autoContrast, mod, attributes, ...others } = props;
+		const getStyles = require_use_styles.useStyles({
+			name: "Button",
+			props,
+			classes: require_button_module.default,
+			className,
+			style,
+			classNames,
+			styles,
+			unstyled,
+			attributes,
+			vars,
+			varsResolver
+		});
+		const rootAttrs = (0, vue.computed)(() => getStyles("root"));
+		const __returned__ = {
+			slots,
+			hasLeftSlot,
+			hasRightSlot,
+			varsResolver,
+			props,
+			style,
+			vars,
+			className,
+			color,
+			disabled,
+			leftSection,
+			rightSection,
+			fullWidth,
+			variant,
+			radius,
+			loading,
+			loaderProps,
+			gradient,
+			classNames,
+			styles,
+			unstyled,
+			dataDisabled,
+			autoContrast,
+			mod,
+			attributes,
+			others,
+			getStyles,
+			rootAttrs,
+			mergedRootAttrs: (0, vue.computed)(() => ({
+				...others,
+				...rootAttrs.value
+			})),
+			innerAttrs: (0, vue.computed)(() => getStyles("inner")),
+			sectionAttrs: (0, vue.computed)(() => getStyles("section")),
+			labelAttrs: (0, vue.computed)(() => getStyles("label")),
+			get CBox() {
+				return require_index.CBox;
+			},
+			get UnstyledButton() {
+				return require_index$1.UnstyledButton;
+			}
+		};
+		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)($setup.mergedRootAttrs, {
+		disabled: $setup.disabled || $setup.loading,
+		unstyled: $setup.unstyled,
+		variant: $setup.variant,
+		mod: [{
+			disabled: $setup.disabled || $setup.dataDisabled,
+			loading: $setup.loading,
+			block: $setup.fullWidth,
+			"with-left-section": $setup.hasLeftSlot || $setup.leftSection,
+			"with-right-section": $setup.hasRightSlot || $setup.rightSection
+		}]
+	}), {
+		default: (0, vue.withCtx)(() => [(0, vue.createVNode)($setup["CBox"], (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup.innerAttrs)), {
+			default: (0, vue.withCtx)(() => [
+				_ctx.$slots["left-section"] ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ key: 0 }, $setup.sectionAttrs, {
+					tag: "span",
+					mod: { position: "left" }
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "left-section")]),
+					_: 3
+				}, 16)) : $setup.leftSection ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ key: 1 }, $setup.sectionAttrs, {
+					tag: "span",
+					mod: { position: "left" }
+				}), {
+					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)($setup.leftSection)))]),
+					_: 1
+				}, 16)) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createVNode)($setup["CBox"], (0, vue.mergeProps)($setup.labelAttrs, {
+					tag: "span",
+					mod: { loading: $setup.loading }
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["mod"]),
+				_ctx.$slots["right-section"] ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ key: 2 }, $setup.sectionAttrs, {
+					tag: "span",
+					mod: { position: "right" }
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "right-section")]),
+					_: 3
+				}, 16)) : $setup.rightSection ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ key: 3 }, $setup.sectionAttrs, {
+					tag: "span",
+					mod: { position: "right" }
+				}), {
+					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)($setup.rightSection)))]),
+					_: 1
+				}, 16)) : (0, vue.createCommentVNode)("v-if", true)
+			]),
+			_: 3
+		}, 16)]),
+		_: 3
+	}, 16, [
+		"disabled",
+		"unstyled",
+		"variant",
+		"mod"
+	]);
+}
+var button_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\button\\button.vue"]]);
+//#endregion
+exports.default = button_default;
+
+//# sourceMappingURL=button.cjs.map

package/cjs/components/button/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","names":[],"sources":["../../../src/components/button/button.vue","../../../src/components/button/button.vue"],"sourcesContent":["<template>\n  <unstyled-button\n    v-bind=\"mergedRootAttrs\"\n    :disabled=\"disabled || loading\"\n    :unstyled=\"unstyled\"\n    :variant=\"variant\"\n    :mod=\"[\n      {\n        disabled: disabled || dataDisabled,\n        loading,\n        block: fullWidth,\n        'with-left-section': hasLeftSlot || leftSection,\n        'with-right-section': hasRightSlot || rightSection,\n      },\n    ]\"\n  >\n    <c-box v-bind=\"innerAttrs\">\n      <c-box\n        v-if=\"$slots['left-section']\"\n        v-bind=\"sectionAttrs\"\n        tag=\"span\"\n        :mod=\"{ position: 'left' }\"\n      >\n        <slot name=\"left-section\"></slot>\n      </c-box>\n      <c-box v-else-if=\"leftSection\" v-bind=\"sectionAttrs\" tag=\"span\" :mod=\"{ position: 'left' }\">\n        <component :is=\"leftSection\" />\n      </c-box>\n      <c-box v-bind=\"labelAttrs\" tag=\"span\" :mod=\"{ loading }\">\n        <slot />\n      </c-box>\n      <c-box\n        v-if=\"$slots['right-section']\"\n        v-bind=\"sectionAttrs\"\n        tag=\"span\"\n        :mod=\"{ position: 'right' }\"\n      >\n        <slot name=\"right-section\"></slot>\n      </c-box>\n      <c-box v-else-if=\"rightSection\" v-bind=\"sectionAttrs\" tag=\"span\" :mod=\"{ position: 'right' }\">\n        <component :is=\"rightSection\" />\n      </c-box>\n    </c-box>\n  </unstyled-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport { CBox, createVarsResolver, getFontSize, getRadius, getSize, useStyles } from '../../core'\nimport { UnstyledButton } from '../unstyled-button'\nimport { ButtonFactory, type ButtonProps } from './button.types'\nimport classes from './button.module.css'\n\ndefineOptions({\n  name: 'CButton',\n})\n\ndefineSlots<{\n  'left-section': any\n  'right-section': any\n  default: any\n}>()\n\nconst slots = useSlots()\n\nconst hasLeftSlot = computed(() => !!slots['left-section'])\nconst hasRightSlot = computed(() => !!slots['right-section'])\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n  (theme, { radius, color, gradient, variant, size, justify, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'default',\n      autoContrast,\n    })\n\n    return {\n      root: {\n        '--button-justify': justify,\n        '--button-height': getSize(size, 'button-height'),\n        '--button-padding-x': getSize(size, 'button-padding-x'),\n        '--button-fz': size?.includes('compact')\n          ? getFontSize(size.replace('compact-', ''))\n          : getFontSize(size),\n        '--button-radius': radius === undefined ? undefined : getRadius(radius),\n        '--button-bg': color || variant ? colors.background : undefined,\n        '--button-hover': color || variant ? colors.hover : undefined,\n        '--button-color': colors.color,\n        '--button-bd': color || variant ? colors.color : undefined,\n        '--button-hover-color': color || variant ? colors.hoverColor : undefined,\n      },\n    }\n  }\n)\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  radius: '4px',\n  size: 'sm',\n  tag: 'button',\n  variant: 'default',\n})\n\nconst {\n  style,\n  vars,\n  className,\n  color,\n  disabled,\n  leftSection,\n  rightSection,\n  fullWidth,\n  variant,\n  radius,\n  loading,\n  loaderProps,\n  gradient,\n  classNames,\n  styles,\n  unstyled,\n  'data-disabled': dataDisabled,\n  autoContrast,\n  mod,\n  attributes,\n  ...others\n} = props\n\nconst getStyles = useStyles<ButtonFactory>({\n  name: 'Button',\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'))\nconst mergedRootAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n\nconst innerAttrs = computed(() => getStyles('inner'))\nconst sectionAttrs = computed(() => getStyles('section'))\nconst labelAttrs = computed(() => getStyles('label'))\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DA,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B,CAAC,CAAC,MAAM,eAAe;EAC1D,MAAM,gBAAA,GAAA,IAAA,SAAA,OAA8B,CAAC,CAAC,MAAM,gBAAgB;EAE5D,MAAM,eAAe,6BAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,MAAM,SAAS,mBAAmB;GAC5E,MAAM,SAAS,MAAM,qBAAqB;IACxC,OAAO,SAAS,MAAM;IACtB;IACA;IACA,SAAS,WAAW;IACpB;GACF,CAAC;GAED,OAAO,EACL,MAAM;IACJ,oBAAoB;IACpB,mBAAmB,iBAAA,QAAQ,MAAM,eAAe;IAChD,sBAAsB,iBAAA,QAAQ,MAAM,kBAAkB;IACtD,eAAe,MAAM,SAAS,SAAS,IACnC,iBAAA,YAAY,KAAK,QAAQ,YAAY,EAAE,CAAC,IACxC,iBAAA,YAAY,IAAI;IACpB,mBAAmB,WAAW,KAAA,IAAY,KAAA,IAAY,iBAAA,UAAU,MAAM;IACtE,eAAe,SAAS,UAAU,OAAO,aAAa,KAAA;IACtD,kBAAkB,SAAS,UAAU,OAAO,QAAQ,KAAA;IACpD,kBAAkB,OAAO;IACzB,eAAe,SAAS,UAAU,OAAO,QAAQ,KAAA;IACjD,wBAAwB,SAAS,UAAU,OAAO,aAAa,KAAA;GACjE,EACF;EACF,CACF;EAEA,MAAM,QAAQ;EAOd,MAAM,EACJ,OACA,MACA,WACA,OACA,UACA,aACA,cACA,WACA,SACA,QACA,SACA,aACA,UACA,YACA,QACA,UACA,iBAAiB,cACjB,cACA,KACA,YACA,GAAG,WACD;EAEJ,MAAM,YAAY,mBAAA,UAAyB;GACzC,MAAM;GACN;GACA,SAAA,sBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CACV;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM,EAAA;uCAEtC,UAAU,OAAO,CAAA;yCACf,UAAU,SAAS,CAAA;uCACrB,UAAU,OAAO,CAAA;;;;;;;;;;;;;;;;mDCxG/B,OAAA,oBAAA,GAAA,IAAA,WAAA,CAAA,OAzCR,iBAAe;EACtB,UAAU,OAAA,YAAY,OAAA;EACtB,UAAU,OAAA;EACV,SAAS,OAAA;EACT,KAAG,CAAA;aAA8B,OAAA,YAAY,OAAA;YAAsB,OAAA;UAAwB,OAAA;wBAAwC,OAAA,eAAe,OAAA;yBAA2C,OAAA,gBAAgB,OAAA;;;kCAoCtM,EAAA,GAAA,IAAA,YAAA,CAAA,OAAA,UAAA,GAAA,IAAA,eAAA,EAAA,GAAA,IAAA,mBAAA,CA1BO,OAAA,UAAU,CAAA,GAAA;mCAQf;IANA,KAAA,OAAM,oBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAMN,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GALE,OAAA,cAAY;KACpB,KAAI;KACH,KAAK,EAAA,UAAA,OAAA;;qCAE2B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,cAAA,CAAA,CAAA;;cAEjB,OAAA,gBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAEV,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAF+B,OAAA,cAAY;KAAE,KAAI;KAAQ,KAAK,EAAA,UAAA,OAAA;;qCACrC,GAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,EAAA,GAAA,IAAA,wBAAA,CAAf,OAAA,WAAW,CAAA,EAAA,CAAA;;;yBAIrB,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAFO,YAAU;KAAE,KAAI;KAAQ,KAAG,EAAA,SAAI,OAAA,QAAO;;qCAC3C,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;;IAGF,KAAA,OAAM,qBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAMN,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GALE,OAAA,cAAY;KACpB,KAAI;KACH,KAAK,EAAA,UAAA,QAAA;;qCAE4B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,eAAA,CAAA,CAAA;;cAElB,OAAA,iBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAEV,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAA,KAAA,EAAA,GAFgC,OAAA,cAAY;KAAE,KAAI;KAAQ,KAAK,EAAA,UAAA,QAAA;;qCACrC,GAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,EAAA,GAAA,IAAA,wBAAA,CAAhB,OAAA,YAAY,CAAA,EAAA,CAAA"}

package/cjs/components/button/button.module.cjs

@@ -0,0 +1,15 @@
+"use client";
+//#region packages/@cck-ui/core/src/components/button/button.module.css
+var button_module_default = {
+	"root": "m_14602a9d",
+	"inner": "m_7725dbfb",
+	"label": "m_774a0c99",
+	"section": "m_462d374a",
+	"loader": "m_72bc570e",
+	"group": "m_770b8424",
+	"groupSection": "m_260a6221"
+};
+//#endregion
+exports.default = button_module_default;
+
+//# sourceMappingURL=button.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.module.cjs","names":[],"sources":["../../../src/components/button/button.module.css"],"sourcesContent":[".root {\n  --button-height-xs: 30px;\n  --button-height-sm: 36px;\n  --button-height-md: 42px;\n  --button-height-lg: 50px;\n  --button-height-xl: 60px;\n\n  --button-height-compact-xs: 22px;\n  --button-height-compact-sm: 26px;\n  --button-height-compact-md: 30px;\n  --button-height-compact-lg: 34px;\n  --button-height-compact-xl: 40px;\n\n  --button-padding-x-xs: 14px;\n  --button-padding-x-sm: 18px;\n  --button-padding-x-md: 22px;\n  --button-padding-x-lg: 26px;\n  --button-padding-x-xl: 32px;\n\n  --button-padding-x-compact-xs: 7px;\n  --button-padding-x-compact-sm: 8px;\n  --button-padding-x-compact-md: 10px;\n  --button-padding-x-compact-lg: 12px;\n  --button-padding-x-compact-xl: 14px;\n\n  --button-height: var(--button-height-sm);\n  --button-padding-x: var(--button-padding-x-sm);\n  --button-color: var(--c-color-white);\n\n  user-select: none;\n  font-weight: var(--c-font-weight-medium);\n  position: relative;\n  line-height: 1;\n  text-align: center;\n  overflow: hidden;\n\n  width: auto;\n  cursor: pointer;\n  display: inline-block;\n  border-radius: var(--button-radius, var(--c-radius-default));\n  font-size: var(--button-fz, var(--c-font-size-sm));\n  background: var(--button-bg, var(--c-primary-color-filled));\n  border-color: var(--button-bd, transparent);\n  border-style: solid;\n  border-width: rem(1px);\n  color: var(--button-color, var(--c-color-white));\n  height: var(--button-height, var(--button-height-sm));\n  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));\n  vertical-align: middle;\n\n  &:where([data-block]) {\n    display: block;\n    width: 100%;\n  }\n\n  &:where([data-with-left-section]) {\n    padding-inline-start: calc(var(--button-padding-x) / 1.5);\n  }\n\n  &:where([data-with-right-section]) {\n    padding-inline-end: calc(var(--button-padding-x) / 1.5);\n  }\n\n  &:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {\n    cursor: not-allowed;\n    border-color: transparent;\n    transform: none;\n    color: var(--c-color-disabled-color);\n    background: var(--c-color-disabled);\n  }\n\n  &::before {\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    inset: -1px;\n    border-radius: var(--button-radius, var(--c-radius-default));\n    transform: translateY(-100%);\n    opacity: 0;\n    filter: blur(12px);\n    transition:\n      transform 150ms ease,\n      opacity 100ms ease;\n\n    @mixin where-light {\n      background-color: rgba(255, 255, 255, 0.15);\n    }\n\n    @mixin where-dark {\n      background-color: rgba(0, 0, 0, 0.15);\n    }\n  }\n\n  &:where([data-loading]) {\n    cursor: not-allowed;\n    transform: none;\n\n    &::before {\n      transform: translateY(0);\n      opacity: 1;\n    }\n\n    & .inner {\n      opacity: 0;\n      transform: translateY(100%);\n    }\n  }\n\n  @mixin hover {\n    &:where(:not([data-loading], :disabled, [data-disabled])) {\n      background-color: var(--button-hover, var(--c-primary-color-filled-hover));\n      color: var(--button-hover-color, var(--button-color));\n    }\n  }\n}\n\n.inner {\n  display: flex;\n  align-items: center;\n  justify-content: var(--button-justify, center);\n  height: 100%;\n  overflow: visible;\n  transition:\n    transform 150ms ease,\n    opacity 100ms ease;\n}\n\n.label {\n  white-space: nowrap;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  opacity: 1;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n\n  &:where([data-loading]) {\n    opacity: 0.2;\n  }\n}\n\n.section {\n  display: flex;\n  align-items: center;\n\n  &:where([data-position='left']) {\n    margin-inline-end: var(--c-spacing-xs);\n  }\n\n  &:where([data-position='right']) {\n    margin-inline-start: var(--c-spacing-xs);\n  }\n}\n\n.loader {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n\n.group {\n  --button-border-width: 1px;\n  display: flex;\n\n  & :where(.root) {\n    &:focus {\n      position: relative;\n      z-index: 1;\n    }\n  }\n\n  &[data-orientation='horizontal'] {\n    flex-direction: row;\n\n    & .root,\n    & .groupSection {\n      &:not(:only-child):first-child {\n        border-end-end-radius: 0;\n        border-start-end-radius: 0;\n        border-inline-end-width: calc(var(--button-border-width) / 2);\n      }\n\n      &:not(:only-child):last-child {\n        border-end-start-radius: 0;\n        border-start-start-radius: 0;\n        border-inline-start-width: calc(var(--button-border-width) / 2);\n      }\n\n      &:not(:only-child):not(:first-child):not(:last-child) {\n        border-radius: 0;\n        border-inline-width: calc(var(--button-border-width) / 2);\n      }\n    }\n  }\n\n  &[data-orientation='vertical'] {\n    flex-direction: column;\n\n    & .root,\n    & .groupSection {\n      &:not(:only-child):first-child {\n        border-end-start-radius: 0;\n        border-end-end-radius: 0;\n        border-bottom-width: calc(var(--button-border-width) / 2);\n      }\n\n      &:not(:only-child):last-child {\n        border-start-start-radius: 0;\n        border-start-end-radius: 0;\n        border-top-width: calc(var(--button-border-width) / 2);\n      }\n\n      &:not(:only-child):not(:first-child):not(:last-child) {\n        border-radius: 0;\n        border-bottom-width: calc(var(--button-border-width) / 2);\n        border-top-width: calc(var(--button-border-width) / 2);\n      }\n    }\n  }\n}\n\n.groupSection {\n  --section-height-xs: 30px;\n  --section-height-sm: 36px;\n  --section-height-md: 42px;\n  --section-height-lg: 50px;\n  --section-height-xl: 60px;\n\n  --section-height-compact-xs: 22px;\n  --section-height-compact-sm: 26px;\n  --section-height-compact-md: 30px;\n  --section-height-compact-lg: 34px;\n  --section-height-compact-xl: 40px;\n\n  --section-padding-x-xs: 14px;\n  --section-padding-x-sm: 18px;\n  --section-padding-x-md: 22px;\n  --section-padding-x-lg: 26px;\n  --section-padding-x-xl: 32px;\n\n  --section-padding-x-compact-xs: 7px;\n  --section-padding-x-compact-sm: 8px;\n  --section-padding-x-compact-md: 10px;\n  --section-padding-x-compact-lg: 12px;\n  --section-padding-x-compact-xl: 14px;\n\n  --section-height: var(--section-height-sm);\n  --section-padding-x: var(--section-padding-x-sm);\n  --section-color: var(--c-color-white);\n\n  font-weight: var(--c-font-weight-medium);\n  width: auto;\n  border-radius: var(--section-radius, var(--c-radius-default));\n  font-size: var(--section-fz, var(--c-font-size-sm));\n  background: var(--section-bg, var(--c-primary-color-filled));\n  border-color: var(--section-bd, transparent);\n  border-style: solid;\n  border-width: rem(1px);\n  height: var(--section-height, var(--section-height-sm));\n  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));\n  vertical-align: middle;\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n"],"mappings":";;AAAA,IAAA,wBAAe;CAAC,QAAO;CAAa,SAAQ;CAAa,SAAQ;CAAa,WAAU;CAAa,UAAS;CAAa,SAAQ;CAAa,gBAAe;AAAY"}

package/cjs/components/button/index.cjs

@@ -0,0 +1,19 @@
+"use client";
+const require_install = require("../../core/utils/vue/install.cjs");
+const require_button = require("./button.cjs");
+const require_button_group_section = require("./button-group-section/button-group-section.cjs");
+const require_button_group = require("./button-group/button-group.cjs");
+//#region packages/@cck-ui/core/src/components/button/index.ts
+const CButtonGroup = require_install.withInstall(require_button_group.default);
+const CButtonGroupSection = require_install.withInstall(require_button_group_section.default);
+const CButton = require_install.withInstall(require_button.default, {
+	ButtonGroup: require_button_group.default,
+	ButtonGroupSection: require_button_group_section.default
+});
+//#endregion
+exports.CButton = CButton;
+exports.default = CButton;
+exports.CButtonGroup = CButtonGroup;
+exports.CButtonGroupSection = CButtonGroupSection;
+
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["withInstall","ButtonGroup","ButtonGroupSection","Button"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import { type SFCWithInstall, withInstall } from '../../core'\nimport ButtonGroup from './button-group/button-group.vue'\nimport ButtonGroupSection from './button-group-section/button-group-section.vue'\nimport Button from './button.vue'\n\nexport const CButtonGroup: SFCWithInstall<typeof ButtonGroup> = withInstall(ButtonGroup)\nexport const CButtonGroupSection: SFCWithInstall<typeof ButtonGroupSection> =\n  withInstall(ButtonGroupSection)\nexport const CButton: SFCWithInstall<typeof Button> & {\n  ButtonGroup: typeof ButtonGroup\n} & { ButtonGroupSection: typeof ButtonGroupSection } = withInstall(Button, {\n  ButtonGroup,\n  ButtonGroupSection,\n})\nexport default CButton\n\nexport * from './button-group-section/button-group-section.types'\nexport * from './button-group/button-group.types'\nexport * from './button.types'\n"],"mappings":";;;;;;AAKA,MAAa,eAAmDA,gBAAAA,YAAYC,qBAAAA,OAAW;AACvF,MAAa,sBACXD,gBAAAA,YAAYE,6BAAAA,OAAkB;AAChC,MAAa,UAE2CF,gBAAAA,YAAYG,eAAAA,SAAQ;CAC1E,aAAA,qBAAA;CACA,oBAAA,6BAAA;AACF,CAAC"}

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

@@ -0,0 +1,75 @@
+"use client";
+const require_filter_props = require("../../../core/utils/filter-props/filter-props.cjs");
+const require_get_base_value = require("../../../core/utils/get-base-value/get-base-value.cjs");
+const require_get_sorted_breakpoints = require("../../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs");
+const require_keys = require("../../../core/utils/keys/keys.cjs");
+const require_config_provider_types = require("../../../core/config-provider/config-provider.types.cjs");
+const require_default_theme = require("../../../core/config-provider/default-theme.cjs");
+const require_styles_to_string = require("../../../core/responsive-style-manager/styles-to-string/styles-to-string.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/grid/col/col-custom.ts
+const getColumnFlexBasis = (colSpan, columns) => {
+	if (colSpan === "content") return "auto";
+	if (colSpan === "auto") return "0rem";
+	if (!colSpan) return;
+	if (colSpan === columns) return "100%";
+	return `calc(${100 * colSpan / columns}% - ${(columns - colSpan) / columns} * var(--grid-column-gap))`;
+};
+const getColumnMaxWidth = (colSpan, columns, grow) => {
+	if (grow || colSpan === "auto") return "100%";
+	if (colSpan === "content") return "unset";
+	return getColumnFlexBasis(colSpan, columns);
+};
+const getColumnFlexGrow = (colSpan, grow) => {
+	if (!colSpan) return;
+	return colSpan === "auto" || grow ? "1" : "auto";
+};
+const getColumnOffset = (offset, columns) => {
+	if (offset === 0) return "0";
+	if (!offset) return;
+	return `calc(${100 * offset / columns}% + ${offset / columns} * var(--grid-column-gap))`;
+};
+function useColCustomStyle({ align, offset, order, selector, span }, gridContext) {
+	return (0, vue.computed)(() => {
+		const theme = (0, vue.inject)(require_config_provider_types.THEME_KEY, require_default_theme.DEFAULT_THEME);
+		const _breakpoints = gridContext.breakpoints || theme.breakpoints;
+		const baseValue = require_get_base_value.getBaseValue(span);
+		const baseSpan = baseValue === void 0 ? 12 : baseValue;
+		const styles = require_filter_props.filterProps({
+			"--col-order": require_get_base_value.getBaseValue(order)?.toString(),
+			"--col-flex-grow": getColumnFlexGrow(baseSpan, gridContext.grow),
+			"--col-flex-basis": getColumnFlexBasis(baseSpan, gridContext.columns),
+			"--col-width": baseSpan === "content" ? "auto" : void 0,
+			"--col-max-width": getColumnMaxWidth(baseSpan, gridContext.columns, gridContext.grow),
+			"--col-offset": getColumnOffset(require_get_base_value.getBaseValue(offset), gridContext.columns),
+			"--col-align-self": require_get_base_value.getBaseValue(align)
+		});
+		const queries = require_keys.keys(_breakpoints).reduce((acc, breakpoint) => {
+			if (!acc[breakpoint]) acc[breakpoint] = {};
+			if (typeof order === "object" && order[breakpoint] !== void 0) acc[breakpoint]["--col-order"] = order[breakpoint]?.toString();
+			if (typeof span === "object" && span[breakpoint] !== void 0) {
+				acc[breakpoint]["--col-flex-grow"] = getColumnFlexGrow(span[breakpoint], gridContext.grow);
+				acc[breakpoint]["--col-flex-basis"] = getColumnFlexBasis(span[breakpoint], gridContext.columns);
+				acc[breakpoint]["--col-width"] = span[breakpoint] === "content" ? "auto" : void 0;
+				acc[breakpoint]["--col-max-width"] = getColumnMaxWidth(span[breakpoint], gridContext.columns, gridContext.grow);
+			}
+			if (typeof offset === "object" && offset[breakpoint] !== void 0) acc[breakpoint]["--col-offset"] = getColumnOffset(offset[breakpoint], gridContext.columns);
+			if (typeof align === "object" && align[breakpoint] !== void 0) acc[breakpoint]["--col-align-self"] = align[breakpoint];
+			return acc;
+		}, {});
+		const values = require_get_sorted_breakpoints.getSortedBreakpoints(require_keys.keys(queries), _breakpoints).filter((breakpoint) => require_keys.keys(queries[breakpoint.value]).length > 0).map((breakpoint) => ({
+			query: gridContext.type === "container" ? `c-grid (min-width: ${_breakpoints[breakpoint.value]})` : `(min-width: ${_breakpoints[breakpoint.value]})`,
+			styles: queries[breakpoint.value]
+		}));
+		return { queryStylesString: require_styles_to_string.stylesToString({
+			styles,
+			media: gridContext.type === "container" ? void 0 : values,
+			container: gridContext.type === "container" ? values : void 0,
+			selector
+		}) };
+	});
+}
+//#endregion
+exports.useColCustomStyle = useColCustomStyle;
+
+//# sourceMappingURL=col-custom.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"col-custom.cjs","names":["THEME_KEY","DEFAULT_THEME","getBaseValue","filterProps","keys","getSortedBreakpoints","stylesToString"],"sources":["../../../../src/components/grid/col/col-custom.ts"],"sourcesContent":["import { computed, inject } from 'vue'\nimport { ColProps, ColSpan } from './col.types'\nimport {\n  DEFAULT_THEME,\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  keys,\n  StyleProp,\n  stylesToString,\n  THEME_KEY,\n} from '../../../core'\nimport { GridContextValue } from '../grid.context'\nimport type { GridBreakpoints } from '../grid.types'\n\ninterface ColVariablesProps {\n  selector: string\n  align?: ColProps['align'] | undefined\n  offset?: StyleProp<number> | undefined\n  order?: ColProps['order'] | undefined\n  span: ColProps['span'] | undefined\n}\n\nconst getColumnFlexBasis = (colSpan: ColSpan | undefined, columns: number) => {\n  if (colSpan === 'content') {\n    return 'auto'\n  }\n\n  if (colSpan === 'auto') {\n    return '0rem'\n  }\n\n  if (!colSpan) {\n    return undefined\n  }\n\n  if (colSpan === columns) {\n    return '100%'\n  }\n\n  const percentage = (100 * colSpan) / columns\n  const gapFactor = (columns - colSpan) / columns\n  return `calc(${percentage}% - ${gapFactor} * var(--grid-column-gap))`\n}\n\nconst getColumnMaxWidth = (\n  colSpan: ColSpan | undefined,\n  columns: number,\n  grow: boolean | undefined\n) => {\n  if (grow || colSpan === 'auto') {\n    return '100%'\n  }\n\n  if (colSpan === 'content') {\n    return 'unset'\n  }\n\n  return getColumnFlexBasis(colSpan, columns)\n}\n\nconst getColumnFlexGrow = (colSpan: ColSpan | undefined, grow: boolean | undefined) => {\n  if (!colSpan) {\n    return undefined\n  }\n  return colSpan === 'auto' || grow ? '1' : 'auto'\n}\n\nconst getColumnOffset = (offset: number | undefined, columns: number) => {\n  if (offset === 0) {\n    return '0'\n  }\n\n  if (!offset) {\n    return undefined\n  }\n\n  const percentage = (100 * offset) / columns\n  const gapFactor = offset / columns\n  return `calc(${percentage}% + ${gapFactor} * var(--grid-column-gap))`\n}\n\nexport function useColCustomStyle(\n  { align, offset, order, selector, span }: ColVariablesProps,\n  gridContext: GridContextValue\n) {\n  return computed(() => {\n    const theme = inject(THEME_KEY, DEFAULT_THEME)\n\n    const _breakpoints = gridContext.breakpoints || theme.breakpoints\n    const baseValue = getBaseValue(span)\n    const baseSpan = baseValue === undefined ? 12 : baseValue\n\n    const styles: Record<string, string | undefined> = filterProps({\n      '--col-order': getBaseValue(order)?.toString(),\n      '--col-flex-grow': getColumnFlexGrow(baseSpan, gridContext.grow),\n      '--col-flex-basis': getColumnFlexBasis(baseSpan, gridContext.columns),\n      '--col-width': baseSpan === 'content' ? 'auto' : undefined,\n      '--col-max-width': getColumnMaxWidth(baseSpan, gridContext.columns, gridContext.grow),\n      '--col-offset': getColumnOffset(getBaseValue(offset), gridContext.columns),\n      '--col-align-self': getBaseValue(align),\n    })\n\n    const queries = keys(_breakpoints).reduce<Record<string, Record<string, any>>>(\n      (acc, breakpoint) => {\n        if (!acc[breakpoint as string]) {\n          acc[breakpoint as string] = {}\n        }\n\n        if (typeof order === 'object' && order[breakpoint as string] !== undefined) {\n          acc[breakpoint as string]['--col-order'] = order[breakpoint as string]?.toString()\n        }\n\n        if (typeof span === 'object' && span[breakpoint as string] !== undefined) {\n          acc[breakpoint as string]['--col-flex-grow'] = getColumnFlexGrow(\n            span[breakpoint as string],\n            gridContext.grow\n          )\n          acc[breakpoint as string]['--col-flex-basis'] = getColumnFlexBasis(\n            span[breakpoint as string],\n            gridContext.columns\n          )\n          acc[breakpoint as string]['--col-width'] =\n            span[breakpoint as string] === 'content' ? 'auto' : undefined\n          acc[breakpoint as string]['--col-max-width'] = getColumnMaxWidth(\n            span[breakpoint as string],\n            gridContext.columns,\n            gridContext.grow\n          )\n        }\n\n        if (typeof offset === 'object' && offset[breakpoint as string] !== undefined) {\n          acc[breakpoint as string]['--col-offset'] = getColumnOffset(\n            offset[breakpoint as string],\n            gridContext.columns\n          )\n        }\n\n        if (typeof align === 'object' && align[breakpoint] !== undefined) {\n          acc[breakpoint as string]['--col-align-self'] = align[breakpoint]\n        }\n\n        return acc\n      },\n      {}\n    )\n\n    const sortedBreakpoints = getSortedBreakpoints(keys(queries), _breakpoints).filter(\n      (breakpoint) => keys(queries[breakpoint.value]).length > 0\n    )\n\n    const values = sortedBreakpoints.map((breakpoint) => ({\n      query:\n        gridContext.type === 'container'\n          ? `c-grid (min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`\n          : `(min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`,\n      styles: queries[breakpoint.value],\n    }))\n\n    const queryStyles = {\n      styles,\n      media: gridContext.type === 'container' ? undefined : values,\n      container: gridContext.type === 'container' ? values : undefined,\n      selector,\n    }\n\n    const queryStylesString = stylesToString(queryStyles)\n\n    return { queryStylesString }\n  })\n}\n"],"mappings":"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"}