@wow-two-beta/ui-vue 0.0.4 → 0.0.6

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/presentation/actions/backToTopButton/BackToTopButton.vue.d.ts

@@ -1,29 +1,31 @@
-import { ButtonType, OverlayPosition } from '../../../foundation/utils';
-import { ButtonHTMLAttributes, VNodeChild, DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, VNodeArrayChildren, VNode, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
+import { ButtonType } from '../../../foundation/dom';
+import { ButtonHTMLAttributes, VNodeChild } from 'vue';
+import { OverlayPosition } from '../../../foundation/styles';
 export interface BackToTopButtonProps extends /* @vue-ignore */ ButtonHTMLAttributes {
     /** The scroll distance (px) before the button appears. Default 400. */
-    threshold?: number;
+    readonly threshold?: number;
     /** The scrollable element to scope to. Defaults to the window. */
-    scrollContainer?: HTMLElement | null;
+    readonly scrollContainer?: HTMLElement | null;
     /** The anchor position on the viewport. Default `bottom-right`. */
-    position?: OverlayPosition;
-    /** The visible label. Omit for icon-only. Prefer the `label` named slot; this prop stays for parity with the React API. */
-    label?: VNodeChild;
+    readonly position?: OverlayPosition;
+    /** The visible label. Omit for icon-only. Prefer the `label` named slot. */
+    readonly label?: VNodeChild;
     /** The button type. Default `ButtonType.Button`. */
-    type?: ButtonType;
+    readonly type?: ButtonType;
 }
-declare const _default: __VLS_WithSlots< DefineComponent<BackToTopButtonProps, {
-    el: Readonly< ShallowRef<HTMLButtonElement | null>>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BackToTopButtonProps> & Readonly<{}>, {
-    label: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+declare const _default: __VLS_WithSlots<import('vue').DefineComponent<BackToTopButtonProps, {
+    el: Readonly<import('vue').ShallowRef<HTMLButtonElement | null>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BackToTopButtonProps> & Readonly<{}>, {
+    readonly position: OverlayPosition;
+    readonly label: string | number | boolean | void | import('vue').VNodeArrayChildren | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }> | null;
-    position: OverlayPosition;
-    type: ButtonType;
-    threshold: number;
-    scrollContainer: HTMLElement | null;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    label?: (props: {}) => any;
+    readonly type: ButtonType;
+    readonly threshold: number;
+    readonly scrollContainer: HTMLElement | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    /** The visible label beside the arrow. Falls back to the `label` prop, then to icon-only. */
+    label?(): unknown;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/presentation/actions/backToTopButton/index.d.ts

@@ -1 +1 @@
-export { default as BackToTopButton, type BackToTopButtonProps, } from './BackToTopButton.vue';
+export { default as BackToTopButton, type BackToTopButtonProps } from './BackToTopButton.vue';

package/dist/presentation/actions/button/Button.variants.d.ts

@@ -1,6 +1,4 @@
-import { VariantProps } from '../../../foundation/utils';
-import { TVReturnType } from 'tailwind-variants';
-import { TVConfig } from 'tailwind-variants/dist/config.js';
+import { VariantProps } from '../../../foundation/styles';
 /** Defines the Button visual surface style. */
 export declare const ButtonVariant: {
     /** Refers to an opaque, filled surface. */
@@ -34,278 +32,122 @@ export declare const ButtonShape: {
 };
 export type ButtonShape = (typeof ButtonShape)[keyof typeof ButtonShape];
 /** Button visual surface — see Button.standard.md + Button.spec.md. */
-export declare const buttonVariants: TVReturnType<{
+export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
     variant: {
-        solid: string;
-        soft: string;
-        surface: string;
-        outline: string;
-        ghost: string;
-        reveal: string;
-        link: string;
-        glass: string;
-        'glass-surface': string;
+        solid: "";
+        soft: "";
+        surface: "";
+        outline: "bg-transparent";
+        ghost: "bg-transparent";
+        reveal: "bg-transparent border-transparent";
+        link: "bg-transparent h-auto! p-0! rounded-none! underline-offset-4 hover:underline focus-visible:ring-offset-0";
+        glass: "backdrop-blur-md";
+        'glass-surface': "backdrop-blur-md border-white/10";
     };
     tone: {
-        primary: string;
-        neutral: string;
-        danger: string;
-        success: string;
-        warning: string;
+        primary: "";
+        neutral: "";
+        danger: "";
+        success: "";
+        warning: "";
     };
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "h-[calc(1.5rem*var(--ui-density-scale,1))] min-h-6 min-w-6 px-[calc(0.5rem*var(--ui-density-scale,1))] text-xs rounded-sm gap-1";
+        sm: "h-[calc(2rem*var(--ui-density-scale,1))] px-[calc(0.75rem*var(--ui-density-scale,1))] text-sm rounded-md gap-1.5";
+        md: "h-[calc(2.5rem*var(--ui-density-scale,1))] px-[calc(1rem*var(--ui-density-scale,1))] text-sm rounded-md gap-2";
+        lg: "h-[calc(3rem*var(--ui-density-scale,1))] px-[calc(1.5rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2";
+        xl: "h-[calc(3.5rem*var(--ui-density-scale,1))] px-[calc(2rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2.5";
     };
     shape: {
-        default: string;
-        square: string;
-        circle: string;
+        default: "";
+        square: "aspect-square px-0!";
+        circle: "aspect-square px-0! rounded-full!";
     };
     fullWidth: {
-        true: string;
-        false: string;
+        true: "w-full";
+        false: "";
     };
     wrap: {
-        true: string;
-        false: string;
+        true: "whitespace-normal text-left";
+        false: "whitespace-nowrap text-ellipsis overflow-hidden";
     };
-}, undefined, string[], TVConfig<{
+}, undefined, string[], {
     variant: {
-        solid: string;
-        soft: string;
-        surface: string;
-        outline: string;
-        ghost: string;
-        reveal: string;
-        link: string;
-        glass: string;
-        'glass-surface': string;
+        solid: "";
+        soft: "";
+        surface: "";
+        outline: "bg-transparent";
+        ghost: "bg-transparent";
+        reveal: "bg-transparent border-transparent";
+        link: "bg-transparent h-auto! p-0! rounded-none! underline-offset-4 hover:underline focus-visible:ring-offset-0";
+        glass: "backdrop-blur-md";
+        'glass-surface': "backdrop-blur-md border-white/10";
     };
     tone: {
-        primary: string;
-        neutral: string;
-        danger: string;
-        success: string;
-        warning: string;
+        primary: "";
+        neutral: "";
+        danger: "";
+        success: "";
+        warning: "";
     };
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "h-[calc(1.5rem*var(--ui-density-scale,1))] min-h-6 min-w-6 px-[calc(0.5rem*var(--ui-density-scale,1))] text-xs rounded-sm gap-1";
+        sm: "h-[calc(2rem*var(--ui-density-scale,1))] px-[calc(0.75rem*var(--ui-density-scale,1))] text-sm rounded-md gap-1.5";
+        md: "h-[calc(2.5rem*var(--ui-density-scale,1))] px-[calc(1rem*var(--ui-density-scale,1))] text-sm rounded-md gap-2";
+        lg: "h-[calc(3rem*var(--ui-density-scale,1))] px-[calc(1.5rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2";
+        xl: "h-[calc(3.5rem*var(--ui-density-scale,1))] px-[calc(2rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2.5";
     };
     shape: {
-        default: string;
-        square: string;
-        circle: string;
+        default: "";
+        square: "aspect-square px-0!";
+        circle: "aspect-square px-0! rounded-full!";
     };
     fullWidth: {
-        true: string;
-        false: string;
+        true: "w-full";
+        false: "";
     };
     wrap: {
-        true: string;
-        false: string;
+        true: "whitespace-normal text-left";
+        false: "whitespace-nowrap text-ellipsis overflow-hidden";
     };
-}, {
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
-        solid: string;
-        soft: string;
-        surface: string;
-        outline: string;
-        ghost: string;
-        reveal: string;
-        link: string;
-        glass: string;
-        'glass-surface': string;
+        solid: "";
+        soft: "";
+        surface: "";
+        outline: "bg-transparent";
+        ghost: "bg-transparent";
+        reveal: "bg-transparent border-transparent";
+        link: "bg-transparent h-auto! p-0! rounded-none! underline-offset-4 hover:underline focus-visible:ring-offset-0";
+        glass: "backdrop-blur-md";
+        'glass-surface': "backdrop-blur-md border-white/10";
     };
     tone: {
-        primary: string;
-        neutral: string;
-        danger: string;
-        success: string;
-        warning: string;
+        primary: "";
+        neutral: "";
+        danger: "";
+        success: "";
+        warning: "";
     };
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "h-[calc(1.5rem*var(--ui-density-scale,1))] min-h-6 min-w-6 px-[calc(0.5rem*var(--ui-density-scale,1))] text-xs rounded-sm gap-1";
+        sm: "h-[calc(2rem*var(--ui-density-scale,1))] px-[calc(0.75rem*var(--ui-density-scale,1))] text-sm rounded-md gap-1.5";
+        md: "h-[calc(2.5rem*var(--ui-density-scale,1))] px-[calc(1rem*var(--ui-density-scale,1))] text-sm rounded-md gap-2";
+        lg: "h-[calc(3rem*var(--ui-density-scale,1))] px-[calc(1.5rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2";
+        xl: "h-[calc(3.5rem*var(--ui-density-scale,1))] px-[calc(2rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2.5";
     };
     shape: {
-        default: string;
-        square: string;
-        circle: string;
+        default: "";
+        square: "aspect-square px-0!";
+        circle: "aspect-square px-0! rounded-full!";
     };
     fullWidth: {
-        true: string;
-        false: string;
+        true: "w-full";
+        false: "";
     };
     wrap: {
-        true: string;
-        false: string;
+        true: "whitespace-normal text-left";
+        false: "whitespace-nowrap text-ellipsis overflow-hidden";
     };
-}>, {
-    variant: {
-        solid: string;
-        soft: string;
-        surface: string;
-        outline: string;
-        ghost: string;
-        reveal: string;
-        link: string;
-        glass: string;
-        'glass-surface': string;
-    };
-    tone: {
-        primary: string;
-        neutral: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    shape: {
-        default: string;
-        square: string;
-        circle: string;
-    };
-    fullWidth: {
-        true: string;
-        false: string;
-    };
-    wrap: {
-        true: string;
-        false: string;
-    };
-}, undefined, TVReturnType<{
-    variant: {
-        solid: string;
-        soft: string;
-        surface: string;
-        outline: string;
-        ghost: string;
-        reveal: string;
-        link: string;
-        glass: string;
-        'glass-surface': string;
-    };
-    tone: {
-        primary: string;
-        neutral: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    shape: {
-        default: string;
-        square: string;
-        circle: string;
-    };
-    fullWidth: {
-        true: string;
-        false: string;
-    };
-    wrap: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], TVConfig<{
-    variant: {
-        solid: string;
-        soft: string;
-        surface: string;
-        outline: string;
-        ghost: string;
-        reveal: string;
-        link: string;
-        glass: string;
-        'glass-surface': string;
-    };
-    tone: {
-        primary: string;
-        neutral: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    shape: {
-        default: string;
-        square: string;
-        circle: string;
-    };
-    fullWidth: {
-        true: string;
-        false: string;
-    };
-    wrap: {
-        true: string;
-        false: string;
-    };
-}, {
-    variant: {
-        solid: string;
-        soft: string;
-        surface: string;
-        outline: string;
-        ghost: string;
-        reveal: string;
-        link: string;
-        glass: string;
-        'glass-surface': string;
-    };
-    tone: {
-        primary: string;
-        neutral: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    shape: {
-        default: string;
-        square: string;
-        circle: string;
-    };
-    fullWidth: {
-        true: string;
-        false: string;
-    };
-    wrap: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/presentation/actions/button/Button.vue.d.ts

@@ -1,115 +1,110 @@
-import { ButtonType, PressEvent, ColorProp, ColorTone, PaddingProp, RadiusProp, SizePreset, SizeUnion, SizeValue } from '../../../foundation/utils';
-import { ButtonHTMLAttributes, VNodeChild, DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, VNodeArrayChildren, VNode, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
+import { ButtonType, PressEvent } from '../../../foundation/dom';
+import { ButtonHTMLAttributes, VNodeChild } from 'vue';
+import { ColorProp, ColorTone, PaddingProp, RadiusProp, SizePreset, SizeUnion, SizeValue } from '../../../foundation/styles';
 import { ButtonVariant, ButtonShape, ButtonVariants } from './Button.variants';
 type ButtonSizePreset = Extract<SizePreset, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 export type ButtonSize = SizeUnion<ButtonSizePreset>;
-export interface ButtonProps extends /* @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled' | 'color' | 'onClick'>, Omit<ButtonVariants, 'size' | 'variant' | 'tone' | 'shape'> {
+/** @internal The type-only surface `ButtonProps` inherits — native attributes plus the variant keys. */
+type ButtonAttributes = Omit<ButtonHTMLAttributes, 'type' | 'disabled' | 'color' | 'onClick'> & Omit<ButtonVariants, 'size' | 'variant' | 'tone' | 'shape'>;
+/** Defines props for the button. */
+export interface ButtonProps extends /* @vue-ignore */ ButtonAttributes {
     /** The visual surface style. */
-    variant?: ButtonVariant;
+    readonly variant?: ButtonVariant;
     /** The semantic tone palette. */
-    tone?: ColorTone;
+    readonly tone?: ColorTone;
     /** The button silhouette (default · square · circle). */
-    shape?: ButtonShape;
+    readonly shape?: ButtonShape;
     /** The size — preset name OR raw value OR explicit dim object; see `ButtonSize` for details. */
-    size?: ButtonSize;
-    /** The per-instance color override for the active `tone`. String → all slots derived; object → per-slot (bg/text/soft/softText/ring). Sets local CSS vars that `bg-{tone}` etc. pick up. */
-    color?: ColorProp;
-    /** The slot before children (logical start). Prefer the `leading` named slot; this prop stays for parity with the React API. */
-    leadingSlot?: VNodeChild;
-    /** The slot after children (logical end). Prefer the `trailing` named slot; this prop stays for parity with the React API. */
-    trailingSlot?: VNodeChild;
+    readonly size?: ButtonSize;
+    /** The per-instance color override for `tone` — a string derives all slots, an object sets each. */
+    readonly color?: ColorProp;
+    /** The slot before children. Prefer the `leading` named slot. */
+    readonly leadingSlot?: VNodeChild;
+    /** The slot after children. Prefer the `trailing` named slot. */
+    readonly trailingSlot?: VNodeChild;
     /** The content shown in place of children on hover / focus-visible (CSS-only swap — no JS hover state).
        Idle → children visible; hover/focus-visible → `hoverSlot` visible. Pairs with `variant="reveal"`
        for a reveal-on-hover icon swap. When undefined (and no `hover` slot), children render normally. */
-    hoverSlot?: VNodeChild;
-    /** The indicator shown in place of the built-in `<Spinner/>` when `isLoading` is true. Prefer the `loading` named slot. */
-    loadingSlot?: VNodeChild;
+    readonly hoverSlot?: VNodeChild;
+    /** The indicator replacing the built-in `<Spinner/>` while loading. Prefer the `loading` slot. */
+    readonly loadingSlot?: VNodeChild;
     /** The action-loading state — replaces leading w/ spinner, sets aria-busy, blocks clicks. */
-    isLoading?: boolean;
+    readonly isLoading?: boolean;
     /** The text that replaces children when loading. No default — consumer supplies (i18n). */
-    loadingText?: string;
-    /** The content-loading state — hides content (preserves dimensions) + shimmer. Mutually exclusive with `isLoading`. */
-    isSkeleton?: boolean;
-    /** The disabled state — removes from focus order, blocks clicks. Forwards to native `disabled`. Inherited from an enclosing `Field` when omitted. */
-    isDisabled?: boolean;
+    readonly loadingText?: string;
+    /** The content-loading state — hides content, keeps dimensions, shimmers. Excludes `isLoading`. */
+    readonly isSkeleton?: boolean;
+    /** The disabled state — drops focus order and clicks. Inherited from an enclosing `Field`. */
+    readonly isDisabled?: boolean;
     /** The full-width state — stretches to fill container width. */
-    isFullWidth?: boolean;
+    readonly isFullWidth?: boolean;
     /** The multi-line state — allows label wrap; default truncates to single line. */
-    isMultiline?: boolean;
+    readonly isMultiline?: boolean;
     /** The as-child flag — renders as the single child element via `Primitive`'s `asChild` merge. */
-    asChild?: boolean;
+    readonly asChild?: boolean;
     /** The independent padding override (preset token or `{x, y}` object). */
-    padding?: PaddingProp;
+    readonly padding?: PaddingProp;
     /** The independent radius override (preset token or raw value). */
-    radius?: RadiusProp;
+    readonly radius?: RadiusProp;
     /** The explicit width override. Number = px; string = any CSS unit. */
-    width?: SizeValue;
+    readonly width?: SizeValue;
     /** The explicit height override. Number = px; string = any CSS unit. */
-    height?: SizeValue;
+    readonly height?: SizeValue;
     /** The min width reserved so the button doesn't reflow when its label morphs. */
-    minWidth?: SizeValue;
+    readonly minWidth?: SizeValue;
     /** The min height reserved — symmetric with `minWidth`. */
-    minHeight?: SizeValue;
-    /** The square-size shorthand — applied as fallback for both `width` and `height`. Explicit `width`/`height` win when both are set. Pairs with `shape="square"` / `shape="circle"` for icon buttons. */
-    boxSize?: SizeValue;
+    readonly minHeight?: SizeValue;
+    /** The square-size shorthand — fallback for `width` and `height`, which win when both are set. */
+    readonly boxSize?: SizeValue;
     /** The button type. Default `ButtonType.Button` — NOT browser-default `'submit'`. */
-    type?: ButtonType;
+    readonly type?: ButtonType;
     /** The long-press duration (ms). Default 500. Out-of-range values trigger a dev warning. */
-    longPressDelay?: number;
+    readonly longPressDelay?: number;
     /** The click-throttle window (ms) — first wins; subsequent swallowed via `preventDefault()`. */
-    debounceMs?: number;
+    readonly debounceMs?: number;
 }
-declare const _default: __VLS_WithSlots< DefineComponent<ButtonProps, {
-    el: ComputedRef<HTMLElement | null>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import('vue').DefineComponent<ButtonProps, {
+    el: import('vue').ComputedRef<HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "press-start": (event: PressEvent<HTMLButtonElement>) => any;
     "press-end": (event: PressEvent<HTMLButtonElement>) => any;
     "long-press": (event: PressEvent<HTMLButtonElement>) => any;
-}, string, PublicProps, Readonly<ButtonProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
     "onPress-start"?: ((event: PressEvent<HTMLButtonElement>) => any) | undefined;
     "onPress-end"?: ((event: PressEvent<HTMLButtonElement>) => any) | undefined;
     "onLong-press"?: ((event: PressEvent<HTMLButtonElement>) => any) | undefined;
 }>, {
-    type: ButtonType;
-    asChild: boolean;
-    isDisabled: boolean;
-    leadingSlot: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+    readonly type: ButtonType;
+    readonly asChild: boolean;
+    readonly isDisabled: boolean;
+    readonly leadingSlot: string | number | boolean | void | import('vue').VNodeArrayChildren | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }> | null;
-    trailingSlot: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+    readonly trailingSlot: string | number | boolean | void | import('vue').VNodeArrayChildren | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }> | null;
-    hoverSlot: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+    readonly hoverSlot: string | number | boolean | void | import('vue').VNodeArrayChildren | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }> | null;
-    loadingSlot: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+    readonly loadingSlot: string | number | boolean | void | import('vue').VNodeArrayChildren | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }> | null;
-    isLoading: boolean;
-    isSkeleton: boolean;
-    isFullWidth: boolean;
-    isMultiline: boolean;
-    longPressDelay: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-} & {
-    loading?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-} & {
-    leading?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-} & {
-    hover?: (props: {}) => any;
-} & {
-    trailing?: (props: {}) => any;
-} & {
-    leading?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-} & {
-    trailing?: (props: {}) => any;
+    readonly isLoading: boolean;
+    readonly isSkeleton: boolean;
+    readonly isFullWidth: boolean;
+    readonly isMultiline: boolean;
+    readonly longPressDelay: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    /** The button's own label. Under `asChild`, the single element the button merges onto. */
+    default?(): unknown;
+    /** The indicator shown while loading. Falls back to `loadingSlot`, then to the built-in `Spinner`. */
+    loading?(): unknown;
+    /** Rendered before the label, for an icon. Falls back to `leadingSlot`. */
+    leading?(): unknown;
+    /** Rendered after the label, for an icon. Falls back to `trailingSlot`. */
+    trailing?(): unknown;
+    /** The content swapped in on hover / focus-visible, overlaying the label. Falls back to `hoverSlot`. */
+    hover?(): unknown;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/presentation/actions/button/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Button, type ButtonProps, type ButtonSize } from './Button.vue';
-export { buttonVariants, ButtonVariant, ButtonShape, type ButtonVariants, } from './Button.variants';
+export { buttonVariants, ButtonVariant, ButtonShape, type ButtonVariants } from './Button.variants';

package/dist/presentation/actions/buttonGroup/ButtonGroup.vue.d.ts

@@ -1,18 +1,19 @@
-import { HTMLAttributes, DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { Orientation } from '../../../foundation/utils';
+import { HTMLAttributes } from 'vue';
+import { Orientation } from '../../../foundation/styles';
 export interface ButtonGroupProps extends /* @vue-ignore */ HTMLAttributes {
     /** The visual orientation. Default `horizontal`. */
-    orientation?: Orientation;
+    readonly orientation?: Orientation;
     /** The attached state — groups children with collapsed inner radii (connected look). Default `true`. */
-    isAttached?: boolean;
+    readonly isAttached?: boolean;
 }
-declare const _default: __VLS_WithSlots< DefineComponent<ButtonGroupProps, {
-    el: Readonly< ShallowRef<HTMLDivElement | null>>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-    orientation: Orientation;
-    isAttached: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
+declare const _default: __VLS_WithSlots<import('vue').DefineComponent<ButtonGroupProps, {
+    el: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+    readonly orientation: Orientation;
+    readonly isAttached: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    /** The buttons the group lays out and joins into one connected control. */
+    default(): unknown;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {