@cck-ui/core 0.2.0

package/esm/components/simple-grid/simple-grid.mjs

@@ -0,0 +1,431 @@
+"use client";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { responsiveStyleManager } from "../../core/responsive-style-manager/responsive-style-manager.mjs";
+import { useRandomClassName } from "../../core/box/use-random-classname/use-random-classname.mjs";
+import { CBox } from "../../core/box/index.mjs";
+import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
+import simple_grid_module_default from "./simple-grid.module.mjs";
+import { useSimpleGridStyle } from "./simple-grid-custom.mjs";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, normalizeProps, onUnmounted, openBlock, ref, renderSlot, watchEffect, withCtx } from "vue";
+//#region packages/@cck-ui/core/src/components/simple-grid/simple-grid.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "CSimpleGrid",
+	__name: "simple-grid",
+	props: {
+		cols: {
+			type: null,
+			required: false,
+			default: 1
+		},
+		spacing: {
+			type: null,
+			required: false,
+			default: "md"
+		},
+		verticalSpacing: {
+			type: null,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false,
+			default: "media"
+		},
+		minColWidth: {
+			type: null,
+			required: false
+		},
+		autoFlow: {
+			type: String,
+			required: false
+		},
+		autoRows: {
+			type: 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 }) {
+		__expose();
+		const props = __props;
+		const { classNames, className, style, styles, unstyled, vars, cols, verticalSpacing, spacing, type, minColWidth, autoFlow, autoRows, attributes, ...others } = props;
+		const getStyles = useStyles({
+			name: "SimpleGrid",
+			classes: simple_grid_module_default,
+			props,
+			className,
+			style,
+			classNames,
+			styles,
+			unstyled,
+			attributes,
+			vars
+		});
+		const responsiveClassname = useRandomClassName();
+		const autoColsAttr = minColWidth !== void 0 ? autoFlow || "auto-fill" : void 0;
+		const rootAttrs = computed(() => getStyles("root", { className: responsiveClassname }));
+		const mergedRootAttrs = computed(() => ({
+			...others,
+			...rootAttrs.value
+		}));
+		const containerAttrs = computed(() => getStyles("container"));
+		const gridStyle = useSimpleGridStyle({
+			selector: responsiveClassname,
+			...props
+		});
+		const currentStyleKey = ref(null);
+		watchEffect(() => {
+			const cssText = gridStyle.value.queryStylesString;
+			if (cssText) {
+				const newKey = responsiveStyleManager.register(cssText);
+				if (currentStyleKey.value && currentStyleKey.value !== newKey) responsiveStyleManager.unregister(currentStyleKey.value);
+				currentStyleKey.value = newKey;
+			} else if (currentStyleKey.value) {
+				responsiveStyleManager.unregister(currentStyleKey.value);
+				currentStyleKey.value = null;
+			}
+		});
+		onUnmounted(() => {
+			if (currentStyleKey.value) responsiveStyleManager.unregister(currentStyleKey.value);
+		});
+		const __returned__ = {
+			props,
+			classNames,
+			className,
+			style,
+			styles,
+			unstyled,
+			vars,
+			cols,
+			verticalSpacing,
+			spacing,
+			type,
+			minColWidth,
+			autoFlow,
+			autoRows,
+			attributes,
+			others,
+			getStyles,
+			responsiveClassname,
+			autoColsAttr,
+			rootAttrs,
+			mergedRootAttrs,
+			containerAttrs,
+			gridStyle,
+			currentStyleKey,
+			get CBox() {
+				return CBox;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.type === "container" ? (openBlock(), createBlock($setup["CBox"], normalizeProps(mergeProps({ key: 0 }, $setup.containerAttrs)), {
+		default: withCtx(() => [createVNode($setup["CBox"], mergeProps($setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
+			default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			_: 3
+		}, 16, ["data-auto-cols"])]),
+		_: 3
+	}, 16)) : (openBlock(), createBlock($setup["CBox"], mergeProps({ key: 1 }, $setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
+		default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+		_: 3
+	}, 16, ["data-auto-cols"]));
+}
+var simple_grid_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\simple-grid\\simple-grid.vue"]]);
+//#endregion
+export { simple_grid_default as default };
+
+//# sourceMappingURL=simple-grid.mjs.map

package/esm/components/simple-grid/simple-grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-grid.mjs","names":[],"sources":["../../../src/components/simple-grid/simple-grid.vue","../../../src/components/simple-grid/simple-grid.vue"],"sourcesContent":["<template>\n  <c-box v-if=\"type === 'container'\" v-bind=\"containerAttrs\">\n    <c-box v-bind=\"mergedRootAttrs\" :data-auto-cols=\"autoColsAttr\">\n      <slot />\n    </c-box>\n  </c-box>\n  <template v-else>\n    <c-box v-bind=\"mergedRootAttrs\" :data-auto-cols=\"autoColsAttr\">\n      <slot />\n    </c-box>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watchEffect } from 'vue'\nimport { CBox, responsiveStyleManager, useRandomClassName, useStyles } from '../../core'\nimport type { SimpleGridFactory, SimpleGridProps } from './simple-grid.types'\nimport classes from './simple-grid.module.css'\nimport { useSimpleGridStyle } from './simple-grid-custom'\n\ndefineOptions({\n  name: 'CSimpleGrid',\n})\n\nconst props = withDefaults(defineProps<SimpleGridProps>(), {\n  cols: 1,\n  spacing: 'md',\n  type: 'media',\n})\n\nconst {\n  classNames,\n  className,\n  style,\n  styles,\n  unstyled,\n  vars,\n  cols,\n  verticalSpacing,\n  spacing,\n  type,\n  minColWidth,\n  autoFlow,\n  autoRows,\n  attributes,\n  ...others\n} = props\n\nconst getStyles = useStyles<SimpleGridFactory>({\n  name: 'SimpleGrid',\n  classes,\n  props,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n})\n\nconst responsiveClassname = useRandomClassName()\n\nconst autoColsAttr = minColWidth !== undefined ? autoFlow || 'auto-fill' : undefined\n\nconst rootAttrs = computed(() => getStyles('root', { className: responsiveClassname }))\nconst mergedRootAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n\nconst containerAttrs = computed(() => getStyles('container'))\n\nconst gridStyle = useSimpleGridStyle({\n  selector: responsiveClassname,\n  ...props,\n})\n\nconst currentStyleKey = ref<string | null>(null)\nwatchEffect(() => {\n  const cssText = gridStyle.value.queryStylesString\n  if (cssText) {\n    const newKey = responsiveStyleManager.register(cssText)\n    if (currentStyleKey.value && currentStyleKey.value !== newKey) {\n      responsiveStyleManager.unregister(currentStyleKey.value)\n    }\n    currentStyleKey.value = newKey\n  } else if (currentStyleKey.value) {\n    responsiveStyleManager.unregister(currentStyleKey.value)\n    currentStyleKey.value = null\n  }\n})\nonUnmounted(() => {\n  if (currentStyleKey.value) {\n    responsiveStyleManager.unregister(currentStyleKey.value)\n  }\n})\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAMd,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,iBACA,SACA,MACA,aACA,UACA,UACA,YACA,GAAG,WACD;EAEJ,MAAM,YAAY,UAA6B;GAC7C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,sBAAsB,mBAAmB;EAE/C,MAAM,eAAe,gBAAgB,KAAA,IAAY,YAAY,cAAc,KAAA;EAE3E,MAAM,YAAY,eAAe,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC,CAAC;EACtF,MAAM,kBAAkB,gBAAgB;GAAE,GAAG;GAAQ,GAAG,UAAU;EAAM,EAAE;EAE1E,MAAM,iBAAiB,eAAe,UAAU,WAAW,CAAC;EAE5D,MAAM,YAAY,mBAAmB;GACnC,UAAU;GACV,GAAG;EACL,CAAC;EAED,MAAM,kBAAkB,IAAmB,IAAI;EAC/C,kBAAkB;GAChB,MAAM,UAAU,UAAU,MAAM;GAChC,IAAI,SAAS;IACX,MAAM,SAAS,uBAAuB,SAAS,OAAO;IACtD,IAAI,gBAAgB,SAAS,gBAAgB,UAAU,QACrD,uBAAuB,WAAW,gBAAgB,KAAK;IAEzD,gBAAgB,QAAQ;GAC1B,OAAO,IAAI,gBAAgB,OAAO;IAChC,uBAAuB,WAAW,gBAAgB,KAAK;IACvD,gBAAgB,QAAQ;GAC1B;EACF,CAAC;EACD,kBAAkB;GAChB,IAAI,gBAAgB,OAClB,uBAAuB,WAAW,gBAAgB,KAAK;EAE3D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QC5Fc,OAAA,SAAI,eAAA,UAAA,GAAjB,YAIQ,OAAA,SAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAJmC,OAAA,cAAc,CAAA,GAAA;yBAG/C,CAFR,YAEQ,OAAA,SAFR,WAEQ,OAFO,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;0BACnD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;yBAIV,YAEQ,OAAA,SAFR,WAEQ,EAAA,KAAA,EAAA,GAFO,OAAA,iBAAe,EAAG,kBAAgB,OAAA,aAAY,CAAA,GAAA;yBACnD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/esm/components/simple-grid/simple-grid.module.mjs

@@ -0,0 +1,10 @@
+"use client";
+//#region packages/@cck-ui/core/src/components/simple-grid/simple-grid.module.css
+var simple_grid_module_default = {
+	"container": "m_cd6f7c35",
+	"root": "m_6bed50ae"
+};
+//#endregion
+export { simple_grid_module_default as default };
+
+//# sourceMappingURL=simple-grid.module.mjs.map

package/esm/components/simple-grid/simple-grid.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-grid.module.mjs","names":[],"sources":["../../../src/components/simple-grid/simple-grid.module.css"],"sourcesContent":[".container {\n  container: simple-grid / inline-size;\n}\n\n.root {\n  display: grid;\n  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));\n  grid-auto-rows: var(--sg-auto-rows, auto);\n  gap: var(--sg-spacing-y) var(--sg-spacing-x);\n}\n\n.root[data-auto-cols='auto-fill'] {\n  grid-template-columns: repeat(auto-fill, minmax(var(--sg-min-col-width), 1fr));\n}\n\n.root[data-auto-cols='auto-fit'] {\n  grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));\n}\n"],"mappings":";;AAAA,IAAA,6BAAe;CAAC,aAAY;CAAa,QAAO;AAAY"}

package/esm/components/text/index.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { withInstall } from "../../core/utils/vue/install.mjs";
+import text_default from "./text.mjs";
+//#region packages/@cck-ui/core/src/components/text/index.ts
+const CText = withInstall(text_default);
+//#endregion
+export { CText, CText as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Text"],"sources":["../../../src/components/text/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../../core'\nimport Text from './text.vue'\n\nexport const CText: SFCWithInstall<typeof Text> = withInstall(Text)\nexport default CText\n\nexport * from './text.types'\n"],"mappings":";;;;AAGA,MAAa,QAAqC,YAAYA,YAAI"}