@nuxt/ui 3.3.4 → 3.3.6

package/dist/runtime/components/NavigationMenu.d.vue.ts

@@ -0,0 +1,171 @@
+import type { NavigationMenuRootProps, NavigationMenuRootEmits, NavigationMenuContentProps, NavigationMenuContentEmits, AccordionRootProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/navigation-menu';
+import type { AvatarProps, BadgeProps, LinkProps, PopoverProps, TooltipProps } from '../types';
+import type { ArrayOrNested, DynamicSlots, MergeTypes, NestedItem, EmitsToProps, ComponentConfig } from '../types/utils';
+type NavigationMenu = ComponentConfig<typeof theme, AppConfig, 'navigationMenu'>;
+export interface NavigationMenuChildItem extends Omit<NavigationMenuItem, 'type' | 'ui'> {
+    /** Description is only used when `orientation` is `horizontal`. */
+    description?: string;
+    [key: string]: any;
+}
+export interface NavigationMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'custom'> {
+    label?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: string;
+    avatar?: AvatarProps;
+    /**
+     * Display a badge on the item.
+     * `{ size: 'sm', color: 'neutral', variant: 'outline' }`{lang="ts-type"}
+     */
+    badge?: string | number | BadgeProps;
+    /**
+     * Display a tooltip on the item when the menu is collapsed with the label of the item.
+     * This has priority over the global `tooltip` prop.
+     */
+    tooltip?: boolean | TooltipProps;
+    /**
+     * Display a popover on the item when the menu is collapsed with the children list.
+     * This has priority over the global `popover` prop.
+     */
+    popover?: boolean | PopoverProps;
+    /**
+     * @IconifyIcon
+     */
+    trailingIcon?: string;
+    /**
+     * The type of the item.
+     * The `label` type is only displayed in `vertical` orientation.
+     * The `trigger` type is used to force the item to be collapsible when its a link in `vertical` orientation.
+     * @defaultValue 'link'
+     */
+    type?: 'label' | 'trigger' | 'link';
+    slot?: string;
+    /**
+     * The value of the item. Avoid using `index` as the value to prevent conflicts in horizontal orientation with Reka UI.
+     * @defaultValue `item-${index}`
+     */
+    value?: string;
+    children?: NavigationMenuChildItem[];
+    defaultOpen?: boolean;
+    open?: boolean;
+    onSelect?(e: Event): void;
+    class?: any;
+    ui?: Pick<NavigationMenu['slots'], 'item' | 'linkLeadingAvatarSize' | 'linkLeadingAvatar' | 'linkLeadingIcon' | 'linkLabel' | 'linkLabelExternalIcon' | 'linkTrailing' | 'linkTrailingBadgeSize' | 'linkTrailingBadge' | 'linkTrailingIcon' | 'label' | 'link' | 'content' | 'childList' | 'childLabel' | 'childItem' | 'childLink' | 'childLinkIcon' | 'childLinkWrapper' | 'childLinkLabel' | 'childLinkLabelExternalIcon' | 'childLinkDescription'>;
+    [key: string]: any;
+}
+export interface NavigationMenuProps<T extends ArrayOrNested<NavigationMenuItem> = ArrayOrNested<NavigationMenuItem>> extends Pick<NavigationMenuRootProps, 'modelValue' | 'defaultValue' | 'delayDuration' | 'disableClickTrigger' | 'disableHoverTrigger' | 'skipDelayDuration' | 'disablePointerLeaveClose' | 'unmountOnHide'>, Pick<AccordionRootProps, 'disabled' | 'type' | 'collapsible'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * The icon displayed to open the menu.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     * @IconifyIcon
+     */
+    trailingIcon?: string;
+    /**
+     * The icon displayed when the item is an external link.
+     * Set to `false` to hide the external icon.
+     * @defaultValue appConfig.ui.icons.external
+     * @IconifyIcon
+     */
+    externalIcon?: boolean | string;
+    items?: T;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: NavigationMenu['variants']['color'];
+    /**
+     * @defaultValue 'pill'
+     */
+    variant?: NavigationMenu['variants']['variant'];
+    /**
+     * The orientation of the menu.
+     * @defaultValue 'horizontal'
+     */
+    orientation?: NavigationMenuRootProps['orientation'];
+    /**
+     * Collapse the navigation menu to only show icons.
+     * Only works when `orientation` is `vertical`.
+     * @defaultValue false
+     */
+    collapsed?: boolean;
+    /**
+     * Display a tooltip on the items when the menu is collapsed with the label of the item.
+     * `{ delayDuration: 0, content: { side: 'right' } }`{lang="ts-type"}
+     * @defaultValue false
+     */
+    tooltip?: boolean | TooltipProps;
+    /**
+     * Display a popover on the items when the menu is collapsed with the children list.
+     * `{ mode: 'hover', content: { side: 'right', align: 'start', alignOffset: 2 } }`{lang="ts-type"}
+     * @defaultValue false
+     */
+    popover?: boolean | PopoverProps;
+    /** Display a line next to the active item. */
+    highlight?: boolean;
+    /**
+     * @defaultValue 'primary'
+     */
+    highlightColor?: NavigationMenu['variants']['highlightColor'];
+    /** The content of the menu. */
+    content?: Omit<NavigationMenuContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<NavigationMenuContentEmits>>;
+    /**
+     * The orientation of the content.
+     * Only works when `orientation` is `horizontal`.
+     * @defaultValue 'horizontal'
+     */
+    contentOrientation?: NavigationMenu['variants']['contentOrientation'];
+    /**
+     * Display an arrow alongside the menu.
+     * @defaultValue false
+     */
+    arrow?: boolean;
+    /**
+     * The key used to get the label from the item.
+     * @defaultValue 'label'
+     */
+    labelKey?: keyof NestedItem<T>;
+    class?: any;
+    ui?: NavigationMenu['slots'];
+}
+export interface NavigationMenuEmits extends NavigationMenuRootEmits {
+}
+type SlotProps<T extends NavigationMenuItem> = (props: {
+    item: T;
+    index: number;
+    active?: boolean;
+}) => any;
+export type NavigationMenuSlots<A extends ArrayOrNested<NavigationMenuItem> = ArrayOrNested<NavigationMenuItem>, T extends NestedItem<A> = NestedItem<A>> = {
+    'item': SlotProps<T>;
+    'item-leading': SlotProps<T>;
+    'item-label': SlotProps<T>;
+    'item-trailing': SlotProps<T>;
+    'item-content': SlotProps<T>;
+    'list-leading': (props?: {}) => any;
+    'list-trailing': (props?: {}) => any;
+} & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing' | 'content', {
+    index: number;
+    active?: boolean;
+}>;
+declare const __VLS_export: <T extends ArrayOrNested<NavigationMenuItem>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<NavigationMenuProps<T> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: NavigationMenuSlots<T, NestedItem<T>>;
+    emit: (evt: "update:modelValue", value: string) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/NavigationMenu.vue.d.ts

@@ -153,17 +153,18 @@ export type NavigationMenuSlots<A extends ArrayOrNested<NavigationMenuItem> = Ar
     index: number;
     active?: boolean;
 }>;
-declare const _default: <T extends ArrayOrNested<NavigationMenuItem>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NavigationMenuProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends ArrayOrNested<NavigationMenuItem>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<NavigationMenuProps<T> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: NavigationMenuSlots<T, NestedItem<T>>;
     emit: (evt: "update:modelValue", value: string) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/OverlayProvider.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/OverlayProvider.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Pagination.d.vue.ts

@@ -0,0 +1,119 @@
+import type { PaginationRootProps, PaginationRootEmits } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/pagination';
+import type { ButtonProps } from '../types';
+import type { ComponentConfig } from '../types/utils';
+type Pagination = ComponentConfig<typeof theme, AppConfig, 'pagination'>;
+export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defaultPage' | 'disabled' | 'itemsPerPage' | 'page' | 'showEdges' | 'siblingCount' | 'total'>> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * The icon to use for the first page control.
+     * @defaultValue appConfig.ui.icons.chevronDoubleLeft
+     * @IconifyIcon
+     */
+    firstIcon?: string;
+    /**
+     * The icon to use for the previous page control.
+     * @defaultValue appConfig.ui.icons.chevronLeft
+     * @IconifyIcon
+     */
+    prevIcon?: string;
+    /**
+     * The icon to use for the next page control.
+     * @defaultValue appConfig.ui.icons.chevronRight
+     * @IconifyIcon
+     */
+    nextIcon?: string;
+    /**
+     * The icon to use for the last page control.
+     * @defaultValue appConfig.ui.icons.chevronDoubleRight
+     * @IconifyIcon
+     */
+    lastIcon?: string;
+    /**
+     * The icon to use for the ellipsis control.
+     * @defaultValue appConfig.ui.icons.ellipsis
+     * @IconifyIcon
+     */
+    ellipsisIcon?: string;
+    /**
+     * The color of the pagination controls.
+     * @defaultValue 'neutral'
+     * @IconifyIcon
+     */
+    color?: ButtonProps['color'];
+    /**
+     * The variant of the pagination controls.
+     * @defaultValue 'outline'
+     */
+    variant?: ButtonProps['variant'];
+    /**
+     * The color of the active pagination control.
+     * @defaultValue 'primary'
+     */
+    activeColor?: ButtonProps['color'];
+    /**
+     * The variant of the active pagination control.
+     * @defaultValue 'solid'
+     */
+    activeVariant?: ButtonProps['variant'];
+    /**
+     * Whether to show the first, previous, next, and last controls.
+     * @defaultValue true
+     */
+    showControls?: boolean;
+    size?: ButtonProps['size'];
+    /**
+     * A function to render page controls as links.
+     * @param page The page number to navigate to.
+     */
+    to?: (page: number) => ButtonProps['to'];
+    class?: any;
+    ui?: Pagination['slots'];
+}
+export interface PaginationEmits extends PaginationRootEmits {
+}
+export interface PaginationSlots {
+    first(props?: {}): any;
+    prev(props?: {}): any;
+    next(props?: {}): any;
+    last(props?: {}): any;
+    ellipsis(props?: {}): any;
+    item(props: {
+        page: number;
+        pageCount: number;
+        item: {
+            type: 'ellipsis';
+        } | {
+            type: 'page';
+            value: number;
+        };
+        index: number;
+    }): any;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+}>, {
+    color: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    activeColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+    activeVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+    itemsPerPage: number;
+    showEdges: boolean;
+    siblingCount: number;
+    total: number;
+    showControls: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PaginationSlots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Pagination.vue

@@ -60,8 +60,8 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pagination ||
         </slot>
       </PaginationPrev>
 
-      <template v-for="(item, index) in items">
-        <PaginationListItem v-if="item.type === 'page'" :key="index" as-child :value="item.value" :class="ui.item({ class: props.ui?.item })">
+      <template v-for="(item, index) in items" :key="index">
+        <PaginationListItem v-if="item.type === 'page'" as-child :value="item.value" :class="ui.item({ class: props.ui?.item })">
           <slot name="item" v-bind="{ item, index, page, pageCount }">
             <UButton
               :color="page === item.value ? activeColor : color"
@@ -75,9 +75,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pagination ||
           </slot>
         </PaginationListItem>
 
-        <PaginationEllipsis v-else :key="item.type" :index="index" as-child :class="ui.ellipsis({ class: props.ui?.ellipsis })">
+        <PaginationEllipsis v-else as-child :class="ui.ellipsis({ class: props.ui?.ellipsis })">
           <slot name="ellipsis">
-            <UButton :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" />
+            <UButton as="div" :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" />
           </slot>
         </PaginationEllipsis>
       </template>

package/dist/runtime/components/Pagination.vue.d.ts

@@ -95,7 +95,7 @@ export interface PaginationSlots {
         index: number;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;
@@ -110,6 +110,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Pagination
     total: number;
     showControls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PaginationSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/PinInput.d.vue.ts

@@ -0,0 +1,61 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { PinInputRootEmits, PinInputRootProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/pin-input';
+import type { ComponentConfig } from '../types/utils';
+type PinInput = ComponentConfig<typeof theme, AppConfig, 'pinInput'>;
+type PinInputType = 'text' | 'number';
+export interface PinInputProps<T extends PinInputType = 'text'> extends Pick<PinInputRootProps<T>, 'defaultValue' | 'disabled' | 'id' | 'mask' | 'modelValue' | 'name' | 'otp' | 'placeholder' | 'required' | 'type'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: PinInput['variants']['color'];
+    /**
+     * @defaultValue 'outline'
+     */
+    variant?: PinInput['variants']['variant'];
+    /**
+     * @defaultValue 'md'
+     */
+    size?: PinInput['variants']['size'];
+    /**
+     * The number of input fields.
+     * @defaultValue 5
+     */
+    length?: number | string;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    highlight?: boolean;
+    class?: any;
+    ui?: PinInput['slots'];
+}
+export type PinInputEmits<T extends PinInputType = 'text'> = PinInputRootEmits<T> & {
+    change: [event: Event];
+    blur: [event: Event];
+};
+declare const __VLS_export: <T extends PinInputType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PinInputProps<T> & {
+        onBlur?: ((event: Event) => any) | undefined;
+        onComplete?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
+    }>) => void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "blur", event: Event) => void) & ((evt: "complete", value: [T] extends ["number"] ? number[] : string[]) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: [T] extends ["number"] ? number[] : string[]) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/PinInput.vue.d.ts

@@ -38,22 +38,23 @@ export type PinInputEmits<T extends PinInputType = 'text'> = PinInputRootEmits<T
     change: [event: Event];
     blur: [event: Event];
 };
-declare const _default: <T extends PinInputType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onBlur?: ((event: Event) => any) | undefined;
-        readonly onComplete?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
-        readonly onChange?: ((event: Event) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onChange" | "onUpdate:modelValue" | "onComplete"> & PinInputProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
+declare const __VLS_export: <T extends PinInputType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PinInputProps<T> & {
+        onBlur?: ((event: Event) => any) | undefined;
+        onComplete?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
-    }>): void;
+    }>) => void;
     attrs: any;
     slots: {};
     emit: ((evt: "blur", event: Event) => void) & ((evt: "complete", value: [T] extends ["number"] ? number[] : string[]) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: [T] extends ["number"] ? number[] : string[]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/Popover.d.vue.ts

@@ -0,0 +1,71 @@
+import { Popover } from 'reka-ui/namespaced';
+import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverContentProps, PopoverContentEmits, PopoverArrowProps, HoverCardTriggerProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/popover';
+import type { EmitsToProps, ComponentConfig } from '../types/utils';
+type Popover = ComponentConfig<typeof theme, AppConfig, 'popover'>;
+export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
+    /**
+     * The display mode of the popover.
+     * @defaultValue 'click'
+     */
+    mode?: 'click' | 'hover';
+    /**
+     * The content of the popover.
+     * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 }
+     */
+    content?: Omit<PopoverContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<PopoverContentEmits>>;
+    /**
+     * Display an arrow alongside the popover.
+     * @defaultValue false
+     */
+    arrow?: boolean | Omit<PopoverArrowProps, 'as' | 'asChild'>;
+    /**
+     * Render the popover in a portal.
+     * @defaultValue true
+     */
+    portal?: boolean | string | HTMLElement;
+    /**
+     * The reference (or anchor) element that is being referred to for positioning.
+     *
+     * If not provided will use the current component as anchor.
+     */
+    reference?: HoverCardTriggerProps['reference'];
+    /**
+     * When `false`, the popover will not close when clicking outside or pressing escape.
+     * @defaultValue true
+     */
+    dismissible?: boolean;
+    class?: any;
+    ui?: Popover['slots'];
+}
+export interface PopoverEmits extends PopoverRootEmits {
+    'close:prevent': [];
+}
+export interface PopoverSlots {
+    default(props: {
+        open: boolean;
+    }): any;
+    content(props?: {}): any;
+    anchor(props?: {}): any;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "close:prevent": () => any;
+}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onClose:prevent"?: (() => any) | undefined;
+}>, {
+    mode: "click" | "hover";
+    portal: boolean | string | HTMLElement;
+    dismissible: boolean;
+    openDelay: number;
+    closeDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PopoverSlots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Popover.vue.d.ts

@@ -49,7 +49,7 @@ export interface PopoverSlots {
     content(props?: {}): any;
     anchor(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
     "close:prevent": () => any;
 }, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
@@ -62,6 +62,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PopoverPro
     openDelay: number;
     closeDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PopoverSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Progress.d.vue.ts

@@ -0,0 +1,67 @@
+import type { ProgressRootProps, ProgressRootEmits } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/progress';
+import type { ComponentConfig } from '../types/utils';
+type Progress = ComponentConfig<typeof theme, AppConfig, 'progress'>;
+export interface ProgressProps extends Pick<ProgressRootProps, 'getValueLabel' | 'getValueText' | 'modelValue'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /** The maximum progress value. */
+    max?: number | Array<any>;
+    /** Display the current progress value. */
+    status?: boolean;
+    /** Whether the progress is visually inverted. */
+    inverted?: boolean;
+    /**
+     * @defaultValue 'md'
+     */
+    size?: Progress['variants']['size'];
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Progress['variants']['color'];
+    /**
+     * The orientation of the progress bar.
+     * @defaultValue 'horizontal'
+     */
+    orientation?: Progress['variants']['orientation'];
+    /**
+     * The animation of the progress bar.
+     * @defaultValue 'carousel'
+     */
+    animation?: Progress['variants']['animation'];
+    class?: any;
+    ui?: Progress['slots'];
+}
+export interface ProgressEmits extends ProgressRootEmits {
+}
+export type ProgressSlots = {
+    status(props: {
+        percent?: number;
+    }): any;
+} & {
+    [key: string]: (props: {
+        step: number;
+    }) => any;
+};
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[] | undefined) => any;
+    "update:max": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[] | undefined) => any) | undefined;
+    "onUpdate:max"?: ((value: number) => any) | undefined;
+}>, {
+    orientation: Progress["variants"]["orientation"];
+    modelValue: number | null;
+    inverted: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProgressSlots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Progress.vue

@@ -74,9 +74,8 @@ const indicatorStyle = computed(() => {
   }
 });
 const statusStyle = computed(() => {
-  return {
-    [props.orientation === "vertical" ? "height" : "width"]: percent.value ? `${percent.value}%` : "fit-content"
-  };
+  const value = `${Math.max(percent.value ?? 0, 0)}%`;
+  return props.orientation === "vertical" ? { height: value } : { width: value };
 });
 function isActive(index) {
   return index === Number(props.modelValue);

package/dist/runtime/components/Progress.vue.d.ts

@@ -47,7 +47,7 @@ export type ProgressSlots = {
         step: number;
     }) => any;
 };
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[] | undefined) => any;
     "update:max": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{
@@ -58,6 +58,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressPr
     modelValue: number | null;
     inverted: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProgressSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {