@cck-ui/core 0.2.0

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

@@ -0,0 +1,369 @@
+"use client";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { CBox } from "../../core/box/index.mjs";
+import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
+import unstyled_button_module_default from "./unstyled-button.module.mjs";
+import { computed, createBlock, defineComponent, mergeProps, openBlock } from "vue";
+//#region packages/@cck-ui/core/src/components/unstyled-button/unstyled-button.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UnstyledButton",
+	__name: "unstyled-button",
+	props: {
+		__staticSelector: {
+			type: String,
+			required: false,
+			default: "UnstyledButton"
+		},
+		size: {
+			type: [String, Number],
+			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
+		},
+		tag: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const { className, tag = "button", __staticSelector, unstyled, classNames, styles, style, attributes, ...others } = props;
+		const getStyles = useStyles({
+			name: __staticSelector,
+			props,
+			classes: unstyled_button_module_default,
+			className,
+			style,
+			classNames,
+			styles,
+			unstyled,
+			attributes
+		});
+		const rootAttrs = computed(() => getStyles("root", { focusable: true }));
+		const __returned__ = {
+			props,
+			className,
+			tag,
+			__staticSelector,
+			unstyled,
+			classNames,
+			styles,
+			style,
+			attributes,
+			others,
+			getStyles,
+			rootAttrs,
+			mergedAttrs: computed(() => ({
+				...others,
+				...rootAttrs.value
+			})),
+			get CBox() {
+				return CBox;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createBlock($setup["CBox"], mergeProps($setup.mergedAttrs, {
+		tag: $setup.tag,
+		type: $setup.tag === "button" ? "button" : void 0
+	}), null, 16, ["tag", "type"]);
+}
+var unstyled_button_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\unstyled-button\\unstyled-button.vue"]]);
+//#endregion
+export { unstyled_button_default as default };
+
+//# sourceMappingURL=unstyled-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unstyled-button.mjs","names":[],"sources":["../../../src/components/unstyled-button/unstyled-button.vue","../../../src/components/unstyled-button/unstyled-button.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\" :tag=\"tag\" :type=\"tag === 'button' ? 'button' : undefined\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { CBox, useStyles } from '../../core'\nimport classes from './unstyled-button.module.css'\nimport type { UnstyledButtonFactory, UnstyledButtonProps } from './unstyled-button.types'\n\ndefineOptions({\n  name: 'UnstyledButton',\n})\n\nconst props = withDefaults(defineProps<UnstyledButtonProps>(), {\n  __staticSelector: 'UnstyledButton',\n})\n\nconst {\n  className,\n  tag = 'button',\n  __staticSelector,\n  unstyled,\n  classNames,\n  styles,\n  style,\n  attributes,\n  ...others\n} = props\n\nconst getStyles = useStyles<UnstyledButtonFactory>({\n  name: __staticSelector,\n  props,\n  classes,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\nconst mergedAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAId,MAAM,EACJ,WACA,MAAM,UACN,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;EAEJ,MAAM,YAAY,UAAiC;GACjD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;;;;;;;;gBACnD,gBAAgB;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM,EAAA;;;;;;;;;;;;;qBC1ClE,YAAyF,OAAA,SAAzF,WAAyF,OAA1E,aAAW;EAAG,KAAK,OAAA;EAAM,MAAM,OAAA,QAAG,WAAA,WAA2B,KAAA"}

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

@@ -0,0 +1,7 @@
+"use client";
+//#region packages/@cck-ui/core/src/components/unstyled-button/unstyled-button.module.css
+var unstyled_button_module_default = { "root": "m_537a2afc" };
+//#endregion
+export { unstyled_button_module_default as default };
+
+//# sourceMappingURL=unstyled-button.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unstyled-button.module.mjs","names":[],"sources":["../../../src/components/unstyled-button/unstyled-button.module.css"],"sourcesContent":[".root {\n  background-color: transparent;\n  cursor: pointer;\n  border: 0;\n  padding: 0;\n  appearance: none;\n  font-size: var(--c-font-size-md);\n  text-align: start;\n  text-decoration: none;\n  color: inherit;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n"],"mappings":";;AAAA,IAAA,iCAAe,EAAC,QAAO,aAAY"}