@lovince/ui-vue 0.1.0 → 0.2.0

package/dist/components/overlays/menubar.d.ts

@@ -0,0 +1,106 @@
+import { PropType } from 'vue';
+import { Direction } from '@lovince/ui-headless';
+export declare const LvMenubarRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: string | undefined) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    dir: Direction;
+    loop: boolean;
+    modelValue: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvMenubarMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvMenubarTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvMenubarContent: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/{navigation-menu.d.ts → overlays/navigation-menu.d.ts}

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 import { Orientation } from '@lovince/ui-headless';
-/**
- * Site navigation whose sections open panels of links — the WAI-ARIA
- * disclosure navigation, not an application menu.
- */
-export declare const NavigationMenuRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvNavigationMenuRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -17,12 +13,10 @@ export declare const NavigationMenuRoot: import('vue').DefineComponent<import('v
         type: PropType<Orientation>;
         default: string;
     };
-    /** Hover delay before a panel opens, in ms. */
     openDelay: {
         type: NumberConstructor;
         default: number;
     };
-    /** Long enough for the pointer to cross from a button onto its panel. */
     closeDelay: {
         type: NumberConstructor;
         default: number;
@@ -48,12 +42,10 @@ export declare const NavigationMenuRoot: import('vue').DefineComponent<import('v
         type: PropType<Orientation>;
         default: string;
     };
-    /** Hover delay before a panel opens, in ms. */
     openDelay: {
         type: NumberConstructor;
         default: number;
     };
-    /** Long enough for the pointer to cross from a button onto its panel. */
     closeDelay: {
         type: NumberConstructor;
         default: number;
@@ -72,7 +64,7 @@ export declare const NavigationMenuRoot: import('vue').DefineComponent<import('v
     closeDelay: number;
     modelValue: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const NavigationMenuList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvNavigationMenuList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -96,7 +88,7 @@ export declare const NavigationMenuList: import('vue').DefineComponent<import('v
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const NavigationMenuItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvNavigationMenuItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -129,7 +121,7 @@ export declare const NavigationMenuItem: import('vue').DefineComponent<import('v
     asChild: boolean;
     value: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const NavigationMenuTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvNavigationMenuTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly as: {
         readonly default: "button";
         readonly type: PropType<string | import('vue').Component>;
@@ -153,11 +145,7 @@ export declare const NavigationMenuTrigger: import('vue').DefineComponent<import
     readonly as: string | import('vue').Component;
     readonly asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-/**
- * A panel of links. Rendered after its button, not portalled, so Tab reaches
- * it in reading order. `anchor="root"` hangs it from the whole bar.
- */
-export declare const NavigationMenuContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvNavigationMenuContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     align: {
         default: string;
         type: PropType<import('@lovince/ui-headless').Align>;
@@ -239,8 +227,7 @@ export declare const NavigationMenuContent: import('vue').DefineComponent<import
     collisionPadding: number;
     avoidCollisions: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-/** A link: at the top level, or inside a panel. Following one closes the panel. */
-export declare const NavigationMenuLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvNavigationMenuLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;

package/dist/components/{popover.d.ts → overlays/popover.d.ts}

@@ -1,4 +1,4 @@
-export declare const PopoverRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvPopoverRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         default: undefined;
@@ -7,7 +7,6 @@ export declare const PopoverRoot: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
-    /** Modal traps focus inside; non-modal lets Tab leave and closes when it does. */
     modal: {
         type: BooleanConstructor;
         default: boolean;
@@ -25,7 +24,6 @@ export declare const PopoverRoot: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
-    /** Modal traps focus inside; non-modal lets Tab leave and closes when it does. */
     modal: {
         type: BooleanConstructor;
         default: boolean;
@@ -37,7 +35,7 @@ export declare const PopoverRoot: import('vue').DefineComponent<import('vue').Ex
     modal: boolean;
     defaultOpen: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const PopoverTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvPopoverTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly as: {
         readonly default: "button";
         readonly type: import('vue').PropType<string | import('vue').Component>;
@@ -61,8 +59,7 @@ export declare const PopoverTrigger: import('vue').DefineComponent<import('vue')
     readonly as: string | import('vue').Component;
     readonly asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-/** Positions the content against something other than the trigger. */
-export declare const PopoverAnchor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvPopoverAnchor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly as: {
         readonly type: import('vue').PropType<string | import('vue').Component>;
         readonly default: "div";
@@ -86,7 +83,7 @@ export declare const PopoverAnchor: import('vue').DefineComponent<import('vue').
     readonly as: string | import('vue').Component;
     readonly asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const PopoverPortal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvPopoverPortal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     to: {
         type: import('vue').PropType<string | HTMLElement>;
         default: string;
@@ -110,7 +107,7 @@ export declare const PopoverPortal: import('vue').DefineComponent<import('vue').
     to: string | HTMLElement;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const PopoverContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvPopoverContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     side: {
         readonly type: import('vue').PropType<import('@lovince/ui-headless').Side>;
         readonly default: "bottom";
@@ -187,7 +184,7 @@ export declare const PopoverContent: import('vue').DefineComponent<import('vue')
     collisionPadding: number;
     avoidCollisions: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const PopoverClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvPopoverClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly as: {
         readonly default: "button";
         readonly type: import('vue').PropType<string | import('vue').Component>;

package/dist/components/overlays/sheet.d.ts

@@ -0,0 +1,77 @@
+import { PropType } from 'vue';
+import { SheetSide } from '@lovince/ui-headless';
+export type { SheetSide };
+export declare const LvSheetRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<SheetSide>;
+        default: string;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:open': (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<SheetSide>;
+        default: string;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    modal: boolean;
+    side: SheetSide;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvSheetContent: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvSheetHandle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly as: string | import('vue').Component;
+    readonly asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { LvDialogClose as LvSheetClose, LvDialogDescription as LvSheetDescription, LvDialogOverlay as LvSheetOverlay, LvDialogPortal as LvSheetPortal, LvDialogTitle as LvSheetTitle, LvDialogTrigger as LvSheetTrigger, } from './dialog';

package/dist/components/{toast.d.ts → overlays/toast.d.ts}

@@ -1,16 +1,9 @@
 import { PropType, ShallowRef } from 'vue';
 import { Toast } from '@lovince/ui-headless';
-/** One queue per app, so `toast()` works from anywhere — a store, a composable, an event handler. */
 export declare const toastStore: import('@lovince/ui-headless').ToastStore;
 export declare const toast: import('@lovince/ui-headless').ToastApi;
-/** The live list of toasts, for rendering a viewport. */
 export declare const useToasts: () => ShallowRef<readonly Toast[]>;
-/**
- * Where toasts appear. A live region that exists before any toast does. The
- * hotkey moves focus into it; timers pause while it is hovered or focused,
- * or the tab is hidden.
- */
-export declare const ToastViewport: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvToastViewport: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -52,7 +45,7 @@ export declare const ToastViewport: import('vue').DefineComponent<import('vue').
     label: string;
     hotkey: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const ToastRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvToastRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -84,7 +77,7 @@ export declare const ToastRoot: import('vue').DefineComponent<import('vue').Extr
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const ToastTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvToastTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -108,7 +101,7 @@ export declare const ToastTitle: import('vue').DefineComponent<import('vue').Ext
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const ToastDescription: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvToastDescription: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -132,8 +125,7 @@ export declare const ToastDescription: import('vue').DefineComponent<import('vue
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-/** Runs the toast's action, then dismisses it. Renders nothing when the toast has none. */
-export declare const ToastAction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvToastAction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly as: {
         readonly default: "button";
         readonly type: PropType<string | import('vue').Component>;
@@ -157,7 +149,7 @@ export declare const ToastAction: import('vue').DefineComponent<import('vue').Ex
     readonly as: string | import('vue').Component;
     readonly asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const ToastClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvToastClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;

package/dist/components/{tooltip.d.ts → overlays/tooltip.d.ts}

@@ -1,4 +1,4 @@
-export declare const TooltipRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvTooltipRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         default: undefined;
@@ -62,7 +62,7 @@ export declare const TooltipRoot: import('vue').DefineComponent<import('vue').Ex
     defaultOpen: boolean;
     delayDuration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const TooltipTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvTooltipTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: import('vue').PropType<string | import('vue').Component>;
@@ -86,7 +86,7 @@ export declare const TooltipTrigger: import('vue').DefineComponent<import('vue')
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const TooltipPortal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvTooltipPortal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     to: {
         type: import('vue').PropType<string | HTMLElement>;
         default: string;
@@ -110,7 +110,7 @@ export declare const TooltipPortal: import('vue').DefineComponent<import('vue').
     to: string | HTMLElement;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const TooltipContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvTooltipContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     side: {
         default: "top" | "right" | "bottom" | "left";
         type: import('vue').PropType<import('@lovince/ui-headless').Side>;
@@ -183,7 +183,7 @@ export declare const TooltipContent: import('vue').DefineComponent<import('vue')
     collisionPadding: number;
     avoidCollisions: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const HoverCardRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvHoverCardRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         default: undefined;
@@ -247,7 +247,7 @@ export declare const HoverCardRoot: import('vue').DefineComponent<import('vue').
     defaultOpen: boolean;
     delayDuration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const HoverCardTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvHoverCardTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: import('vue').PropType<string | import('vue').Component>;
@@ -271,7 +271,7 @@ export declare const HoverCardTrigger: import('vue').DefineComponent<import('vue
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const HoverCardPortal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvHoverCardPortal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     to: {
         type: import('vue').PropType<string | HTMLElement>;
         default: string;
@@ -295,7 +295,7 @@ export declare const HoverCardPortal: import('vue').DefineComponent<import('vue'
     to: string | HTMLElement;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const HoverCardContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvHoverCardContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     side: {
         default: "top" | "right" | "bottom" | "left";
         type: import('vue').PropType<import('@lovince/ui-headless').Side>;

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

@@ -0,0 +1,102 @@
+import { PropType } from 'vue';
+export type ButtonVariant = 'solid' | 'subtle' | 'outline' | 'ghost' | 'danger' | 'success';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+export type ButtonShape = 'rounded' | 'pill';
+export declare const BUTTON_VARIANTS: readonly ["solid", "subtle", "outline", "ghost", "danger", "success"];
+export declare const BUTTON_SIZES: readonly ["sm", "md", "lg", "icon"];
+export declare const BUTTON_SHAPES: readonly ["rounded", "pill"];
+export declare const LvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    shape: {
+        type: PropType<ButtonShape>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    shape: {
+        type: PropType<ButtonShape>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    size: ButtonSize;
+    as: string | import('vue').Component;
+    asChild: boolean;
+    type: string;
+    disabled: boolean;
+    loading: boolean;
+    variant: ButtonVariant;
+    block: boolean;
+    shape: ButtonShape;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/primitives/icon.d.ts

@@ -0,0 +1,79 @@
+import { PropType } from 'vue';
+import { IconFlip, IconName } from '@lovince/icons';
+export declare const LvIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<IconName>;
+        required: true;
+    };
+    size: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    strokeWidth: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    absoluteStrokeWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fill: {
+        type: PropType<number | boolean>;
+        default: undefined;
+    };
+    rotate: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    flip: {
+        type: PropType<IconFlip>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<IconName>;
+        required: true;
+    };
+    size: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    strokeWidth: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    absoluteStrokeWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fill: {
+        type: PropType<number | boolean>;
+        default: undefined;
+    };
+    rotate: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    flip: {
+        type: PropType<IconFlip>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    fill: number | boolean;
+    size: string | number;
+    label: string;
+    flip: IconFlip;
+    rotate: string | number;
+    strokeWidth: string | number;
+    absoluteStrokeWidth: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;