@nuxt/ui 4.0.0-alpha.1 → 4.0.0-alpha.2

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

@@ -71,69 +71,69 @@ export interface TableProps<T extends TableData = TableData> extends TableOption
     loadingAnimation?: Table['variants']['loadingAnimation'];
     /**
      * Use the `watchOptions` prop to customize reactivity (for ex: disable deep watching for changes in your data or limiting the max traversal depth). This can improve performance by reducing unnecessary re-renders, but it should be used with caution as it may lead to unexpected behavior if not managed properly.
-     * @link [API Docs](https://vuejs.org/api/options-state.html#watch)
-     * @link [Guide](https://vuejs.org/guide/essentials/watchers.html)
+     * @see [API](https://vuejs.org/api/options-state.html#watch)
+     * @see [Guide](https://vuejs.org/guide/essentials/watchers.html)
      * @defaultValue { deep: true }
      */
     watchOptions?: WatchOptions;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/global-filtering#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/global-filtering)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/global-filtering#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/global-filtering)
      */
     globalFilterOptions?: Omit<GlobalFilterOptions<T>, 'onGlobalFilterChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-filtering#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-filtering)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/column-filtering#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/column-filtering)
      */
     columnFiltersOptions?: Omit<ColumnFiltersOptions<T>, 'getFilteredRowModel' | 'onColumnFiltersChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/column-pinning#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)
      */
     columnPinningOptions?: Omit<ColumnPinningOptions, 'onColumnPinningChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/column-sizing#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)
      */
     columnSizingOptions?: Omit<ColumnSizingOptions, 'onColumnSizingChange' | 'onColumnSizingInfoChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/column-visibility#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
      */
     visibilityOptions?: Omit<VisibilityOptions, 'onColumnVisibilityChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/sorting#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/sorting)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/sorting#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/sorting)
      */
     sortingOptions?: Omit<SortingOptions<T>, 'getSortedRowModel' | 'onSortingChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/grouping#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/grouping)
      */
     groupingOptions?: Omit<GroupingOptions, 'onGroupingChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/expanding#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/expanding)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/expanding#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/expanding)
      */
     expandedOptions?: Omit<ExpandedOptions<T>, 'getExpandedRowModel' | 'onExpandedChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/row-selection#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/row-selection)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/row-selection#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/row-selection)
      */
     rowSelectionOptions?: Omit<RowSelectionOptions<T>, 'onRowSelectionChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/row-pinning#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/row-pinning)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/row-pinning#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/row-pinning)
      */
     rowPinningOptions?: Omit<RowPinningOptions<T>, 'onRowPinningChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/pagination#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/pagination)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/pagination#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/pagination)
      */
     paginationOptions?: Omit<PaginationOptions, 'onPaginationChange'>;
     /**
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-faceting#table-options)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-faceting)
+     * @see [API](https://tanstack.com/table/v8/docs/api/features/column-faceting#table-options)
+     * @see [Guide](https://tanstack.com/table/v8/docs/guide/column-faceting)
      */
     facetedOptions?: FacetedOptions<T>;
     onSelect?: (row: TableRow<T>, e?: Event) => void;

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

@@ -0,0 +1,99 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { TabsRootProps, TabsRootEmits } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/tabs';
+import type { AvatarProps, BadgeProps, IconProps } from '../types';
+import type { DynamicSlots, GetItemKeys } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
+type Tabs = ComponentConfig<typeof theme, AppConfig, 'tabs'>;
+export interface TabsItem {
+    label?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    avatar?: AvatarProps;
+    /**
+     * Display a badge on the item.
+     * `{ size: 'sm', color: 'neutral', variant: 'outline' }`{lang="ts-type"}
+     */
+    badge?: string | number | BadgeProps;
+    slot?: string;
+    content?: string;
+    /** A unique value for the tab item. Defaults to the index. */
+    value?: string | number;
+    disabled?: boolean;
+    class?: any;
+    ui?: Pick<Tabs['slots'], 'trigger' | 'leadingIcon' | 'leadingAvatar' | 'leadingAvatarSize' | 'label' | 'trailingBadge' | 'trailingBadgeSize' | 'content'>;
+    [key: string]: any;
+}
+export interface TabsProps<T extends TabsItem = TabsItem> extends Pick<TabsRootProps<string | number>, 'defaultValue' | 'modelValue' | 'activationMode' | 'unmountOnHide'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    items?: T[];
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Tabs['variants']['color'];
+    /**
+     * @defaultValue 'pill'
+     */
+    variant?: Tabs['variants']['variant'];
+    /**
+     * @defaultValue 'md'
+     */
+    size?: Tabs['variants']['size'];
+    /**
+     * The orientation of the tabs.
+     * @defaultValue 'horizontal'
+     */
+    orientation?: TabsRootProps['orientation'];
+    /**
+     * The content of the tabs, can be disabled to prevent rendering the content.
+     * @defaultValue true
+     */
+    content?: boolean;
+    /**
+     * The key used to get the label from the item.
+     * @defaultValue 'label'
+     */
+    labelKey?: GetItemKeys<T>;
+    class?: any;
+    ui?: Tabs['slots'];
+}
+export interface TabsEmits extends TabsRootEmits<string | number> {
+}
+type SlotProps<T extends TabsItem> = (props: {
+    item: T;
+    index: number;
+}) => any;
+export type TabsSlots<T extends TabsItem = TabsItem> = {
+    'leading': SlotProps<T>;
+    'default': SlotProps<T>;
+    'trailing': SlotProps<T>;
+    'content': SlotProps<T>;
+    'list-leading': (props?: {}) => any;
+    'list-trailing': (props?: {}) => any;
+} & DynamicSlots<T, undefined, {
+    index: number;
+}>;
+declare const _default: <T extends TabsItem>(__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"?: ((payload: string | number) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & TabsProps<T> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        triggersRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
+    }>): void;
+    attrs: any;
+    slots: TabsSlots<T>;
+    emit: (evt: "update:modelValue", payload: string | number) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/Tabs.vue

@@ -20,7 +20,7 @@ const props = defineProps({
   size: { type: null, required: false },
   orientation: { type: null, required: false, default: "horizontal" },
   content: { type: Boolean, required: false, default: true },
-  labelKey: { type: String, required: false, default: "label" },
+  labelKey: { type: null, required: false, default: "label" },
   class: { type: null, required: false },
   ui: { type: null, required: false },
   defaultValue: { type: null, required: false, default: "0" },
@@ -31,7 +31,7 @@ const props = defineProps({
 const emits = defineEmits(["update:modelValue"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
-const rootProps = useForwardPropsEmits(reactivePick(props, "as", "modelValue", "defaultValue", "orientation", "activationMode", "unmountOnHide"), emits);
+const rootProps = useForwardPropsEmits(reactivePick(props, "as", "unmountOnHide"), emits);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.tabs || {} })({
   color: props.color,
   variant: props.variant,
@@ -45,7 +45,14 @@ defineExpose({
 </script>
 
 <template>
-  <TabsRoot v-bind="rootProps" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <TabsRoot
+    v-bind="rootProps"
+    :model-value="modelValue"
+    :default-value="defaultValue"
+    :orientation="orientation"
+    :activation-mode="activationMode"
+    :class="ui.root({ class: [props.ui?.root, props.class] })"
+  >
     <TabsList :class="ui.list({ class: props.ui?.list })">
       <TabsIndicator :class="ui.indicator({ class: props.ui?.indicator })" />
 

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

@@ -3,7 +3,7 @@ import type { TabsRootProps, TabsRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/tabs';
 import type { AvatarProps, BadgeProps, IconProps } from '../types';
-import type { DynamicSlots } from '../types/utils';
+import type { DynamicSlots, GetItemKeys } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Tabs = ComponentConfig<typeof theme, AppConfig, 'tabs'>;
 export interface TabsItem {
@@ -60,7 +60,7 @@ export interface TabsProps<T extends TabsItem = TabsItem> extends Pick<TabsRootP
      * The key used to get the label from the item.
      * @defaultValue 'label'
      */
-    labelKey?: string;
+    labelKey?: GetItemKeys<T>;
     class?: any;
     ui?: Tabs['slots'];
 }

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

@@ -0,0 +1,74 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/textarea';
+import type { UseComponentIconsProps } from '../composables/useComponentIcons';
+import type { ModelModifiers } from '../types/input';
+import type { ComponentConfig } from '../types/tv';
+type Textarea = ComponentConfig<typeof theme, AppConfig, 'textarea'>;
+type TextareaValue = string | number | null;
+export interface TextareaProps<T extends TextareaValue = TextareaValue> extends UseComponentIconsProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    id?: string;
+    name?: string;
+    /** The placeholder text when the textarea is empty. */
+    placeholder?: string;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Textarea['variants']['color'];
+    /**
+     * @defaultValue 'outline'
+     */
+    variant?: Textarea['variants']['variant'];
+    /**
+     * @defaultValue 'md'
+     */
+    size?: Textarea['variants']['size'];
+    required?: boolean;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    autoresize?: boolean;
+    autoresizeDelay?: number;
+    disabled?: boolean;
+    rows?: number;
+    maxrows?: number;
+    /** Highlight the ring color like a focus state. */
+    highlight?: boolean;
+    modelValue?: T;
+    defaultValue?: T;
+    modelModifiers?: ModelModifiers;
+    class?: any;
+    ui?: Textarea['slots'];
+}
+export interface TextareaEmits<T extends TextareaValue = TextareaValue> {
+    'update:modelValue': [value: T];
+    'blur': [event: FocusEvent];
+    'change': [event: Event];
+}
+export interface TextareaSlots {
+    leading(props?: {}): any;
+    default(props?: {}): any;
+    trailing(props?: {}): any;
+}
+declare const _default: <T extends TextareaValue>(__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: FocusEvent) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onChange" | "onUpdate:modelValue"> & TextareaProps<T> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+    }>): void;
+    attrs: any;
+    slots: TextareaSlots;
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,71 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/timeline';
+import type { AvatarProps, IconProps } from '../types';
+import type { DynamicSlots } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
+type Timeline = ComponentConfig<typeof theme, AppConfig, 'timeline'>;
+export interface TimelineItem {
+    date?: string;
+    title?: string;
+    description?: string;
+    icon?: IconProps['name'];
+    avatar?: AvatarProps;
+    value?: string | number;
+    slot?: string;
+    class?: any;
+    ui?: Pick<Timeline['slots'], 'item' | 'container' | 'indicator' | 'separator' | 'wrapper' | 'date' | 'title' | 'description'>;
+    [key: string]: any;
+}
+export interface TimelineProps<T extends TimelineItem = TimelineItem> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    items: T[];
+    /**
+     * @defaultValue 'md'
+     */
+    size?: Timeline['variants']['size'];
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Timeline['variants']['color'];
+    /**
+     * The orientation of the Timeline.
+     * @defaultValue 'vertical'
+     */
+    orientation?: Timeline['variants']['orientation'];
+    defaultValue?: string | number;
+    reverse?: boolean;
+    class?: any;
+    ui?: Timeline['slots'];
+}
+type SlotProps<T extends TimelineItem> = (props: {
+    item: T;
+}) => any;
+export type TimelineSlots<T extends TimelineItem = TimelineItem> = {
+    indicator: SlotProps<T>;
+    date: SlotProps<T>;
+    title: SlotProps<T>;
+    description: SlotProps<T>;
+} & DynamicSlots<T, 'indicator' | 'date' | 'title' | 'description', {
+    item: T;
+}>;
+declare const _default: <T extends TimelineItem>(__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 | number | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (TimelineProps<T> & {
+        modelValue?: string | number;
+    }) & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: TimelineSlots<T>;
+    emit: (evt: "update:modelValue", value: string | number | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,165 @@
+import type { ToastRootProps, ToastRootEmits } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/toast';
+import type { AvatarProps, ButtonProps, IconProps, ProgressProps } from '../types';
+import type { StringOrVNode } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
+type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
+export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'li'
+     */
+    as?: any;
+    title?: StringOrVNode;
+    description?: StringOrVNode;
+    /**
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    avatar?: AvatarProps;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Toast['variants']['color'];
+    /**
+     * The orientation between the content and the actions.
+     * @defaultValue 'vertical'
+     */
+    orientation?: Toast['variants']['orientation'];
+    /**
+     * Display a close button to dismiss the toast.
+     * `{ size: 'md', color: 'neutral', variant: 'link' }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    close?: boolean | Partial<ButtonProps>;
+    /**
+     * The icon displayed in the close button.
+     * @defaultValue appConfig.ui.icons.close
+     * @IconifyIcon
+     */
+    closeIcon?: IconProps['name'];
+    /**
+     * 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 progress bar showing the toast's remaining duration.
+     * `{ size: 'sm' }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    progress?: boolean | Pick<ProgressProps, 'color' | 'ui'>;
+    class?: any;
+    ui?: Toast['slots'];
+}
+export interface ToastEmits extends ToastRootEmits {
+}
+export interface ToastSlots {
+    leading(props?: {}): any;
+    title(props?: {}): any;
+    description(props?: {}): any;
+    actions(props?: {}): any;
+    close(props: {
+        ui: {
+            [K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string;
+        };
+    }): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToastProps, {
+    height: import("vue").Ref<number, number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pause: () => any;
+    "update:open": (value: boolean) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    resume: () => any;
+    swipeStart: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+    swipeMove: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+    swipeCancel: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+    swipeEnd: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+}, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
+    onPause?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onResume?: (() => any) | undefined;
+    onSwipeStart?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any) | undefined;
+    onSwipeMove?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any) | undefined;
+    onSwipeCancel?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any) | undefined;
+    onSwipeEnd?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any) | undefined;
+}>, {
+    close: boolean | Partial<ButtonProps>;
+    progress: boolean | Pick<ProgressProps, "color" | "ui">;
+    orientation: Toast["variants"]["orientation"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToastSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,44 @@
+import type { ToastProviderProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/toaster';
+import type { ComponentConfig } from '../types/tv';
+type Toaster = ComponentConfig<typeof theme, AppConfig, 'toaster'>;
+export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'> {
+    /**
+     * The position on the screen to display the toasts.
+     * @defaultValue 'bottom-right'
+     */
+    position?: Toaster['variants']['position'];
+    /**
+     * Expand the toasts to show multiple toasts at once.
+     * @defaultValue true
+     */
+    expand?: boolean;
+    /**
+     * Whether to show the progress bar on all toasts.
+     * @defaultValue true
+     */
+    progress?: boolean;
+    /**
+     * Render the toaster in a portal.
+     * @defaultValue true
+     */
+    portal?: boolean | string | HTMLElement;
+    class?: any;
+    ui?: Toaster['slots'];
+}
+export interface ToasterSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+    progress: boolean;
+    expand: boolean;
+    duration: number;
+    portal: boolean | string | HTMLElement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,57 @@
+import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipContentEmits, TooltipArrowProps, TooltipTriggerProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/tooltip';
+import type { KbdProps } from '../types';
+import type { EmitsToProps } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
+type Tooltip = ComponentConfig<typeof theme, AppConfig, 'tooltip'>;
+export interface TooltipProps extends TooltipRootProps {
+    /** The text content of the tooltip. */
+    text?: string;
+    /** The keyboard keys to display in the tooltip. */
+    kbds?: KbdProps['value'][] | KbdProps[];
+    /**
+     * The content of the tooltip.
+     * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 }
+     */
+    content?: Omit<TooltipContentProps, 'as' | 'asChild'> & Partial<EmitsToProps<TooltipContentEmits>>;
+    /**
+     * Display an arrow alongside the tooltip.
+     * @defaultValue false
+     */
+    arrow?: boolean | Omit<TooltipArrowProps, 'as' | 'asChild'>;
+    /**
+     * Render the tooltip 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?: TooltipTriggerProps['reference'];
+    class?: any;
+    ui?: Tooltip['slots'];
+}
+export interface TooltipEmits extends TooltipRootEmits {
+}
+export interface TooltipSlots {
+    default(props: {
+        open: boolean;
+    }): any;
+    content(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    portal: boolean | string | HTMLElement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TooltipSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};