@cck-ui/core 0.4.10 → 0.6.0

package/cjs/components/loader/loaders/oval.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_export_helper = require("../../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_index = require("../../../core/box/index.cjs");
 const require_loader_module = require("../loader.module.cjs");
 let vue = require("vue");
 let clsx = require("clsx");
@@ -323,7 +324,10 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		__expose();
 		const __returned__ = {
 			others: (0, vue.createPropsRestProxy)(__props, ["className", "attributes"]),
-			loaderClass: (0, clsx.default)(require_loader_module.default.ovalLoader, __props.className)
+			loaderClass: (0, clsx.default)(require_loader_module.default.ovalLoader, __props.className),
+			get CBox() {
+				return require_index.CBox;
+			}
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -333,8 +337,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_c_box = (0, vue.resolveComponent)("c-box");
-	return (0, vue.openBlock)(), (0, vue.createBlock)(_component_c_box, (0, vue.mergeProps)({ tag: "span" }, $setup.others, { class: $setup.loaderClass }), null, 16, ["class"]);
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ tag: "span" }, $setup.others, { className: $setup.loaderClass }), null, 16, ["className"]);
 }
 var oval_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/loader/loaders/oval.vue"]]);
 //#endregion

package/cjs/components/loader/loaders/oval.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"oval.cjs","names":[],"sources":["../../../../src/components/loader/loaders/oval.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :class=\"loaderClass\" />\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.ovalLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAS6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;mDAVgB,mBAAA,GAAA,IAAA,WAAA,CAAA,EAAlD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,OAAO,OAAA,YAAW,CAAA,GAAA,MAAA,IAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"oval.cjs","names":[],"sources":["../../../../src/components/loader/loaders/oval.vue"],"sourcesContent":["<template>\n  <c-box tag=\"span\" v-bind=\"others\" :className=\"loaderClass\" />\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { CBox } from '../../../core'\nimport type { LoaderProps } from '../loader.types'\nimport classes from '../loader.module.css'\n\nconst { className, attributes, ...others } = defineProps<LoaderProps>()\n\nconst loaderClass = cx(classes.ovalLoader, className)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAU6C,SAAA,CAAA,aAAA,YAAA,CAAA;kCAEtB,sBAAA,QAAQ,YAAY,QAAA,SAAA;;;;;;;;;;;;;mDAXoB,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAAtD,KAAI,OAAM,GAAS,OAAA,QAAM,EAAG,WAAW,OAAA,YAAW,CAAA,GAAA,MAAA,IAAA,CAAA,WAAA,CAAA"}

package/cjs/components/simple-grid/index.cjs

@@ -1,8 +1,11 @@
 "use client";
 const require_install = require("../../core/utils/vue/install.cjs");
+const require_statics = require("../../core/utils/vue/statics.cjs");
+const require_simple_grid_module = require("./simple-grid.module.cjs");
 const require_simple_grid = require("./simple-grid.cjs");
 //#region packages/@cck-ui/core/src/components/simple-grid/index.ts
-const CSimpleGrid = require_install.withInstall(require_simple_grid.default);
+const SimpleGridWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withClasses(require_simple_grid.default, require_simple_grid_module.default)));
+const CSimpleGrid = require_install.withInstall(SimpleGridWithStatic);
 //#endregion
 exports.CSimpleGrid = CSimpleGrid;
 exports.default = CSimpleGrid;

package/cjs/components/simple-grid/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["withInstall","SimpleGrid"],"sources":["../../../src/components/simple-grid/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../../core'\nimport SimpleGrid from './simple-grid.vue'\n\nexport const CSimpleGrid: SFCWithInstall<typeof SimpleGrid> = withInstall(SimpleGrid)\nexport default CSimpleGrid\n\nexport * from './simple-grid.types'\n"],"mappings":";;;;AAGA,MAAa,cAAiDA,gBAAAA,YAAYC,oBAAAA,OAAU"}
+{"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withClasses","SimpleGrid","classes","withInstall"],"sources":["../../../src/components/simple-grid/index.ts"],"sourcesContent":["import {\n  SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n} from '../../core'\nimport SimpleGrid from './simple-grid.vue'\nimport classes from './simple-grid.module.css'\n\nconst SimpleGridWithStatic = withPropsFactory(withExtend(withClasses(SimpleGrid, classes)))\n\nexport const CSimpleGrid: SFCWithInstallAndClasses<typeof SimpleGrid, typeof classes> =\n  withInstall(SimpleGridWithStatic)\nexport default CSimpleGrid\n\nexport * from './simple-grid.types'\n"],"mappings":";;;;;;AAUA,MAAM,uBAAuBA,gBAAAA,iBAAiBC,gBAAAA,WAAWC,gBAAAA,YAAYC,oBAAAA,SAAYC,2BAAAA,OAAO,CAAC,CAAC;AAE1F,MAAa,cACXC,gBAAAA,YAAY,oBAAoB"}

package/cjs/components/simple-grid/simple-grid.cjs

@@ -1,5 +1,6 @@
 "use client";
 const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
 const require_responsive_style_manager = require("../../core/responsive-style-manager/responsive-style-manager.cjs");
 const require_use_random_classname = require("../../core/box/use-random-classname/use-random-classname.cjs");
 const require_index = require("../../core/box/index.cjs");
@@ -14,13 +15,11 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	props: {
 		cols: {
 			type: null,
-			required: false,
-			default: 1
+			required: false
 		},
 		spacing: {
 			type: null,
-			required: false,
-			default: "md"
+			required: false
 		},
 		verticalSpacing: {
 			type: null,
@@ -28,8 +27,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		},
 		type: {
 			type: String,
-			required: false,
-			default: "media"
+			required: false
 		},
 		minColWidth: {
 			type: null,
@@ -334,8 +332,15 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
-		const props = __props;
+		const _container = (0, vue.ref)(null);
+		const _root = (0, vue.ref)(null);
+		const attrs = (0, vue.useAttrs)();
+		const rawProps = __props;
+		const props = require_use_component_props.useComponentProps({
+			component: "CSimpleGrid",
+			defaultProps: {},
+			props: rawProps
+		});
 		const knownProps = [
 			"classNames",
 			"className",
@@ -355,21 +360,27 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		const getStyles = require_use_styles.useStyles({
 			name: "SimpleGrid",
 			classes: require_simple_grid_module.default,
-			props,
-			className: props.className,
-			style: props.style,
-			classNames: props.classNames,
-			styles: props.styles,
-			unstyled: props.unstyled,
-			attributes: props.attributes,
-			vars: props.vars
+			props: {
+				...props.value,
+				...attrs
+			},
+			className: props.value.className,
+			style: props.value.style,
+			classNames: props.value.classNames,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes,
+			vars: props.value.vars
 		});
 		const responsiveClassname = require_use_random_classname.useRandomClassName();
-		const autoColsAttr = props.minColWidth !== void 0 ? props.autoFlow || "auto-fill" : void 0;
+		const autoColsAttr = props.value.minColWidth !== void 0 ? props.value.autoFlow || "auto-fill" : void 0;
 		const rootAttrs = (0, vue.computed)(() => getStyles("root", { className: responsiveClassname }));
 		const mergedRootAttrs = (0, vue.computed)(() => {
 			const others = {};
-			for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
+			const propsValue = props.value;
+			for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
+			const userMod = props.value.mod;
+			[...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
 			return {
 				...others,
 				...rootAttrs.value
@@ -395,7 +406,15 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		(0, vue.onUnmounted)(() => {
 			if (currentStyleKey.value) require_responsive_style_manager.responsiveStyleManager.unregister(currentStyleKey.value);
 		});
+		__expose({
+			root: (0, vue.computed)(() => _root.value?.root ?? null),
+			container: (0, vue.computed)(() => _container.value?.root ?? null)
+		});
 		const __returned__ = {
+			_container,
+			_root,
+			attrs,
+			rawProps,
 			props,
 			knownProps,
 			getStyles,
@@ -418,13 +437,19 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return $props.type === "container" ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, $setup.containerAttrs)), {
-		default: (0, vue.withCtx)(() => [(0, vue.createVNode)($setup["CBox"], (0, vue.mergeProps)($setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
+	return $props.type === "container" ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({
+		key: 0,
+		ref: "_container"
+	}, $setup.containerAttrs), {
+		default: (0, vue.withCtx)(() => [(0, vue.createVNode)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
 			default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 			_: 3
 		}, 16, ["data-auto-cols"])]),
 		_: 3
-	}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ key: 1 }, $setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
+	}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({
+		key: 1,
+		ref: "_root"
+	}, $setup.mergedRootAttrs, { "data-auto-cols": $setup.autoColsAttr }), {
 		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 		_: 3
 	}, 16, ["data-auto-cols"]));

package/cjs/components/simple-grid/simple-grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.cjs","names":[],"sources":["../../../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 knownProps = [\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]\n\nconst getStyles = useStyles<SimpleGridFactory>({\n  name: 'SimpleGrid',\n  classes,\n  props,\n  className: props.className,\n  style: props.style,\n  classNames: props.classNames,\n  styles: props.styles,\n  unstyled: props.unstyled,\n  attributes: props.attributes,\n  vars: props.vars,\n})\n\nconst responsiveClassname = useRandomClassName()\n\nconst autoColsAttr = props.minColWidth !== undefined ? props.autoFlow || 'auto-fill' : undefined\n\nconst rootAttrs = computed(() => getStyles('root', { className: responsiveClassname }))\nconst mergedRootAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  for (const key in props) {\n    if (!knownProps.includes(key)) {\n      others[key] = props[key as keyof typeof props]\n    }\n  }\n  return { ...others, ...rootAttrs.value }\n})\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"],"mappings":"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"}
+{"version":3,"file":"simple-grid.cjs","names":[],"sources":["../../../src/components/simple-grid/simple-grid.vue"],"sourcesContent":["<template>\n  <c-box ref=\"_container\" v-if=\"type === 'container'\" v-bind=\"containerAttrs\">\n    <c-box ref=\"_root\" v-bind=\"mergedRootAttrs\" :data-auto-cols=\"autoColsAttr\">\n      <slot />\n    </c-box>\n  </c-box>\n  <template v-else>\n    <c-box ref=\"_root\" 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, useAttrs, watchEffect } from 'vue'\nimport {\n  CBox,\n  responsiveStyleManager,\n  useComponentProps,\n  useRandomClassName,\n  useStyles,\n} 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 _container = ref<InstanceType<typeof CBox> | null>(null)\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<SimpleGridProps>()\n\nconst props = useComponentProps({\n  component: 'CSimpleGrid',\n  defaultProps: {},\n  props: rawProps,\n})\n\nconst knownProps = [\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]\n\nconst getStyles = useStyles<SimpleGridFactory>({\n  name: 'SimpleGrid',\n  classes,\n  props: { ...props.value, ...attrs } as SimpleGridProps,\n  className: props.value.className,\n  style: props.value.style,\n  classNames: props.value.classNames,\n  styles: props.value.styles,\n  unstyled: props.value.unstyled,\n  attributes: props.value.attributes,\n  vars: props.value.vars,\n})\n\nconst responsiveClassname = useRandomClassName()\n\nconst autoColsAttr =\n  props.value.minColWidth !== undefined ? props.value.autoFlow || 'auto-fill' : undefined\n\nconst rootAttrs = computed(() => getStyles('root', { className: responsiveClassname }))\nconst mergedRootAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  for (const key in propsValue) {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  }\n  const userMod = props.value.mod\n  const mergedMod = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n  return { ...others, ...rootAttrs.value }\n})\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\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n  container: computed(() => _container.value?.root ?? null),\n})\n</script>\n"],"mappings":"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"}

package/cjs/components/text/index.cjs

@@ -1,8 +1,12 @@
 "use client";
 const require_install = require("../../core/utils/vue/install.cjs");
+const require_statics = require("../../core/utils/vue/statics.cjs");
+const require_text_module = require("./text.module.cjs");
+const require_text_utils = require("./text.utils.cjs");
 const require_text = require("./text.cjs");
 //#region packages/@cck-ui/core/src/components/text/index.ts
-const CText = require_install.withInstall(require_text.default);
+const TextWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withVarsResolver(require_statics.withClasses(require_text.default, require_text_module.default), require_text_utils.varsResolver)));
+const CText = require_install.withInstall(TextWithStatic);
 //#endregion
 exports.CText = CText;
 exports.default = CText;

package/cjs/components/text/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["withInstall","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,QAAqCA,gBAAAA,YAAYC,aAAAA,OAAI"}
+{"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withVarsResolver","withClasses","Text","classes","varsResolver","withInstall"],"sources":["../../../src/components/text/index.ts"],"sourcesContent":["import {\n  SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n  withVarsResolver,\n} from '../../core'\nimport Text from './text.vue'\nimport classes from './text.module.css'\nimport { varsResolver } from './text.utils'\n\nconst TextWithStatic = withPropsFactory(\n  withExtend(withVarsResolver(withClasses(Text, classes), varsResolver))\n)\n\nexport const CText: SFCWithInstallAndClasses<typeof Text, typeof classes> =\n  withInstall(TextWithStatic)\n\nexport default CText\n\nexport * from './text.types'\n"],"mappings":";;;;;;;AAYA,MAAM,iBAAiBA,gBAAAA,iBACrBC,gBAAAA,WAAWC,gBAAAA,iBAAiBC,gBAAAA,YAAYC,aAAAA,SAAMC,oBAAAA,OAAO,GAAGC,mBAAAA,YAAY,CAAC,CACvE;AAEA,MAAa,QACXC,gBAAAA,YAAY,cAAc"}

package/cjs/components/text/text.cjs

@@ -1,11 +1,10 @@
 "use client";
-const require_get_size = require("../../core/utils/get-size/get-size.cjs");
-const require_get_gradient = require("../../core/config-provider/color-functions/get-gradient/get-gradient.cjs");
 const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.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_text_module = require("./text.module.cjs");
+const require_text_utils = require("./text.utils.cjs");
 let vue = require("vue");
 //#region packages/@cck-ui/core/src/components/text/text.vue
 const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -339,8 +338,14 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
-		const props = __props;
+		const _root = (0, vue.ref)(null);
+		const attrs = (0, vue.useAttrs)();
+		const rawProps = __props;
+		const props = require_use_component_props.useComponentProps({
+			component: "CText",
+			defaultProps: {},
+			props: rawProps
+		});
 		function getTextTruncate(truncate) {
 			if (truncate === "start") return "start";
 			if (truncate === "end" || truncate) return "end";
@@ -366,48 +371,52 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			"attributes"
 		];
 		const modList = (0, vue.computed)(() => [{
-			"data-truncate": getTextTruncate(props.truncate),
-			"data-line-clamp": typeof props.lineClamp === "number",
-			"data-inline": props.inline,
-			"data-inherit": props.inherit
-		}, props.mod]);
-		const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { gradient, lineClamp, size, textWrap, variant }) => ({ root: {
-			"--text-fz": require_get_size.getFontSize(size),
-			"--text-lh": require_get_size.getLineHeight(size),
-			"--text-gradient": variant === "gradient" ? require_get_gradient.getGradient(gradient, theme) : void 0,
-			"--text-line-clamp": typeof lineClamp === "number" ? lineClamp.toString() : void 0,
-			"--text-text-wrap": textWrap
-		} }));
+			"data-truncate": getTextTruncate(props.value.truncate),
+			"data-line-clamp": typeof props.value.lineClamp === "number",
+			"data-inline": props.value.inline,
+			"data-inherit": props.value.inherit
+		}]);
 		const getStyles = require_use_styles.useStyles({
-			name: ["Text", props.__staticSelector],
-			props,
+			name: ["Text", props.value.__staticSelector],
+			props: {
+				...props.value,
+				...attrs
+			},
 			classes: require_text_module.default,
-			className: props.className,
-			style: props.style,
-			classNames: props.classNames,
-			styles: props.styles,
-			unstyled: props.unstyled,
-			attributes: props.attributes,
-			vars: props.vars,
-			varsResolver
+			className: props.value.className,
+			style: props.value.style,
+			classNames: props.value.classNames,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes,
+			vars: props.value.vars,
+			varsResolver: require_text_utils.varsResolver
 		});
 		const rootAttrs = (0, vue.computed)(() => getStyles("root", { focusable: true }));
+		const mergedAttrs = (0, vue.computed)(() => {
+			const others = {};
+			const propsValue = props.value;
+			for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
+			const userMod = props.value.mod;
+			const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean), ...modList.value || []];
+			return {
+				...others,
+				mod: mergedMod,
+				...rootAttrs.value
+			};
+		});
+		__expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
 		const __returned__ = {
+			_root,
+			attrs,
+			rawProps,
 			props,
 			getTextTruncate,
 			knownProps,
 			modList,
-			varsResolver,
 			getStyles,
 			rootAttrs,
-			mergedAttrs: (0, vue.computed)(() => {
-				const others = {};
-				for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
-				return {
-					...others,
-					...rootAttrs.value
-				};
-			}),
+			mergedAttrs,
 			get CBox() {
 				return require_index.CBox;
 			}
@@ -420,8 +429,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)($setup.mergedAttrs, {
-		mod: $setup.modList,
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs, {
 		size: $setup.props.size,
 		tag: $setup.props.span ? "span" : "p",
 		variant: $setup.props.variant
@@ -429,7 +437,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 		_: 3
 	}, 16, [
-		"mod",
 		"size",
 		"tag",
 		"variant"

package/cjs/components/text/text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.cjs","names":[],"sources":["../../../src/components/text/text.vue"],"sourcesContent":["<template>\n  <c-box\n    v-bind=\"mergedAttrs\"\n    :mod=\"modList\"\n    :size=\"props.size\"\n    :tag=\"props.span ? 'span' : 'p'\"\n    :variant=\"props.variant\"\n  >\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { TextFactory, TextProps, TextTruncate } from './text.types.ts'\nimport classes from './text.module.css'\nimport {\n  createVarsResolver,\n  getFontSize,\n  getGradient,\n  getLineHeight,\n  useStyles,\n  CBox,\n} from '../../core'\n\ndefineOptions({\n  name: 'CText',\n})\n\nconst props = defineProps<TextProps>()\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n  if (truncate === 'start') {\n    return 'start'\n  }\n\n  if (truncate === 'end' || truncate) {\n    return 'end'\n  }\n\n  return undefined\n}\n\nconst knownProps = [\n  'lineClamp',\n  'truncate',\n  'inline',\n  'inherit',\n  'gradient',\n  'span',\n  'textWrap',\n  '__staticSelector',\n  'vars',\n  'className',\n  'style',\n  'classNames',\n  'styles',\n  'unstyled',\n  'variant',\n  'mod',\n  'size',\n  'attributes',\n]\n\nconst modList = computed(() => [\n  {\n    'data-truncate': getTextTruncate(props.truncate),\n    'data-line-clamp': typeof props.lineClamp === 'number',\n    'data-inline': props.inline,\n    'data-inherit': props.inherit,\n  },\n  props.mod,\n])\n\nconst varsResolver = createVarsResolver<TextFactory>(\n  (theme, { gradient, lineClamp, size, textWrap, variant }) => ({\n    root: {\n      '--text-fz': getFontSize(size),\n      '--text-lh': getLineHeight(size),\n      '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n      '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n      '--text-text-wrap': textWrap,\n    },\n  })\n)\n\nconst getStyles = useStyles<TextFactory>({\n  name: ['Text', props.__staticSelector],\n  props,\n  classes,\n  className: props.className,\n  style: props.style,\n  classNames: props.classNames,\n  styles: props.styles,\n  unstyled: props.unstyled,\n  attributes: props.attributes,\n  vars: props.vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\n\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  for (const key in props) {\n    if (!knownProps.includes(key)) {\n      others[key] = props[key as keyof typeof props]\n    }\n  }\n  return { ...others, ...rootAttrs.value }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAEd,SAAS,gBAAgB,UAAoC;GAC3D,IAAI,aAAa,SACf,OAAO;GAGT,IAAI,aAAa,SAAS,UACxB,OAAO;EAIX;EAEA,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,WAAA,GAAA,IAAA,SAAA,OAAyB,CAC7B;GACE,iBAAiB,gBAAgB,MAAM,QAAQ;GAC/C,mBAAmB,OAAO,MAAM,cAAc;GAC9C,eAAe,MAAM;GACrB,gBAAgB,MAAM;EACxB,GACA,MAAM,GACR,CAAC;EAED,MAAM,eAAe,6BAAA,oBAClB,OAAO,EAAE,UAAU,WAAW,MAAM,UAAU,eAAe,EAC5D,MAAM;GACJ,aAAa,iBAAA,YAAY,IAAI;GAC7B,aAAa,iBAAA,cAAc,IAAI;GAC/B,mBAAmB,YAAY,aAAa,qBAAA,YAAY,UAAU,KAAK,IAAI,KAAA;GAC3E,qBAAqB,OAAO,cAAc,WAAW,UAAU,SAAS,IAAI,KAAA;GAC5E,oBAAoB;EACtB,EACF,EACF;EAEA,MAAM,YAAY,mBAAA,UAAuB;GACvC,MAAM,CAAC,QAAQ,MAAM,gBAAgB;GACrC;GACA,SAAA,oBAAA;GACA,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,YAAY,MAAM;GAClB,QAAQ,MAAM;GACd,UAAU,MAAM;GAChB,YAAY,MAAM;GAClB,MAAM,MAAM;GACZ;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;;;wCAEpC;IACjC,MAAM,SAA8B,CAAC;IACrC,KAAK,MAAM,OAAO,OAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,MAAM;IAGxB,OAAO;KAAE,GAAG;KAAQ,GAAG,UAAU;IAAM;GACzC,CAAA;;;;;;;;;;;;;mDArGU,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAPE,aAAW;EAClB,KAAK,OAAA;EACL,MAAM,OAAA,MAAM;EACZ,KAAK,OAAA,MAAM,OAAI,SAAA;EACf,SAAS,OAAA,MAAM;;kCAER,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"text.cjs","names":[],"sources":["../../../src/components/text/text.vue"],"sourcesContent":["<template>\n  <c-box\n    ref=\"_root\"\n    v-bind=\"mergedAttrs\"\n    :size=\"props.size\"\n    :tag=\"props.span ? 'span' : 'p'\"\n    :variant=\"props.variant\"\n  >\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport type { TextFactory, TextProps, TextTruncate } from './text.types.ts'\nimport classes from './text.module.css'\nimport { useStyles, CBox, useComponentProps } from '../../core'\nimport { varsResolver } from './text.utils.js'\n\ndefineOptions({\n  name: 'CText',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<TextProps>()\n\nconst props = useComponentProps({\n  component: 'CText',\n  defaultProps: {},\n  props: rawProps,\n})\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n  if (truncate === 'start') {\n    return 'start'\n  }\n\n  if (truncate === 'end' || truncate) {\n    return 'end'\n  }\n\n  return undefined\n}\n\nconst knownProps = [\n  'lineClamp',\n  'truncate',\n  'inline',\n  'inherit',\n  'gradient',\n  'span',\n  'textWrap',\n  '__staticSelector',\n  'vars',\n  'className',\n  'style',\n  'classNames',\n  'styles',\n  'unstyled',\n  'variant',\n  'mod',\n  'size',\n  'attributes',\n]\n\nconst modList = computed(() => [\n  {\n    'data-truncate': getTextTruncate(props.value.truncate),\n    'data-line-clamp': typeof props.value.lineClamp === 'number',\n    'data-inline': props.value.inline,\n    'data-inherit': props.value.inherit,\n  },\n])\n\nconst getStyles = useStyles<TextFactory>({\n  name: ['Text', props.value.__staticSelector],\n  props: { ...props.value, ...attrs } as TextProps,\n  classes,\n  className: props.value.className,\n  style: props.value.style,\n  classNames: props.value.classNames,\n  styles: props.value.styles,\n  unstyled: props.value.unstyled,\n  attributes: props.value.attributes,\n  vars: props.value.vars,\n  varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\n\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  for (const key in propsValue) {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  }\n  const userMod = props.value.mod\n  const mergedMod = [\n    ...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)),\n    ...(modList.value || []),\n  ]\n  return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EAExD,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,SAAS,gBAAgB,UAAoC;GAC3D,IAAI,aAAa,SACf,OAAO;GAGT,IAAI,aAAa,SAAS,UACxB,OAAO;EAIX;EAEA,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,WAAA,GAAA,IAAA,SAAA,OAAyB,CAC7B;GACE,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ;GACrD,mBAAmB,OAAO,MAAM,MAAM,cAAc;GACpD,eAAe,MAAM,MAAM;GAC3B,gBAAgB,MAAM,MAAM;EAC9B,CACF,CAAC;EAED,MAAM,YAAY,mBAAA,UAAuB;GACvC,MAAM,CAAC,QAAQ,MAAM,MAAM,gBAAgB;GAC3C,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA,oBAAA;GACA,WAAW,MAAM,MAAM;GACvB,OAAO,MAAM,MAAM;GACnB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;GACxB,MAAM,MAAM,MAAM;GAClB,cAAA,mBAAA;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;EAEvE,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAChB,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,GAC/D,GAAI,QAAQ,SAAS,CAAC,CACxB;GACA,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;mDAtGS,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAPN,KAAI,QAAO,GACH,OAAA,aAAW;EAClB,MAAM,OAAA,MAAM;EACZ,KAAK,OAAA,MAAM,OAAI,SAAA;EACf,SAAS,OAAA,MAAM;;kCAER,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/components/text/text.utils.cjs

@@ -0,0 +1,15 @@
+"use client";
+const require_get_size = require("../../core/utils/get-size/get-size.cjs");
+const require_get_gradient = require("../../core/config-provider/color-functions/get-gradient/get-gradient.cjs");
+//#region packages/@cck-ui/core/src/components/text/text.utils.ts
+const varsResolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs").createVarsResolver((theme, { gradient, lineClamp, size, textWrap, variant }) => ({ root: {
+	"--text-fz": require_get_size.getFontSize(size),
+	"--text-lh": require_get_size.getLineHeight(size),
+	"--text-gradient": variant === "gradient" ? require_get_gradient.getGradient(gradient, theme) : void 0,
+	"--text-line-clamp": typeof lineClamp === "number" ? lineClamp.toString() : void 0,
+	"--text-text-wrap": textWrap
+} }));
+//#endregion
+exports.varsResolver = varsResolver;
+
+//# sourceMappingURL=text.utils.cjs.map

package/cjs/components/text/text.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.utils.cjs","names":["createVarsResolver","getFontSize","getLineHeight","getGradient"],"sources":["../../../src/components/text/text.utils.ts"],"sourcesContent":["import { createVarsResolver, getFontSize, getGradient, getLineHeight } from '../../core'\nimport { TextFactory } from './text.types'\n\nexport const varsResolver = createVarsResolver<TextFactory>(\n  (theme, { gradient, lineClamp, size, textWrap, variant }) => ({\n    root: {\n      '--text-fz': getFontSize(size),\n      '--text-lh': getLineHeight(size),\n      '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n      '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n      '--text-text-wrap': textWrap,\n    },\n  })\n)\n"],"mappings":";;;;AAGA,MAAa,4FAAeA,CAAAA,CAAAA,oBACzB,OAAO,EAAE,UAAU,WAAW,MAAM,UAAU,eAAe,EAC5D,MAAM;CACJ,aAAaC,iBAAAA,YAAY,IAAI;CAC7B,aAAaC,iBAAAA,cAAc,IAAI;CAC/B,mBAAmB,YAAY,aAAaC,qBAAAA,YAAY,UAAU,KAAK,IAAI,KAAA;CAC3E,qBAAqB,OAAO,cAAc,WAAW,UAAU,SAAS,IAAI,KAAA;CAC5E,oBAAoB;AACtB,EACF,EACF"}

package/cjs/components/unstyled-button/index.cjs

@@ -1,8 +1,11 @@
 "use client";
 const require_install = require("../../core/utils/vue/install.cjs");
+const require_statics = require("../../core/utils/vue/statics.cjs");
+const require_unstyled_button_module = require("./unstyled-button.module.cjs");
 const require_unstyled_button = require("./unstyled-button.cjs");
 //#region packages/@cck-ui/core/src/components/unstyled-button/index.ts
-const UnstyledButton = require_install.withInstall(require_unstyled_button.default);
+const UnstyledButtonWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withClasses(require_unstyled_button.default, require_unstyled_button_module.default)));
+const UnstyledButton = require_install.withInstall(UnstyledButtonWithStatic);
 //#endregion
 exports.UnstyledButton = UnstyledButton;
 exports.default = UnstyledButton;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["withInstall","_UnstyledButton"],"sources":["../../../src/components/unstyled-button/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../../core'\nimport _UnstyledButton from './unstyled-button.vue'\n\nexport const UnstyledButton: SFCWithInstall<typeof _UnstyledButton> = withInstall(_UnstyledButton)\nexport default UnstyledButton\n\nexport * from './unstyled-button.types'\n"],"mappings":";;;;AAGA,MAAa,iBAAyDA,gBAAAA,YAAYC,wBAAAA,OAAe"}
+{"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withClasses","_UnstyledButton","classes","withInstall"],"sources":["../../../src/components/unstyled-button/index.ts"],"sourcesContent":["import {\n  SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n} from '../../core'\nimport _UnstyledButton from './unstyled-button.vue'\nimport classes from './unstyled-button.module.css'\n\nconst UnstyledButtonWithStatic = withPropsFactory(withExtend(withClasses(_UnstyledButton, classes)))\n\nexport const UnstyledButton: SFCWithInstallAndClasses<typeof _UnstyledButton, typeof classes> =\n  withInstall(UnstyledButtonWithStatic)\nexport default UnstyledButton\n\nexport * from './unstyled-button.types'\n"],"mappings":";;;;;;AAUA,MAAM,2BAA2BA,gBAAAA,iBAAiBC,gBAAAA,WAAWC,gBAAAA,YAAYC,wBAAAA,SAAiBC,+BAAAA,OAAO,CAAC,CAAC;AAEnG,MAAa,iBACXC,gBAAAA,YAAY,wBAAwB"}

package/cjs/components/unstyled-button/unstyled-button.cjs

@@ -1,5 +1,6 @@
 "use client";
 const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
 const require_index = require("../../core/box/index.cjs");
 const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
 const require_unstyled_button_module = require("./unstyled-button.module.cjs");
@@ -11,8 +12,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	props: {
 		__staticSelector: {
 			type: String,
-			required: false,
-			default: "UnstyledButton"
+			required: false
 		},
 		size: {
 			type: [String, Number],
@@ -313,9 +313,15 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
-		const props = __props;
-		const { tag = "button" } = props;
+		const attrs = (0, vue.useAttrs)();
+		const rawProps = __props;
+		const props = require_use_component_props.useComponentProps({
+			component: "UnstyledButton",
+			defaultProps: { __staticSelector: "UnstyledButton" },
+			props: rawProps
+		});
+		const { tag = "button" } = props.value;
+		const _root = (0, vue.ref)(null);
 		const knownProps = [
 			"className",
 			"tag",
@@ -327,31 +333,40 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			"attributes"
 		];
 		const getStyles = require_use_styles.useStyles({
-			name: props.__staticSelector,
-			props,
+			name: props.value.__staticSelector,
+			props: {
+				...props.value,
+				...attrs
+			},
 			classes: require_unstyled_button_module.default,
-			className: props.className,
-			style: props.style,
-			classNames: props.classNames,
-			styles: props.styles,
-			unstyled: props.unstyled,
-			attributes: props.attributes
+			className: props.value.className,
+			style: props.value.style,
+			classNames: props.value.classNames,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes
 		});
 		const rootAttrs = (0, vue.computed)(() => getStyles("root", { focusable: true }));
+		const mergedAttrs = (0, vue.computed)(() => {
+			const others = {};
+			const propsValue = props.value;
+			for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
+			return {
+				...others,
+				...rootAttrs.value
+			};
+		});
+		__expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
 		const __returned__ = {
+			attrs,
+			rawProps,
 			props,
 			tag,
+			_root,
 			knownProps,
 			getStyles,
 			rootAttrs,
-			mergedAttrs: (0, vue.computed)(() => {
-				const others = {};
-				for (const key in props) if (!knownProps.includes(key)) others[key] = props[key];
-				return {
-					...others,
-					...rootAttrs.value
-				};
-			}),
+			mergedAttrs,
 			get CBox() {
 				return require_index.CBox;
 			}
@@ -364,7 +379,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)($setup.mergedAttrs, {
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs, {
 		tag: $setup.tag,
 		type: $setup.tag === "button" ? "button" : void 0
 	}), {

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

@@ -1 +1 @@
-{"version":3,"file":"unstyled-button.cjs","names":[],"sources":["../../../src/components/unstyled-button/unstyled-button.vue"],"sourcesContent":["<template>\n  <c-box v-bind=\"mergedAttrs\" :tag=\"tag\" :type=\"tag === 'button' ? 'button' : undefined\">\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { CBox, useStyles } from '../../core'\nimport type { UnstyledButtonFactory, UnstyledButtonProps } from './unstyled-button.types'\nimport classes from './unstyled-button.module.css'\n\ndefineOptions({\n  name: 'UnstyledButton',\n})\n\nconst props = withDefaults(defineProps<UnstyledButtonProps>(), {\n  __staticSelector: 'UnstyledButton',\n})\n\nconst { tag = 'button' } = props\n\nconst knownProps = [\n  'className',\n  'tag',\n  '__staticSelector',\n  'unstyled',\n  'classNames',\n  'styles',\n  'style',\n  'attributes',\n]\n\nconst getStyles = useStyles<UnstyledButtonFactory>({\n  name: props.__staticSelector,\n  props,\n  classes,\n  className: props.className,\n  style: props.style,\n  classNames: props.classNames,\n  styles: props.styles,\n  unstyled: props.unstyled,\n  attributes: props.attributes,\n})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  for (const key in props) {\n    if (!knownProps.includes(key)) {\n      others[key] = props[key as keyof typeof props]\n    }\n  }\n  return { ...others, ...rootAttrs.value }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,EAAE,MAAM,aAAa;EAE3B,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,mBAAA,UAAiC;GACjD,MAAM,MAAM;GACZ;GACA,SAAA,+BAAA;GACA,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,YAAY,MAAM;GAClB,QAAQ,MAAM;GACd,UAAU,MAAM;GAChB,YAAY,MAAM;EACpB,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;;;;;;;wCACpC;IACjC,MAAM,SAA8B,CAAC;IACrC,KAAK,MAAM,OAAO,OAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,MAAM;IAGxB,OAAO;KAAE,GAAG;KAAQ,GAAG,UAAU;IAAM;GACzC,CAAA;;;;;;;;;;;;;mDAnDU,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,OAFO,aAAW;EAAG,KAAK,OAAA;EAAM,MAAM,OAAA,QAAG,WAAA,WAA2B,KAAA;;kCAClE,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"unstyled-button.cjs","names":[],"sources":["../../../src/components/unstyled-button/unstyled-button.vue"],"sourcesContent":["<template>\n  <c-box\n    ref=\"_root\"\n    v-bind=\"mergedAttrs\"\n    :tag=\"tag\"\n    :type=\"tag === 'button' ? 'button' : undefined\"\n  >\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CBox, useComponentProps, useStyles } from '../../core'\nimport type { UnstyledButtonFactory, UnstyledButtonProps } from './unstyled-button.types'\nimport classes from './unstyled-button.module.css'\n\ndefineOptions({\n  name: 'UnstyledButton',\n})\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<UnstyledButtonProps>()\n\nconst props = useComponentProps({\n  component: 'UnstyledButton',\n  defaultProps: {\n    __staticSelector: 'UnstyledButton',\n  },\n  props: rawProps,\n})\n\nconst { tag = 'button' } = props.value\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst knownProps = [\n  'className',\n  'tag',\n  '__staticSelector',\n  'unstyled',\n  'classNames',\n  'styles',\n  'style',\n  'attributes',\n]\n\nconst getStyles = useStyles<UnstyledButtonFactory>({\n  name: props.value.__staticSelector!,\n  props: { ...props.value, ...attrs } as UnstyledButtonProps,\n  classes,\n  className: props.value.className,\n  style: props.value.style,\n  classNames: props.value.classNames,\n  styles: props.value.styles,\n  unstyled: props.value.unstyled,\n  attributes: props.value.attributes,\n})\n\nconst rootAttrs = computed(() => getStyles('root', { focusable: true }))\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  for (const key in propsValue) {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  }\n  return { ...others, ...rootAttrs.value }\n})\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc,EACZ,kBAAkB,iBACpB;GACA,OAAO;EACT,CAAC;EAED,MAAM,EAAE,MAAM,aAAa,MAAM;EAEjC,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EAExD,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,mBAAA,UAAiC;GACjD,MAAM,MAAM,MAAM;GAClB,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA,+BAAA;GACA,WAAW,MAAM,MAAM;GACvB,OAAO,MAAM,MAAM;GACnB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;EAC1B,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC,CAAC;EACvE,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,OAAO;IAAE,GAAG;IAAQ,GAAG,UAAU;GAAM;EACzC,CAAC;EAED,SAAa,EACX,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;mDAlES,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EANN,KAAI,QAAO,GACH,OAAA,aAAW;EAClB,KAAK,OAAA;EACL,MAAM,OAAA,QAAG,WAAA,WAA2B,KAAA;;kCAE7B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}