@nuxt/ui 3.3.4 → 3.3.6

package/.nuxt/ui/drawer.ts

@@ -43,6 +43,9 @@ export default {
       "true": {
         "content": "rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]"
       }
+    },
+    "snapPoints": {
+      "true": ""
     }
   },
   "compoundVariants": [
@@ -56,6 +59,16 @@ export default {
         "handle": "!w-12 !h-1.5 mx-auto"
       }
     },
+    {
+      "direction": [
+        "top" as typeof direction[number],
+        "bottom" as typeof direction[number]
+      ],
+      "snapPoints": true,
+      "class": {
+        "content": "h-full"
+      }
+    },
     {
       "direction": [
         "right" as typeof direction[number],
@@ -66,6 +79,16 @@ export default {
         "handle": "!h-12 !w-1.5 mt-auto mb-auto"
       }
     },
+    {
+      "direction": [
+        "right" as typeof direction[number],
+        "left" as typeof direction[number]
+      ],
+      "snapPoints": true,
+      "class": {
+        "content": "w-full"
+      }
+    },
     {
       "direction": "top" as typeof direction[number],
       "inset": true,

package/.nuxt/ui/progress.ts

@@ -42,7 +42,7 @@ export default {
     "root": "gap-2",
     "base": "relative overflow-hidden rounded-full bg-accented",
     "indicator": "rounded-full size-full transition-transform duration-200 ease-out",
-    "status": "flex justify-end text-dimmed transition-[width] duration-200",
+    "status": "flex text-dimmed transition-[width] duration-200",
     "steps": "grid items-end",
     "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as typeof step[number]
   },
@@ -131,12 +131,12 @@ export default {
       "horizontal": {
         "root": "w-full flex flex-col",
         "base": "w-full",
-        "status": "flex-row"
+        "status": "flex-row items-center justify-end min-w-fit"
       },
       "vertical": {
         "root": "h-full flex flex-row-reverse",
         "base": "h-full",
-        "status": "flex-col"
+        "status": "flex-col justify-end min-h-fit"
       }
     },
     "inverted": {

package/README.md

@@ -18,28 +18,28 @@ Nuxt UI harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Ta
 
 > [!TIP]
 > **Looking for more components ?**
-> Check out [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.
+> Check out [Nuxt UI Pro](https://ui3.nuxt.com/pro), a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.
 
 ## Documentation
 
-Visit https://ui.nuxt.com to explore the documentation.
+Visit https://ui3.nuxt.com to explore the documentation.
 
 ## Installation
 
 ```bash [pnpm]
-pnpm add @nuxt/ui
+pnpm add @nuxt/ui@3
 ```
 
 ```bash [yarn]
-yarn add @nuxt/ui
+yarn add @nuxt/ui@3
 ```
 
 ```bash [npm]
-npm install @nuxt/ui
+npm install @nuxt/ui@3
 ```
 
 ```bash [bun]
-bun add @nuxt/ui
+bun add @nuxt/ui@3
 ```
 
 ### Nuxt
@@ -59,7 +59,7 @@ export default defineNuxtConfig({
 @import "@nuxt/ui";
 ```
 
-Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/nuxt).
+Learn more in the [installation guide](https://ui3.nuxt.com/getting-started/installation/nuxt).
 
 ### Vue
 
@@ -106,18 +106,18 @@ app.mount('#app')
 @import "@nuxt/ui";
 ```
 
-Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/vue).
+Learn more in the [installation guide](https://ui3.nuxt.com/getting-started/installation/vue).
 
 ## Contribution
 
 Thank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:
 
 - Reporting Bugs: If you come across any bugs or issues, please check out the reporting bugs guide to learn how to submit a bug report.
-- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui.nuxt.com/getting-started/contribution) to share your suggestions.
+- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui3.nuxt.com/getting-started/contribution) to share your suggestions.
 
 ## Local Development
 
-Follow the docs to [set up your local development environment](https://ui.nuxt.com/getting-started/contribution#local-development) and contribute.
+Follow the docs to [set up your local development environment](https://ui3.nuxt.com/getting-started/contribution#local-development) and contribute.
 
 ## Credits
 

package/dist/module.d.mts

@@ -7,36 +7,36 @@ interface ModuleOptions {
     /**
      * Prefix for components
      * @defaultValue `U`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#prefix
+     * @link https://ui3.nuxt.com/getting-started/installation/nuxt#prefix
      */
     prefix?: string;
     /**
      * Enable or disable `@nuxt/fonts` module
      * @defaultValue `true`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#fonts
+     * @link https://ui3.nuxt.com/getting-started/installation/nuxt#fonts
      */
     fonts?: boolean;
     /**
      * Enable or disable `@nuxtjs/color-mode` module
      * @defaultValue `true`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#colormode
+     * @link https://ui3.nuxt.com/getting-started/installation/nuxt#colormode
      */
     colorMode?: boolean;
     /**
      * Customize how the theme is generated
-     * @link https://ui.nuxt.com/getting-started/theme
+     * @link https://ui3.nuxt.com/getting-started/theme
      */
     theme?: {
         /**
          * Define the color aliases available for components
          * @defaultValue `['primary', 'secondary', 'success', 'info', 'warning', 'error']`
-         * @link https://ui.nuxt.com/getting-started/installation/nuxt#themecolors
+         * @link https://ui3.nuxt.com/getting-started/installation/nuxt#themecolors
          */
         colors?: Color[];
         /**
          * Enable or disable transitions on components
          * @defaultValue `true`
-         * @link https://ui.nuxt.com/getting-started/installation/nuxt#themetransitions
+         * @link https://ui3.nuxt.com/getting-started/installation/nuxt#themetransitions
          */
         transitions?: boolean;
         defaultVariants?: {

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/ui",
-  "version": "3.3.4",
-  "docs": "https://ui.nuxt.com/getting-started/installation/nuxt",
+  "version": "3.3.6",
+  "docs": "https://ui3.nuxt.com/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {
     "nuxt": ">=3.16.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.BTUFJHYJ.mjs';
+import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.DBpKc5X3.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
 import 'scule';
@@ -8,13 +8,13 @@ import 'tailwindcss/colors';
 import 'knitwork';
 
 const name = "@nuxt/ui";
-const version = "3.3.4";
+const version = "3.3.6";
 
 const module = defineNuxtModule({
   meta: {
     name,
     version,
-    docs: "https://ui.nuxt.com/getting-started/installation/nuxt",
+    docs: "https://ui3.nuxt.com/getting-started/installation/nuxt",
     configKey: "ui",
     compatibility: {
       nuxt: ">=3.16.0"

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

@@ -0,0 +1,78 @@
+import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/accordion';
+import type { DynamicSlots, ComponentConfig } from '../types/utils';
+type Accordion = ComponentConfig<typeof theme, AppConfig, 'accordion'>;
+export interface AccordionItem {
+    label?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: string;
+    /**
+     * @IconifyIcon
+     */
+    trailingIcon?: string;
+    slot?: string;
+    content?: string;
+    /** A unique value for the accordion item. Defaults to the index. */
+    value?: string;
+    disabled?: boolean;
+    class?: any;
+    ui?: Pick<Accordion['slots'], 'item' | 'header' | 'trigger' | 'leadingIcon' | 'label' | 'trailingIcon' | 'content' | 'body'>;
+    [key: string]: any;
+}
+export interface AccordionProps<T extends AccordionItem = AccordionItem> extends Pick<AccordionRootProps, 'collapsible' | 'defaultValue' | 'modelValue' | 'type' | 'disabled' | 'unmountOnHide'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    items?: T[];
+    /**
+     * The icon displayed on the right side of the trigger.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     * @IconifyIcon
+     */
+    trailingIcon?: string;
+    /**
+     * The key used to get the label from the item.
+     * @defaultValue 'label'
+     */
+    labelKey?: string;
+    class?: any;
+    ui?: Accordion['slots'];
+}
+export interface AccordionEmits extends AccordionRootEmits {
+}
+type SlotProps<T extends AccordionItem> = (props: {
+    item: T;
+    index: number;
+    open: boolean;
+}) => any;
+export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
+    leading: SlotProps<T>;
+    default: SlotProps<T>;
+    trailing: SlotProps<T>;
+    content: SlotProps<T>;
+    body: SlotProps<T>;
+} & DynamicSlots<T, 'body', {
+    index: number;
+    open: boolean;
+}>;
+declare const __VLS_export: <T extends AccordionItem>(__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<AccordionProps<T> & {
+        "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: AccordionSlots<T>;
+    emit: (evt: "update:modelValue", value: string | string[] | undefined) => 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/Accordion.vue.d.ts

@@ -60,17 +60,18 @@ export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
     index: number;
     open: boolean;
 }>;
-declare const _default: <T extends AccordionItem>(__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 | string[] | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & AccordionProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends AccordionItem>(__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<AccordionProps<T> & {
+        "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: AccordionSlots<T>;
     emit: (evt: "update:modelValue", value: string | string[] | undefined) => 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/Alert.d.vue.ts

@@ -0,0 +1,82 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/alert';
+import type { AvatarProps, ButtonProps } from '../types';
+import type { ComponentConfig } from '../types/utils';
+type Alert = ComponentConfig<typeof theme, AppConfig, 'alert'>;
+export interface AlertProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    title?: string;
+    description?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: string;
+    avatar?: AvatarProps;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Alert['variants']['color'];
+    /**
+     * @defaultValue 'solid'
+     */
+    variant?: Alert['variants']['variant'];
+    /**
+     * The orientation between the content and the actions.
+     * @defaultValue 'vertical'
+     */
+    orientation?: Alert['variants']['orientation'];
+    /**
+     * Display a list of actions:
+     * - under the title and description when orientation is `vertical`
+     * - next to the close button when orientation is `horizontal`
+     * `{ size: 'xs' }`{lang="ts-type"}
+     */
+    actions?: ButtonProps[];
+    /**
+     * Display a close button to dismiss the alert.
+     * `{ size: 'md', color: 'neutral', variant: 'link' }`{lang="ts-type"}
+     * @emits 'update:open'
+     * @defaultValue false
+     */
+    close?: boolean | Partial<ButtonProps>;
+    /**
+     * The icon displayed in the close button.
+     * @defaultValue appConfig.ui.icons.close
+     * @IconifyIcon
+     */
+    closeIcon?: string;
+    class?: any;
+    ui?: Alert['slots'];
+}
+export interface AlertEmits {
+    'update:open': [value: boolean];
+}
+export interface AlertSlots {
+    leading(props?: {}): any;
+    title(props?: {}): any;
+    description(props?: {}): any;
+    actions(props?: {}): any;
+    close(props: {
+        ui: {
+            [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string;
+        };
+    }): any;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    orientation: Alert["variants"]["orientation"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -66,13 +66,14 @@ export interface AlertSlots {
         };
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     orientation: Alert["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,25 @@
+import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui';
+import type { ToasterProps, Locale, Messages } from '../types';
+export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
+    tooltip?: TooltipProviderProps;
+    toaster?: ToasterProps | null;
+    locale?: Locale<T>;
+    portal?: boolean | string | HTMLElement;
+}
+export interface AppSlots {
+    default(props?: {}): any;
+}
+declare const __VLS_export: <T extends Messages>(__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<AppProps<T>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: AppSlots;
+    emit: {};
+}>) => 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/App.vue

@@ -16,7 +16,7 @@ const props = defineProps({
   tooltip: { type: Object, required: false },
   toaster: { type: [Object, null], required: false },
   locale: { type: Object, required: false },
-  portal: { type: null, required: false, default: "body" },
+  portal: { type: [Boolean, String], required: false, skipCheck: true, default: "body" },
   scrollBody: { type: [Boolean, Object], required: false },
   nonce: { type: String, required: false }
 });

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

@@ -4,20 +4,21 @@ export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProv
     tooltip?: TooltipProviderProps;
     toaster?: ToasterProps | null;
     locale?: Locale<T>;
-    portal?: string | HTMLElement;
+    portal?: boolean | string | HTMLElement;
 }
 export interface AppSlots {
     default(props?: {}): any;
 }
-declare const _default: <T extends Messages>(__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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & AppProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends Messages>(__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<AppProps<T>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: AppSlots;
     emit: {};
 }>) => 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/Avatar.d.vue.ts

@@ -0,0 +1,42 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/avatar';
+import type { ChipProps } from '../types';
+import type { ComponentConfig } from '../types/utils';
+type Avatar = ComponentConfig<typeof theme, AppConfig, 'avatar'>;
+export interface AvatarProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'span'
+     */
+    as?: any;
+    src?: string;
+    alt?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: string;
+    text?: string;
+    /**
+     * @defaultValue 'md'
+     */
+    size?: Avatar['variants']['size'];
+    chip?: boolean | ChipProps;
+    class?: any;
+    style?: any;
+    ui?: Avatar['slots'];
+}
+export interface AvatarSlots {
+    default(props?: {}): any;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    as: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -28,11 +28,12 @@ export interface AvatarProps {
 export interface AvatarSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,32 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/avatar-group';
+import type { ComponentConfig } from '../types/utils';
+type AvatarGroup = ComponentConfig<typeof theme, AppConfig, 'avatarGroup'>;
+export interface AvatarGroupProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * @defaultValue 'md'
+     */
+    size?: AvatarGroup['variants']['size'];
+    /**
+     * The maximum number of avatars to display.
+     */
+    max?: number | string;
+    class?: any;
+    ui?: AvatarGroup['slots'];
+}
+export interface AvatarGroupSlots {
+    default(props?: {}): any;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AvatarGroupSlots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -22,7 +22,8 @@ export interface AvatarGroupProps {
 export interface AvatarGroupSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AvatarGroupSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AvatarGroupSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,44 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/badge';
+import type { UseComponentIconsProps } from '../composables/useComponentIcons';
+import type { ComponentConfig } from '../types/utils';
+type Badge = ComponentConfig<typeof theme, AppConfig, 'badge'>;
+export interface BadgeProps extends Omit<UseComponentIconsProps, 'loading' | 'loadingIcon'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'span'
+     */
+    as?: any;
+    label?: string | number;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Badge['variants']['color'];
+    /**
+     * @defaultValue 'solid'
+     */
+    variant?: Badge['variants']['variant'];
+    /**
+     * @defaultValue 'md'
+     */
+    size?: Badge['variants']['size'];
+    /** Render the badge with equal padding on all sides. */
+    square?: boolean;
+    class?: any;
+    ui?: Badge['slots'];
+}
+export interface BadgeSlots {
+    leading(props?: {}): any;
+    default(props?: {}): any;
+    trailing(props?: {}): any;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    as: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -32,9 +32,10 @@ export interface BadgeSlots {
     default(props?: {}): any;
     trailing(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {