@vuecs/elements 1.1.0 → 1.2.0

package/dist/components/collapse/CollapseTrigger.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
 import type { CollapseChevron, CollapseTriggerThemeClasses } from './types';
 declare const collapseTriggerProps: {
     themeClass: {
@@ -22,7 +22,7 @@ declare const collapseTriggerProps: {
     };
     /** HTML tag (or component) to render as. Reka default: `'button'`. */
     as: {
-        type: StringConstructor;
+        type: PropType<string | Component>;
         default: string;
     };
     /** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
@@ -56,7 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     /** HTML tag (or component) to render as. Reka default: `'button'`. */
     as: {
-        type: StringConstructor;
+        type: PropType<string | Component>;
         default: string;
     };
     /** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
@@ -88,7 +88,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     /** HTML tag (or component) to render as. Reka default: `'button'`. */
     as: {
-        type: StringConstructor;
+        type: PropType<string | Component>;
         default: string;
     };
     /** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */

package/dist/components/collapse/CollapseTrigger.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseTrigger.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAa,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AASvE,OAAO,KAAK,EACR,eAAe,EAEf,2BAA2B,EAC9B,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;;;;IAEtE,gFAAgF;;;;;CAGnF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAIlE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA3Bd;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;;;;IAEtE,gFAAgF;;;;;;;;;;;;;;;;IAVhF;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;;;;IAEtE,gFAAgF;;;;;;;;;;;4EAmElF,CAAC"}
+{"version":3,"file":"CollapseTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseTrigger.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AASvE,OAAO,KAAK,EACR,eAAe,EAEf,2BAA2B,EAC9B,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;CAGnF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAIlE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA3Bd;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;;;;;;;;;;;;IAVhF;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;;;;;;;4EAmElF,CAAC"}

package/dist/components/tag/Tag.vue.d.ts

@@ -131,9 +131,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onRemove?: (...args: any[]) => any;
 }>, {
     icon: string;
+    size: TagSize;
     themeClass: ThemeClassesOverride<TagThemeClasses>;
     themeVariant: VariantValues;
-    size: TagSize;
     value: string | number;
     label: string;
     removable: boolean;

package/dist/components/tag/Tags.vue.d.ts

@@ -104,9 +104,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     onRemove?: (...args: any[]) => any;
 }>, {
+    size: TagSize;
     themeClass: ThemeClassesOverride<TagsThemeClasses>;
     themeVariant: VariantValues;
-    size: TagSize;
     removable: boolean;
     items: TagsItem[];
 }, SlotsType<{

package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts

@@ -1,8 +1,8 @@
-import type { ExtractPublicPropTypes } from 'vue';
+import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
 declare const visuallyHiddenProps: {
     /** HTML tag to render. */
     as: {
-        type: StringConstructor;
+        type: PropType<string | Component>;
         default: string;
     };
 };
@@ -12,7 +12,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** HTML tag to render. */
     as: {
-        type: StringConstructor;
+        type: PropType<string | Component>;
         default: string;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -20,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** HTML tag to render. */
     as: {
-        type: StringConstructor;
+        type: PropType<string | Component>;
         default: string;
     };
 }>> & Readonly<{}>, {

package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/VisuallyHidden.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAGlD,QAAA,MAAM,mBAAmB;IACrB,0BAA0B;;;;;CAE7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,OAAO,mBAAmB,CAAC,CAAC;wBAEhE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAdd,0BAA0B;;;;;;;;IAA1B,0BAA0B;;;;;;;4EAyB5B,CAAC"}
+{"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/VisuallyHidden.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGvE,QAAA,MAAM,mBAAmB;IACrB,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;CAC/D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,OAAO,mBAAmB,CAAC,CAAC;wBAEhE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAdd,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IAD5D,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAwB9D,CAAC"}

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { installDefaultsManager, installThemeManager, themableProps, useComponentDefaults, useComponentTheme, useThemeProps } from "@vuecs/core";
+import { VCPrimitive, installDefaultsManager, installThemeManager, themableProps, useComponentDefaults, useComponentTheme, useThemeProps } from "@vuecs/core";
 import { computed, defineComponent, h, inject, mergeProps, provide, resolveComponent } from "vue";
-import { AspectRatio, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, Primitive, Separator, VisuallyHidden } from "reka-ui";
+import { AspectRatio, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, Separator, VisuallyHidden } from "reka-ui";
 import { VCPlaceholder } from "@vuecs/placeholder";
 //#region src/components/alert/theme.ts
 const alertThemeDefaults = { classes: {
@@ -52,7 +52,7 @@ const alertProps = {
 	},
 	/** HTML tag to render. */
 	as: {
-		type: String,
+		type: [String, Object],
 		default: "div"
 	},
 	...themableProps()
@@ -118,7 +118,7 @@ var AlertTitle_default = defineComponent({
 		* heading). Override via `:as` for nested-heading hierarchies.
 		*/
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "h4"
 		},
 		...themableProps()
@@ -136,7 +136,7 @@ var AlertDescription_default = defineComponent({
 	props: {
 		/** HTML tag to render. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "div"
 		},
 		...themableProps()
@@ -154,7 +154,7 @@ var AlertClose_default = defineComponent({
 	props: {
 		/** HTML tag to render. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "button"
 		},
 		/**
@@ -402,7 +402,7 @@ var Card_default = defineComponent({
 		},
 		/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "div"
 		},
 		/** Render the consumer's slot child as the card root (Reka `asChild` pattern). */
@@ -416,7 +416,7 @@ var Card_default = defineComponent({
 		const themeProps = useThemeProps(props, "variant", "padding", "interactive");
 		const theme = useComponentTheme("card", themeProps, cardThemeDefaults);
 		provideCardContext({ themeVariant: () => themeProps.themeVariant });
-		return () => h(Primitive, mergeProps(attrs, {
+		return () => h(VCPrimitive, mergeProps(attrs, {
 			as: props.as,
 			asChild: props.asChild,
 			class: theme.value.root || void 0
@@ -431,7 +431,7 @@ var CardHeader_default = defineComponent({
 	props: {
 		/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "header"
 		},
 		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -463,7 +463,7 @@ var CardHeader_default = defineComponent({
 				};
 			}
 		}, cardHeaderThemeDefaults);
-		return () => h(Primitive, mergeProps(attrs, {
+		return () => h(VCPrimitive, mergeProps(attrs, {
 			as: props.as,
 			asChild: props.asChild,
 			class: theme.value.root || void 0
@@ -478,7 +478,7 @@ var CardTitle_default = defineComponent({
 	props: {
 		/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "h3"
 		},
 		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -510,7 +510,7 @@ var CardTitle_default = defineComponent({
 				};
 			}
 		}, cardTitleThemeDefaults);
-		return () => h(Primitive, mergeProps(attrs, {
+		return () => h(VCPrimitive, mergeProps(attrs, {
 			as: props.as,
 			asChild: props.asChild,
 			class: theme.value.root || void 0
@@ -525,7 +525,7 @@ var CardDescription_default = defineComponent({
 	props: {
 		/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "p"
 		},
 		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -557,7 +557,7 @@ var CardDescription_default = defineComponent({
 				};
 			}
 		}, cardDescriptionThemeDefaults);
-		return () => h(Primitive, mergeProps(attrs, {
+		return () => h(VCPrimitive, mergeProps(attrs, {
 			as: props.as,
 			asChild: props.asChild,
 			class: theme.value.root || void 0
@@ -572,7 +572,7 @@ var CardBody_default = defineComponent({
 	props: {
 		/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "div"
 		},
 		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -604,7 +604,7 @@ var CardBody_default = defineComponent({
 				};
 			}
 		}, cardBodyThemeDefaults);
-		return () => h(Primitive, mergeProps(attrs, {
+		return () => h(VCPrimitive, mergeProps(attrs, {
 			as: props.as,
 			asChild: props.asChild,
 			class: theme.value.root || void 0
@@ -619,7 +619,7 @@ var CardFooter_default = defineComponent({
 	props: {
 		/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "footer"
 		},
 		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -651,7 +651,7 @@ var CardFooter_default = defineComponent({
 				};
 			}
 		}, cardFooterThemeDefaults);
-		return () => h(Primitive, mergeProps(attrs, {
+		return () => h(VCPrimitive, mergeProps(attrs, {
 			as: props.as,
 			asChild: props.asChild,
 			class: theme.value.root || void 0
@@ -794,7 +794,7 @@ var Collapse_default = defineComponent({
 		},
 		/** HTML tag to render. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "div"
 		},
 		/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -835,7 +835,7 @@ const collapseTriggerProps = {
 	},
 	/** HTML tag (or component) to render as. Reka default: `'button'`. */
 	as: {
-		type: String,
+		type: [String, Object],
 		default: "button"
 	},
 	/** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
@@ -889,7 +889,7 @@ var CollapseContent_default = defineComponent({
 		},
 		/** HTML tag to render. */
 		as: {
-			type: String,
+			type: [String, Object],
 			default: "div"
 		},
 		/** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
@@ -1139,7 +1139,7 @@ var VisuallyHidden_default = defineComponent({
 	props: { 
 	/** HTML tag to render. */
 as: {
-		type: String,
+		type: [String, Object],
 		default: "span"
 	} },
 	setup(props, { attrs, slots }) {