ropav 0.6.0 → 0.8.0

package/dist/components/avatar/index.d.ts

@@ -1,107 +1,8 @@
 import AvatarFallback from "./avatar-fallback.js";
 import AvatarImage from "./avatar-image.js";
 import AvatarRoot from "./avatar-root.js";
-export declare const Avatar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & {
-        class?: string;
-        color?: import("@ropav/styles").AvatarVariants["color"];
-        size?: import("@ropav/styles").AvatarVariants["size"];
-        variant?: import("@ropav/styles").AvatarVariants["variant"];
-    } & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-}) & {
-    Fallback: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            color?: import("@ropav/styles").AvatarVariants["color"];
-            delayMs?: number;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Image: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {};
-        emit: ((evt: "error", event: Event) => void) & ((evt: "load", event: Event) => void) & ((evt: "loadingStatusChange", status: import("./index.js").ImageLoadingStatus) => void);
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            alt?: string;
-            crossOrigin?: "" | "anonymous" | "use-credentials";
-            loading?: "eager" | "lazy";
-            referrerPolicy?: ReferrerPolicy;
-            sizes?: string;
-            src?: string;
-            srcSet?: string;
-            onError?: ((event: Event) => any) | undefined;
-            onLoad?: ((event: Event) => any) | undefined;
-            onLoadingStatusChange?: ((status: import("./index.js").ImageLoadingStatus) => any) | undefined;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {};
-        emit: ((evt: "error", event: Event) => void) & ((evt: "load", event: Event) => void) & ((evt: "loadingStatusChange", status: import("./index.js").ImageLoadingStatus) => void);
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            color?: import("@ropav/styles").AvatarVariants["color"];
-            size?: import("@ropav/styles").AvatarVariants["size"];
-            variant?: import("@ropav/styles").AvatarVariants["variant"];
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
-export { AvatarRoot, AvatarImage, AvatarFallback };
-export type { AvatarRootProps, AvatarRootProps as AvatarProps, AvatarImageProps, AvatarFallbackProps, } from "./avatar.types.js";
+export { AvatarRoot as Avatar, AvatarImage, AvatarFallback };
+export type { AvatarRootProps as AvatarProps, AvatarImageProps, AvatarFallbackProps, } from "./avatar.types.js";
 export type { ImageLoadingStatus } from "../../composables/use-image-loading-status.js";
 export { avatarVariants } from "@ropav/styles";
 export type { AvatarVariants } from "@ropav/styles";

package/dist/components/avatar/index.js

@@ -2,11 +2,4 @@ import avatar_fallback_default from "./avatar-fallback.js";
 import avatar_image_default from "./avatar-image.js";
 import avatar_root_default from "./avatar-root.js";
 import { avatarVariants } from "@ropav/styles";
-//#region src/components/avatar/index.ts
-var Avatar = Object.assign(avatar_root_default, {
-	Fallback: avatar_fallback_default,
-	Image: avatar_image_default,
-	Root: avatar_root_default
-});
-//#endregion
-export { Avatar, avatar_fallback_default as AvatarFallback, avatar_image_default as AvatarImage, avatar_root_default as AvatarRoot, avatarVariants };
+export { avatar_root_default as Avatar, avatar_fallback_default as AvatarFallback, avatar_image_default as AvatarImage, avatarVariants };

package/dist/components/badge/badge-anchor.js

@@ -1,5 +1,6 @@
-import { computed, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template } from "vue";
-import { cx } from "tailwind-variants";
+import { composeSlotClassName } from "../../utils/compose.js";
+import { createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template, unref } from "vue";
+import { badgeVariants } from "@ropav/styles";
 //#region src/components/badge/badge-anchor.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<span data-slot=badge-anchor>", 1);
 var badge_anchor_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -7,9 +8,9 @@ var badge_anchor_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const styles = computed(() => cx("badge-anchor", props.class));
+		const slots = badgeVariants();
 		const n1 = t0();
-		renderEffect(() => setClass(n1, styles.value));
+		renderEffect(() => setClass(n1, unref(composeSlotClassName)(unref(slots).anchor, props.class)));
 		setInsertionState(n1);
 		createSlot();
 		return n1;

package/dist/components/badge/badge-auto-label.d.ts

@@ -1,15 +1,3 @@
-/**
- * Wraps a badge's bare text in `Badge.Label`, matching the React component's string and number
- * handling without executing the default slot more than once.
- *
- * The slot has already rendered by the time it returns its block. Inspecting that block therefore
- * preserves its effects and lets the exact same text nodes move into the label component.
- * A slot forwarded from a VDOM host is filled only when inserted, so it cannot be inspected here;
- * those callers (including runtime-compiled stories) must render `Badge.Label` explicitly.
- */
-declare const BadgeAutoLabel: new () => import("vue").VaporComponentInstance<Record<string, any> & {} & import("vue").ReservedProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {}, {
-    [x: string]: import("vue").VaporSlot;
-}, Record<string, any>, import("vue").DynamicFragment | Node | import("vue").VaporComponentInstance<{}, {}, {
-    [x: string]: import("vue").VaporSlot;
-}, Record<string, any>, import("vue").Block, Record<string, any>> | import("vue").VaporFragment<import("vue").Block>, Record<string, any>>;
+/** Wraps a badge's bare text in `BadgeLabel`. */
+declare const BadgeAutoLabel: import("vue").Component;
 export default BadgeAutoLabel;

package/dist/components/badge/badge-auto-label.js

@@ -1,20 +1,7 @@
 import badge_label_default from "./badge-label.js";
-import { flattenBlock, isTextOnlyBlock } from "../../utils/block.js";
-import { createComponent, defineVaporComponent } from "vue";
+import { createAutoLabel } from "../../utils/auto-label.js";
 //#region src/components/badge/badge-auto-label.ts
-/**
-* Wraps a badge's bare text in `Badge.Label`, matching the React component's string and number
-* handling without executing the default slot more than once.
-*
-* The slot has already rendered by the time it returns its block. Inspecting that block therefore
-* preserves its effects and lets the exact same text nodes move into the label component.
-* A slot forwarded from a VDOM host is filled only when inserted, so it cannot be inspected here;
-* those callers (including runtime-compiled stories) must render `Badge.Label` explicitly.
-*/
-var BadgeAutoLabel = defineVaporComponent((_props, { slots }) => {
-	const block = slots["default"]?.();
-	if (block === void 0 || !isTextOnlyBlock(flattenBlock(block))) return block ?? [];
-	return createComponent(badge_label_default, null, { default: () => block });
-}, { name: "Ropav.Badge.AutoLabel" });
+/** Wraps a badge's bare text in `BadgeLabel`. */
+var BadgeAutoLabel = createAutoLabel(badge_label_default, "Ropav.Badge.AutoLabel");
 //#endregion
 export { BadgeAutoLabel as default };

package/dist/components/badge/badge-root.js

@@ -27,8 +27,8 @@ var badge_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		renderEffect(() => setClass(n2, unref(composeSlotClassName)(slots.value.base, props.class)));
 		setInsertionState(n2);
 		createComponent(unref(BadgeAutoLabel), null, extend(() => {
-			return createSlot("default", null, null, 36);
-		}, { _: 8 }));
+			return createSlot("default", null, null, 4);
+		}, { _: 1 }));
 		return n2;
 	}
 });

package/dist/components/badge/badge.types.d.ts

@@ -4,13 +4,13 @@ export interface BadgeAnchorProps {
 }
 export interface BadgeRootProps {
     class?: string;
-    /** Badge color. */
+    /** Badge color. @default "default" */
     color?: BadgeVariants["color"];
-    /** Badge placement. */
+    /** Badge placement. @default "top-right" */
     placement?: BadgeVariants["placement"];
-    /** Badge size. */
+    /** Badge size. @default "md" */
     size?: BadgeVariants["size"];
-    /** Badge variant. */
+    /** Badge variant. @default "primary" */
     variant?: BadgeVariants["variant"];
 }
 export interface BadgeLabelProps {

package/dist/components/badge/index.d.ts

@@ -1,100 +1,7 @@
 import BadgeAnchor from "./badge-anchor.js";
 import BadgeLabel from "./badge-label.js";
 import BadgeRoot from "./badge-root.js";
-export declare const Badge: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & {
-        class?: string;
-        color?: import("@ropav/styles").BadgeVariants["color"];
-        placement?: import("@ropav/styles").BadgeVariants["placement"];
-        size?: import("@ropav/styles").BadgeVariants["size"];
-        variant?: import("@ropav/styles").BadgeVariants["variant"];
-    } & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-}) & {
-    Anchor: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Label: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            color?: import("@ropav/styles").BadgeVariants["color"];
-            placement?: import("@ropav/styles").BadgeVariants["placement"];
-            size?: import("@ropav/styles").BadgeVariants["size"];
-            variant?: import("@ropav/styles").BadgeVariants["variant"];
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
-export { BadgeAnchor, BadgeLabel, BadgeRoot };
-export type { BadgeAnchorProps, BadgeLabelProps, BadgeRootProps, BadgeRootProps as BadgeProps, } from "./badge.types.js";
+export { BadgeAnchor, BadgeLabel, BadgeRoot as Badge };
+export type { BadgeAnchorProps, BadgeLabelProps, BadgeRootProps as BadgeProps, } from "./badge.types.js";
 export { badgeVariants } from "@ropav/styles";
 export type { BadgeVariants } from "@ropav/styles";

package/dist/components/badge/index.js

@@ -2,11 +2,4 @@ import badge_anchor_default from "./badge-anchor.js";
 import badge_label_default from "./badge-label.js";
 import badge_root_default from "./badge-root.js";
 import { badgeVariants } from "@ropav/styles";
-//#region src/components/badge/index.ts
-var Badge = Object.assign(badge_root_default, {
-	Anchor: badge_anchor_default,
-	Label: badge_label_default,
-	Root: badge_root_default
-});
-//#endregion
-export { Badge, badge_anchor_default as BadgeAnchor, badge_label_default as BadgeLabel, badge_root_default as BadgeRoot, badgeVariants };
+export { badge_root_default as Badge, badge_anchor_default as BadgeAnchor, badge_label_default as BadgeLabel, badgeVariants };

package/dist/components/breadcrumbs/breadcrumbs-item.js

@@ -97,8 +97,8 @@ var breadcrumbs_item_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 			return createSlot("default", {
 				isCurrent: () => isCurrent.value,
 				isDisabled: () => isDisabled.value
-			}, null, 36);
-		}, { _: 8 }));
+			}, null, 4);
+		}, { _: 1 }));
 		setInsertionState(n13, 1);
 		createIf(() => !isCurrent.value, () => {
 			return createIf(() => !unref(context).separator.value, () => {

package/dist/components/breadcrumbs/breadcrumbs.types.d.ts

@@ -1,4 +1,4 @@
-import type { LinkRootProps } from "../link/index.js";
+import type { LinkProps } from "../link/index.js";
 export type BreadcrumbKey = string | number;
 export interface BreadcrumbsRootProps {
     class?: string;
@@ -10,7 +10,7 @@ export interface BreadcrumbsRootProps {
     /** A component rendered between items. Plain text is rendered without a wrapper. */
     separator?: unknown;
 }
-export interface BreadcrumbsItemProps extends Omit<LinkRootProps, "class" | "ariaCurrent"> {
+export interface BreadcrumbsItemProps extends Omit<LinkProps, "class" | "ariaCurrent"> {
     class?: string;
     /** Key reported by the root's `action` event. A stable id is generated when omitted. */
     id?: BreadcrumbKey;

package/dist/components/breadcrumbs/index.d.ts

@@ -1,94 +1,6 @@
 import BreadcrumbsItem from "./breadcrumbs-item.js";
 import BreadcrumbsRoot from "./breadcrumbs-root.js";
-export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: (evt: "action", key: string | number) => void;
-}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & {
-        class?: string;
-        isDisabled?: boolean;
-        ariaLabel?: string;
-        ariaLabelledby?: string;
-        separator?: unknown;
-        onAction?: ((key: string | number) => any) | undefined;
-    } & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: (evt: "action", key: string | number) => void;
-}>) => import('vue').VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-}) & {
-    Item: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./breadcrumbs.types.js").BreadcrumbsItemSlotProps) => unknown;
-        };
-        emit: (evt: "click", event: MouseEvent) => void;
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            href?: string;
-            target?: string;
-            rel?: string;
-            download?: string | boolean;
-            ping?: string;
-            referrerPolicy?: import("../index.js").LinkReferrerPolicy;
-            hrefLang?: string;
-            isDisabled?: boolean;
-            routerOptions?: unknown;
-            ariaLabel?: string;
-            ariaLabelledby?: string;
-            ariaDescribedby?: string;
-            class?: string;
-            id?: import("./breadcrumbs.types.js").BreadcrumbKey;
-            onClick?: ((event: MouseEvent) => any) | undefined;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./breadcrumbs.types.js").BreadcrumbsItemSlotProps) => unknown;
-        };
-        emit: (evt: "click", event: MouseEvent) => void;
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: (evt: "action", key: string | number) => void;
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            isDisabled?: boolean;
-            ariaLabel?: string;
-            ariaLabelledby?: string;
-            separator?: unknown;
-            onAction?: ((key: string | number) => any) | undefined;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: (evt: "action", key: string | number) => void;
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
-export { BreadcrumbsItem, BreadcrumbsRoot };
-export type { BreadcrumbKey, BreadcrumbsItemProps, BreadcrumbsItemSlotProps, BreadcrumbsRootProps, BreadcrumbsRootProps as BreadcrumbsProps, } from "./breadcrumbs.types.js";
+export { BreadcrumbsItem, BreadcrumbsRoot as Breadcrumbs };
+export type { BreadcrumbKey, BreadcrumbsItemProps, BreadcrumbsItemSlotProps, BreadcrumbsRootProps as BreadcrumbsProps, } from "./breadcrumbs.types.js";
 export { breadcrumbsVariants } from "@ropav/styles";
 export type { BreadcrumbsVariants } from "@ropav/styles";

package/dist/components/breadcrumbs/index.js

@@ -1,10 +1,4 @@
 import breadcrumbs_item_default from "./breadcrumbs-item.js";
 import breadcrumbs_root_default from "./breadcrumbs-root.js";
 import { breadcrumbsVariants } from "@ropav/styles";
-//#region src/components/breadcrumbs/index.ts
-var Breadcrumbs = Object.assign(breadcrumbs_root_default, {
-	Item: breadcrumbs_item_default,
-	Root: breadcrumbs_root_default
-});
-//#endregion
-export { Breadcrumbs, breadcrumbs_item_default as BreadcrumbsItem, breadcrumbs_root_default as BreadcrumbsRoot, breadcrumbsVariants };
+export { breadcrumbs_root_default as Breadcrumbs, breadcrumbs_item_default as BreadcrumbsItem, breadcrumbsVariants };

package/dist/components/button/index.d.ts

@@ -1,64 +1,5 @@
 import ButtonRoot from "./button-root.js";
-export declare const Button: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
-    };
-    emit: (evt: "click", event: MouseEvent) => void;
-}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & {
-        class?: string;
-        fullWidth?: boolean;
-        isDisabled?: boolean;
-        isIconOnly?: boolean;
-        isPending?: boolean;
-        size?: import("@ropav/styles").ButtonVariants["size"];
-        type?: "button" | "reset" | "submit";
-        variant?: import("@ropav/styles").ButtonVariants["variant"];
-        onClick?: ((event: MouseEvent) => any) | undefined;
-    } & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
-    };
-    emit: (evt: "click", event: MouseEvent) => void;
-}>) => import('vue').VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-}) & {
-    Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
-        };
-        emit: (evt: "click", event: MouseEvent) => void;
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            fullWidth?: boolean;
-            isDisabled?: boolean;
-            isIconOnly?: boolean;
-            isPending?: boolean;
-            size?: import("@ropav/styles").ButtonVariants["size"];
-            type?: "button" | "reset" | "submit";
-            variant?: import("@ropav/styles").ButtonVariants["variant"];
-            onClick?: ((event: MouseEvent) => any) | undefined;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
-        };
-        emit: (evt: "click", event: MouseEvent) => void;
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
-export { ButtonRoot };
-export type { ButtonRootProps, ButtonRootProps as ButtonProps, ButtonSlotProps, } from "./button.types.js";
+export { ButtonRoot as Button };
+export type { ButtonRootProps as ButtonProps, ButtonSlotProps } from "./button.types.js";
 export { buttonVariants } from "@ropav/styles";
 export type { ButtonVariants } from "@ropav/styles";

package/dist/components/button/index.js

@@ -1,6 +1,3 @@
 import button_root_default from "./button-root.js";
 import { buttonVariants } from "@ropav/styles";
-//#region src/components/button/index.ts
-var Button = Object.assign(button_root_default, { Root: button_root_default });
-//#endregion
-export { Button, button_root_default as ButtonRoot, buttonVariants };
+export { button_root_default as Button, buttonVariants };

package/dist/components/button-group/index.d.ts

@@ -1,77 +1,7 @@
 import ButtonGroupRoot from "./button-group-root.js";
 import ButtonGroupSeparator from "./button-group-separator.js";
-export declare const ButtonGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & {
-        class?: string;
-        fullWidth?: boolean;
-        isDisabled?: boolean;
-        orientation?: "horizontal" | "vertical";
-        size?: import("@ropav/styles").ButtonVariants["size"];
-        variant?: import("@ropav/styles").ButtonVariants["variant"];
-    } & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-}) & {
-    Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            fullWidth?: boolean;
-            isDisabled?: boolean;
-            orientation?: "horizontal" | "vertical";
-            size?: import("@ropav/styles").ButtonVariants["size"];
-            variant?: import("@ropav/styles").ButtonVariants["variant"];
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Separator: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {};
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {};
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
-export { ButtonGroupRoot, ButtonGroupSeparator };
-export type { ButtonGroupRootProps, ButtonGroupRootProps as ButtonGroupProps, ButtonGroupSeparatorProps, } from "./button-group.types.js";
+export { ButtonGroupRoot as ButtonGroup, ButtonGroupSeparator };
+export type { ButtonGroupRootProps as ButtonGroupProps, ButtonGroupSeparatorProps, } from "./button-group.types.js";
 export { useButtonGroupContext } from "./button-group.context.js";
 export type { ButtonGroupContext } from "./button-group.context.js";
 export { buttonGroupVariants } from "@ropav/styles";

package/dist/components/button-group/index.js

@@ -2,10 +2,4 @@ import { useButtonGroupContext } from "./button-group.context.js";
 import button_group_root_default from "./button-group-root.js";
 import button_group_separator_default from "./button-group-separator.js";
 import { buttonGroupVariants } from "@ropav/styles";
-//#region src/components/button-group/index.ts
-var ButtonGroup = Object.assign(button_group_root_default, {
-	Root: button_group_root_default,
-	Separator: button_group_separator_default
-});
-//#endregion
-export { ButtonGroup, button_group_root_default as ButtonGroupRoot, button_group_separator_default as ButtonGroupSeparator, buttonGroupVariants, useButtonGroupContext };
+export { button_group_root_default as ButtonGroup, button_group_separator_default as ButtonGroupSeparator, buttonGroupVariants, useButtonGroupContext };