@cck-ui/core 0.2.0

package/esm/components/group/group.mjs

@@ -0,0 +1,429 @@
+"use client";
+import { getSpacing } from "../../core/utils/get-size/get-size.mjs";
+import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
+import { CBox } from "../../core/box/index.mjs";
+import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
+import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
+import { filterFalsyChildren } from "./filter-falsy-children/filter-falsy-children.mjs";
+import group_module_default from "./group.module.mjs";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, useSlots, withCtx } from "vue";
+//#region packages/@cck-ui/core/src/components/group/group.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "CGroup",
+	__name: "group",
+	props: {
+		__size: {
+			type: null,
+			required: false
+		},
+		justify: {
+			type: null,
+			required: false,
+			default: "flex-start"
+		},
+		align: {
+			type: null,
+			required: false,
+			default: "center"
+		},
+		wrap: {
+			type: null,
+			required: false,
+			default: "wrap"
+		},
+		gap: {
+			type: null,
+			required: false,
+			default: "md"
+		},
+		grow: {
+			type: Boolean,
+			required: false
+		},
+		preventGrowOverflow: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		className: {
+			type: String,
+			required: false
+		},
+		style: {
+			type: [
+				Object,
+				Function,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		},
+		__vars: {
+			type: null,
+			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 slots = useSlots();
+		const props = __props;
+		const { classNames, className, style, styles, unstyled, gap, align, justify, wrap, grow, preventGrowOverflow, vars, variant, __size, mod, attributes, ...others } = props;
+		const filteredChildren = filterFalsyChildren(slots.default?.());
+		const childrenCount = filteredChildren.length;
+		const resolvedGap = getSpacing(gap);
+		const childWidth = `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`;
+		const stylesCtx = { childWidth };
+		const varsResolver = createVarsResolver((_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({ root: {
+			"--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
+			"--group-gap": getSpacing(gap),
+			"--group-align": align,
+			"--group-justify": justify,
+			"--group-wrap": wrap
+		} }));
+		const getStyles = useStyles({
+			name: "Group",
+			props,
+			stylesCtx,
+			className,
+			style,
+			classes: group_module_default,
+			classNames,
+			styles,
+			unstyled,
+			attributes,
+			vars,
+			varsResolver
+		});
+		const rootAttrs = computed(() => getStyles("root"));
+		const __returned__ = {
+			slots,
+			props,
+			classNames,
+			className,
+			style,
+			styles,
+			unstyled,
+			gap,
+			align,
+			justify,
+			wrap,
+			grow,
+			preventGrowOverflow,
+			vars,
+			variant,
+			__size,
+			mod,
+			attributes,
+			others,
+			filteredChildren,
+			childrenCount,
+			resolvedGap,
+			childWidth,
+			stylesCtx,
+			varsResolver,
+			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, {
+		mod: [{ grow: $setup.grow }, $setup.mod],
+		size: $setup.__size,
+		variant: $setup.variant
+	}), {
+		default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.filteredChildren, (node, index) => {
+			return openBlock(), createBlock(resolveDynamicComponent(node), { key: node.key || index });
+		}), 128))]),
+		_: 1
+	}, 16, [
+		"mod",
+		"size",
+		"variant"
+	]);
+}
+var group_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\work\\jackatlas\\cck-ui\\packages\\@cck-ui\\core\\src\\components\\group\\group.vue"]]);
+//#endregion
+export { group_default as default };
+
+//# sourceMappingURL=group.mjs.map

package/esm/components/group/group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.mjs","names":[],"sources":["../../../src/components/group/group.vue","../../../src/components/group/group.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\" :mod=\"[{ grow }, mod]\" :size=\"__size\" :variant=\"variant\">\n    <component v-for=\"(node, index) in filteredChildren\" :key=\"node.key || index\" :is=\"node\" />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport type { GroupFactory, GroupProps, GroupStylesCtx } from './group.types'\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children'\nimport { createVarsResolver, getSpacing, useStyles, CBox } from '../../core'\nimport classes from './group.module.css'\n\ndefineOptions({\n  name: 'CGroup',\n})\n\nconst slots = useSlots()\n\nconst props = withDefaults(defineProps<GroupProps>(), {\n  preventGrowOverflow: true,\n  gap: 'md',\n  align: 'center',\n  justify: 'flex-start',\n  wrap: 'wrap',\n})\n\nconst {\n  classNames,\n  className,\n  style,\n  styles,\n  unstyled,\n  gap,\n  align,\n  justify,\n  wrap,\n  grow,\n  preventGrowOverflow,\n  vars,\n  variant,\n  __size,\n  mod,\n  attributes,\n  ...others\n} = props\n\nconst filteredChildren = filterFalsyChildren(slots.default?.())\nconst childrenCount = filteredChildren.length\nconst resolvedGap = getSpacing(gap)\nconst childWidth = `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`\n\nconst stylesCtx: GroupStylesCtx = { childWidth }\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n  (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n    root: {\n      '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n      '--group-gap': getSpacing(gap),\n      '--group-align': align,\n      '--group-justify': justify,\n      '--group-wrap': wrap,\n    },\n  })\n)\n\nconst getStyles = useStyles<GroupFactory>({\n  name: 'Group',\n  props,\n  stylesCtx,\n  className,\n  style,\n  classes,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => ({ ...others, ...rootAttrs.value }))\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ,SAAS;EAEvB,MAAM,QAAQ;EAQd,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,KACA,OACA,SACA,MACA,MACA,qBACA,MACA,SACA,QACA,KACA,YACA,GAAG,WACD;EAEJ,MAAM,mBAAmB,oBAAoB,MAAM,UAAU,CAAC;EAC9D,MAAM,gBAAgB,iBAAiB;EACvC,MAAM,cAAc,WAAW,GAAG;EAClC,MAAM,aAAa,QAAQ,MAAM,cAAc,OAAO,YAAY,KAAK,YAAY,KAAK,cAAc;EAEtG,MAAM,YAA4B,EAAE,WAAW;EAE/C,MAAM,eAAe,oBAClB,GAAG,EAAE,MAAM,qBAAqB,KAAK,OAAO,SAAS,QAAQ,EAAE,kBAAkB,EAChF,MAAM;GACJ,uBAAuB,QAAQ,sBAAsB,aAAa,KAAA;GAClE,eAAe,WAAW,GAAG;GAC7B,iBAAiB;GACjB,mBAAmB;GACnB,gBAAgB;EAClB,EACF,EACF;EAEA,MAAM,YAAY,UAAwB;GACxC,MAAM;GACN;GACA;GACA;GACA;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAE9B,gBAAgB;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM,EAAA;;;;;;;;;;;;;qBClFlE,YAEQ,OAAA,SAFR,WAEQ,OAFO,aAAW;EAAG,KAAG,CAAA,EAAA,MAAK,OAAA,KAAI,GAAI,OAAA,GAAG;EAAI,MAAM,OAAA;EAAS,SAAS,OAAA;;yBACtB,EAAA,UAAA,IAAA,GAApD,mBAA2F,UAAA,MAAA,WAAxD,OAAA,mBAAhB,MAAM,UAAK;uBAA9B,YAA2F,wBAAR,IAAI,GAAA,EAAjC,KAAK,KAAK,OAAO,MAAA,CAAA"}

package/esm/components/group/group.module.mjs

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

package/esm/components/group/group.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.module.mjs","names":[],"sources":["../../../src/components/group/group.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: var(--group-wrap, wrap);\n  justify-content: var(--group-justify, flex-start);\n  align-items: var(--group-align, center);\n  gap: var(--group-gap, var(--c-spacing-md));\n\n  &:where([data-grow]) {\n    & > * {\n      flex-grow: 1;\n      max-width: var(--group-child-width);\n    }\n  }\n}\n"],"mappings":";;AAAA,IAAA,uBAAe,EAAC,QAAO,aAAY"}

package/esm/components/group/index.mjs

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

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

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

package/esm/components/loader/index.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { withInstall } from "../../core/utils/vue/install.mjs";
+import loader_default from "./loader.mjs";
+import bars_default from "./loaders/bars.mjs";
+import dots_default from "./loaders/dots.mjs";
+import oval_default from "./loaders/oval.mjs";
+//#region packages/@cck-ui/core/src/components/loader/index.ts
+const CDefaultLoaders = {
+	bars: bars_default,
+	dots: dots_default,
+	oval: oval_default
+};
+const CLoader = withInstall(loader_default);
+//#endregion
+export { CDefaultLoaders, CLoader, CLoader as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Bars","Dots","Oval","Loader"],"sources":["../../../src/components/loader/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../../core'\nimport Loader from './loader.vue'\nimport { CLoadersRecord } from './loader.types.js'\n\nimport Bars from './loaders/bars.vue'\nimport Dots from './loaders/dots.vue'\nimport Oval from './loaders/oval.vue'\n\nexport const CDefaultLoaders: CLoadersRecord = {\n  bars: Bars,\n  dots: Dots,\n  oval: Oval,\n}\n\nexport const CLoader: SFCWithInstall<typeof Loader> = withInstall(Loader)\nexport default CLoader\n\nexport * from './loader.types'\n"],"mappings":";;;;;;;AAQA,MAAa,kBAAkC;CAC7C,MAAMA;CACN,MAAMC;CACN,MAAMC;AACR;AAEA,MAAa,UAAyC,YAAYC,cAAM"}