@cck-ui/core 0.2.0

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright (c) 2026 CCK UI
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/cjs/_virtual/_/plugin-vue/export-helper.cjs

@@ -0,0 +1,9 @@
+"use client";
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+exports.default = export_helper_default;

package/cjs/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,24 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/cjs/components/button/button-group/button-group.cjs

@@ -0,0 +1,382 @@
+"use client";
+const require_rem = require("../../../core/utils/units-converters/rem.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_use_button_group = require("./use-button-group.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/button/button-group/button-group.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	name: "CButtonGroup",
+	__name: "button-group",
+	props: {
+		orientation: {
+			type: String,
+			required: false,
+			default: "horizontal"
+		},
+		borderWidth: {
+			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 }) {
+		__expose();
+		const slots = (0, vue.useSlots)();
+		const varsResolver = require_create_vars_resolver.createVarsResolver((_, { borderWidth }) => ({ group: { "--button-border-width": require_rem.rem(borderWidth) } }));
+		const props = __props;
+		const { className, style, classNames, styles, unstyled, orientation, vars, borderWidth, mod, attributes, ...others } = props;
+		const getStyles = require_use_styles.useStyles({
+			name: "ButtonGroup",
+			props,
+			classes: require_button_module.default,
+			className,
+			style,
+			classNames,
+			styles,
+			unstyled,
+			attributes,
+			vars,
+			varsResolver,
+			rootSelector: "group"
+		});
+		const groupAttrs = (0, vue.computed)(() => getStyles("group"));
+		const mergedAttrs = (0, vue.computed)(() => ({
+			...others,
+			...groupAttrs.value
+		}));
+		const { validChildren } = require_use_button_group.useButtonGroup(slots);
+		const __returned__ = {
+			slots,
+			varsResolver,
+			props,
+			className,
+			style,
+			classNames,
+			styles,
+			unstyled,
+			orientation,
+			vars,
+			borderWidth,
+			mod,
+			attributes,
+			others,
+			getStyles,
+			groupAttrs,
+			mergedAttrs,
+			validChildren,
+			get CBox() {
+				return require_index.CBox;
+			}
+		};
+		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["CBox"], (0, vue.mergeProps)({ rol: "group" }, $setup.mergedAttrs, { mod: [{ "data-orientation": $setup.orientation }, $setup.mod] }), {
+		default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($setup.validChildren, (child, index) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(child), { key: child.key ?? index });
+		}), 128))]),
+		_: 1
+	}, 16, ["mod"]);
+}
+var button_group_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-group\\button-group.vue"]]);
+//#endregion
+exports.default = button_group_default;
+
+//# sourceMappingURL=button-group.cjs.map

package/cjs/components/button/button-group/button-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.cjs","names":[],"sources":["../../../../src/components/button/button-group/button-group.vue","../../../../src/components/button/button-group/button-group.vue"],"sourcesContent":["<template>\n  <c-box rol=\"group\" v-bind=\"mergedAttrs\" :mod=\"[{ 'data-orientation': orientation }, mod]\">\n    <template v-for=\"(child, index) in validChildren\" :key=\"child.key ?? index\">\n      <component :is=\"child\" />\n    </template>\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport { CBox, createVarsResolver, rem, useStyles } from '../../../core'\nimport classes from '../button.module.css'\nimport { ButtonGroupFactory, type ButtonGroupProps } from './button-group.types'\nimport { useButtonGroup } from './use-button-group'\n\ndefineOptions({\n  name: 'CButtonGroup',\n})\n\nconst slots = useSlots()\n\nconst varsResolver = createVarsResolver<ButtonGroupFactory>((_, { borderWidth }) => ({\n  group: { '--button-border-width': rem(borderWidth) },\n}))\n\nconst props = withDefaults(defineProps<ButtonGroupProps>(), {\n  orientation: 'horizontal',\n})\n\nconst {\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  orientation,\n  vars,\n  borderWidth,\n  mod,\n  attributes,\n  ...others\n} = props\n\nconst getStyles = useStyles<ButtonGroupFactory>({\n  name: 'ButtonGroup',\n  props,\n  classes,\n  className,\n  style,\n  classNames,\n  styles,\n  unstyled,\n  attributes,\n  vars,\n  varsResolver,\n  rootSelector: 'group',\n})\n\nconst groupAttrs = computed(() => getStyles('group'))\nconst mergedAttrs = computed(() => ({ ...others, ...groupAttrs.value }))\n\nconst { validChildren } = useButtonGroup(slots)\n</script>\n",null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,eAAe,6BAAA,oBAAwC,GAAG,EAAE,mBAAmB,EACnF,OAAO,EAAE,yBAAyB,YAAA,IAAI,WAAW,EAAE,EACrD,EAAE;EAEF,MAAM,QAAQ;EAId,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,KACA,YACA,GAAG,WACD;EAEJ,MAAM,YAAY,mBAAA,UAA8B;GAC9C,MAAM;GACN;GACA,SAAA,sBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAAC;EAED,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B,UAAU,OAAO,CAAC;EACpD,MAAM,eAAA,GAAA,IAAA,SAAA,QAA8B;GAAE,GAAG;GAAQ,GAAG,WAAW;EAAM,EAAE;EAEvE,MAAM,EAAE,kBAAkB,yBAAA,eAAe,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDCxDpC,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAJD,KAAI,QAAO,GAAS,OAAA,aAAW,EAAG,KAAG,CAAA,EAAA,oBAAyB,OAAA,YAAW,GAAI,OAAA,GAAG,EAAA,CAAA,GAAA;kCACpC,GAAA,GAAA,IAAA,UAAA,CAAA,IAAA,IAAA,GAAA,IAAA,mBAAA,CAEtC,IAAA,UAAA,OAAA,GAAA,IAAA,WAAA,CAFwB,OAAA,gBAAjB,OAAO,UAAK;sFACZ,KAAK,GAAA,EAAA,KADiC,MAAM,OAAO,MAAA,CAAA"}

package/cjs/components/button/button-group/use-button-group.cjs

@@ -0,0 +1,34 @@
+"use client";
+const require_component = require("../../../core/utils/vue/component.cjs");
+const require_button = require("../button.cjs");
+const require_button_group_section = require("../button-group-section/button-group-section.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/button/button-group/use-button-group.ts
+const getValidButtons = (children) => {
+	const result = [];
+	for (const child of children) {
+		if (!(0, vue.isVNode)(child)) continue;
+		if (child.type === vue.Comment || child.type === vue.Text) continue;
+		if (child.type === vue.Fragment) {
+			const fragmentChildren = Array.isArray(child.children) ? child.children : [child.children];
+			result.push(...getValidButtons(fragmentChildren));
+			continue;
+		}
+		if (child.type !== require_button.default && child.type !== require_button_group_section.default) {
+			console.error("[CButtonGroup] invalid child component: only CButton or CButtonGroupSection components are allowed as direct children.", `Received: <${require_component.getComponentName(child.type)}>.`, "Please ensure all direct children are <c-button> or <c-button-group-section> components.");
+			continue;
+		}
+		result.push(child);
+	}
+	return result;
+};
+const useButtonGroup = (slots) => {
+	return { validChildren: (0, vue.computed)(() => {
+		return getValidButtons(slots.default?.() ?? []);
+	}) };
+};
+//#endregion
+exports.getValidButtons = getValidButtons;
+exports.useButtonGroup = useButtonGroup;
+
+//# sourceMappingURL=use-button-group.cjs.map

package/cjs/components/button/button-group/use-button-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button-group.cjs","names":["Comment","Text","Fragment","CButton","CButtonGroupSection","getComponentName"],"sources":["../../../../src/components/button/button-group/use-button-group.ts"],"sourcesContent":["import { Comment, Fragment, Slots, Text, VNode, computed, isVNode } from 'vue'\nimport { getComponentName } from '../../../core/utils'\nimport CButton from '../button.vue'\nimport CButtonGroupSection from '../button-group-section/button-group-section.vue'\n\nexport const getValidButtons = (children: VNode[]): VNode[] => {\n  const result: VNode[] = []\n\n  for (const child of children) {\n    if (!isVNode(child)) {\n      continue\n    }\n\n    if (child.type === Comment || child.type === Text) {\n      continue\n    }\n\n    if (child.type === Fragment) {\n      const fragmentChildren = Array.isArray(child.children) ? child.children : [child.children]\n      result.push(...getValidButtons(fragmentChildren as VNode[]))\n      continue\n    }\n\n    if (child.type !== CButton && child.type !== CButtonGroupSection) {\n      console.error(\n        '[CButtonGroup] invalid child component: only CButton or CButtonGroupSection components are allowed as direct children.',\n        `Received: <${getComponentName(child.type)}>.`,\n        'Please ensure all direct children are <c-button> or <c-button-group-section> components.'\n      )\n      continue\n    }\n\n    result.push(child)\n  }\n\n  return result\n}\n\nexport const useButtonGroup = (slots: Slots) => {\n  const validChildren = computed(() => {\n    const defaultSlot = slots.default?.() ?? []\n    return getValidButtons(defaultSlot)\n  })\n\n  return { validChildren }\n}\n"],"mappings":";;;;;;AAKA,MAAa,mBAAmB,aAA+B;CAC7D,MAAM,SAAkB,CAAC;CAEzB,KAAK,MAAM,SAAS,UAAU;EAC5B,IAAI,EAAA,GAAA,IAAA,QAAA,CAAS,KAAK,GAChB;EAGF,IAAI,MAAM,SAASA,IAAAA,WAAW,MAAM,SAASC,IAAAA,MAC3C;EAGF,IAAI,MAAM,SAASC,IAAAA,UAAU;GAC3B,MAAM,mBAAmB,MAAM,QAAQ,MAAM,QAAQ,IAAI,MAAM,WAAW,CAAC,MAAM,QAAQ;GACzF,OAAO,KAAK,GAAG,gBAAgB,gBAA2B,CAAC;GAC3D;EACF;EAEA,IAAI,MAAM,SAASC,eAAAA,WAAW,MAAM,SAASC,6BAAAA,SAAqB;GAChE,QAAQ,MACN,0HACA,cAAcC,kBAAAA,iBAAiB,MAAM,IAAI,EAAE,KAC3C,0FACF;GACA;EACF;EAEA,OAAO,KAAK,KAAK;CACnB;CAEA,OAAO;AACT;AAEA,MAAa,kBAAkB,UAAiB;CAM9C,OAAO,EAAE,gBAAA,GAAA,IAAA,SAAA,OAL4B;EAEnC,OAAO,gBADa,MAAM,UAAU,KAAK,CAAC,CACR;CACpC,CAEqB,EAAE;AACzB"}