@nuxt/ui 4.9.0 → 4.11.0

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

@@ -1,6 +1,10 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dashboard-search-button';
-import type { ButtonProps, ButtonSlots, IconProps, KbdProps, TooltipProps, LinkPropsKeys } from '../types';
+import type { ButtonProps, ButtonSlots } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { KbdProps } from './Kbd.vue';
+import type { TooltipProps } from './Tooltip.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type DashboardSearchButton = ComponentConfig<typeof theme, AppConfig, 'dashboardSearchButton'>;
 export interface DashboardSearchButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'label' | 'color' | 'variant'> {
@@ -47,10 +51,10 @@ export interface DashboardSearchButtonProps extends Omit<ButtonProps, LinkPropsK
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DashboardSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSearchButtonProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
-    tooltip: boolean | TooltipProps;
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     kbds: KbdProps["value"][] | KbdProps[];
     collapsed: boolean;
+    tooltip: boolean | TooltipProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -2,7 +2,11 @@ import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dashboard-sidebar';
 import type { UseResizableProps } from '../composables/useResizable';
-import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { DrawerProps } from './Drawer.vue';
+import type { ModalProps } from './Modal.vue';
+import type { SlideoverProps } from './Slideover.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type DashboardSidebar = ComponentConfig<typeof theme, AppConfig, 'dashboardSidebar'>;
 type DashboardSidebarMode = 'modal' | 'slideover' | 'drawer';
@@ -81,7 +85,7 @@ declare const __VLS_export: <T extends DashboardSidebarMode>(__VLS_props: NonNul
     slots: DashboardSidebarSlots;
     emit: ((event: "update:open", value: boolean) => void) & ((event: "update:collapsed", value: boolean) => void);
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/DashboardSidebar.vue

@@ -64,7 +64,7 @@ watch(() => route.fullPath, () => {
   if (!props.autoClose) return;
   open.value = false;
 });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardSidebar || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.dashboardSidebar || {} })({
   side: props.side
 }));
 const Menu = computed(() => ({
@@ -110,10 +110,10 @@ function toggleOpen() {
   <div
     :id="id"
     ref="el"
+    data-slot="root"
     v-bind="$attrs"
     :data-collapsed="isCollapsed"
     :data-dragging="isDragging"
-    data-slot="root"
     :class="ui.root({ class: [props.ui?.root, props.class] })"
     :style="{ '--width': `${size || 0}${dashboardContext.unit}` }"
   >

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

@@ -2,7 +2,11 @@ import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dashboard-sidebar';
 import type { UseResizableProps } from '../composables/useResizable';
-import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { DrawerProps } from './Drawer.vue';
+import type { ModalProps } from './Modal.vue';
+import type { SlideoverProps } from './Slideover.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type DashboardSidebar = ComponentConfig<typeof theme, AppConfig, 'dashboardSidebar'>;
 type DashboardSidebarMode = 'modal' | 'slideover' | 'drawer';
@@ -81,7 +85,7 @@ declare const __VLS_export: <T extends DashboardSidebarMode>(__VLS_props: NonNul
     slots: DashboardSidebarSlots;
     emit: ((event: "update:open", value: boolean) => void) & ((event: "update:collapsed", value: boolean) => void);
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

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

@@ -1,4 +1,5 @@
-import type { ButtonProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { LinkPropsKeys } from './Link.vue';
 export interface DashboardSidebarCollapseProps extends Omit<ButtonProps, LinkPropsKeys | 'color' | 'variant'> {
     /**
      * @defaultValue 'neutral'
@@ -20,7 +21,7 @@ export interface DashboardSidebarCollapseProps extends Omit<ButtonProps, LinkPro
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DashboardSidebarCollapseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarCollapseProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     side: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DashboardSidebarCollapse.vue

@@ -46,7 +46,7 @@ const { t } = useLocale();
 const appConfig = useAppConfig();
 const { sidebarCollapsed, collapseSidebar } = useDashboard({ sidebarCollapsed: ref(false), collapseSidebar: () => {
 } });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardSidebarCollapse || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.dashboardSidebarCollapse || {} }));
 </script>
 
 <template>

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

@@ -1,4 +1,5 @@
-import type { ButtonProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { LinkPropsKeys } from './Link.vue';
 export interface DashboardSidebarCollapseProps extends Omit<ButtonProps, LinkPropsKeys | 'color' | 'variant'> {
     /**
      * @defaultValue 'neutral'
@@ -20,7 +21,7 @@ export interface DashboardSidebarCollapseProps extends Omit<ButtonProps, LinkPro
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DashboardSidebarCollapseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarCollapseProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     side: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,4 +1,5 @@
-import type { ButtonProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { LinkPropsKeys } from './Link.vue';
 export interface DashboardSidebarToggleProps extends Omit<ButtonProps, LinkPropsKeys | 'color' | 'variant'> {
     /**
      * @defaultValue 'neutral'
@@ -20,7 +21,7 @@ export interface DashboardSidebarToggleProps extends Omit<ButtonProps, LinkProps
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DashboardSidebarToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarToggleProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     side: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DashboardSidebarToggle.vue

@@ -47,7 +47,7 @@ const { t } = useLocale();
 const appConfig = useAppConfig();
 const { sidebarOpen, toggleSidebar } = useDashboard({ sidebarOpen: ref(false), toggleSidebar: () => {
 } });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardSidebarToggle || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.dashboardSidebarToggle || {} }));
 </script>
 
 <template>

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

@@ -1,4 +1,5 @@
-import type { ButtonProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { LinkPropsKeys } from './Link.vue';
 export interface DashboardSidebarToggleProps extends Omit<ButtonProps, LinkPropsKeys | 'color' | 'variant'> {
     /**
      * @defaultValue 'neutral'
@@ -20,7 +21,7 @@ export interface DashboardSidebarToggleProps extends Omit<ButtonProps, LinkProps
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DashboardSidebarToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarToggleProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     side: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DashboardToolbar.vue

@@ -16,7 +16,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("dashboardToolbar", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardToolbar || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.dashboardToolbar || {} })());
 </script>
 
 <template>

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

@@ -3,6 +3,9 @@ import type { DrawerRootProps, DrawerRootEmits } from 'vaul-vue';
 import type { DialogContentProps, DialogContentEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/drawer';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Drawer = ComponentConfig<typeof theme, AppConfig, 'drawer'>;
@@ -41,6 +44,18 @@ export interface DrawerProps extends Pick<DrawerRootProps, 'activeSnapPoint' | '
      * @defaultValue false
      */
     nested?: boolean;
+    /**
+     * Display a close button to dismiss the drawer.
+     * `{ size: 'md', color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
+     * @defaultValue false
+     */
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
+    /**
+     * The icon displayed in the close button.
+     * @defaultValue appConfig.ui.icons.close
+     * @IconifyIcon
+     */
+    closeIcon?: IconProps['name'];
     class?: any;
     ui?: Drawer['slots'];
 }
@@ -53,6 +68,10 @@ export interface DrawerSlots {
     header?(props?: {}): VNode[];
     title?(props?: {}): VNode[];
     description?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
+        ui: Drawer['ui'];
+    }): VNode[];
     body?(props?: {}): VNode[];
     footer?(props?: {}): VNode[];
 }
@@ -61,26 +80,26 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     drag: (percentageDragged: number) => any;
-    "update:open": (open: boolean) => any;
     "close:prevent": () => any;
+    "update:open": (open: boolean) => any;
     release: (open: boolean) => any;
     "update:activeSnapPoint": (val: string | number) => any;
     animationEnd: (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<DrawerProps> & Readonly<{
     onClose?: (() => any) | undefined;
     onDrag?: ((percentageDragged: number) => any) | undefined;
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
     "onClose:prevent"?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onRelease?: ((open: boolean) => any) | undefined;
     "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
     onAnimationEnd?: ((open: boolean) => any) | undefined;
 }>, {
     modal: boolean;
-    portal: boolean | string | HTMLElement;
     overlay: boolean;
+    portal: boolean | string | HTMLElement;
+    dismissible: boolean;
     direction: import("vaul-vue").DrawerDirection;
     handle: boolean;
-    dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DrawerSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Drawer.vue

@@ -6,14 +6,16 @@ import theme from "#build/ui/drawer";
 import { computed, toRef } from "vue";
 import { VisuallyHidden } from "reka-ui";
 import { useForwardProps } from "../composables/useForwardProps";
-import { DrawerRoot, DrawerRootNested, DrawerTrigger, DrawerPortal, DrawerOverlay, DrawerContent, DrawerTitle, DrawerDescription, DrawerHandle } from "vaul-vue";
+import { DrawerRoot, DrawerRootNested, DrawerTrigger, DrawerPortal, DrawerOverlay, DrawerContent, DrawerTitle, DrawerDescription, DrawerHandle, DrawerClose } from "vaul-vue";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
 import { useComponentProps } from "../composables/useComponentProps";
 import { FieldGroupReset } from "../composables/useFieldGroup";
+import { useLocale } from "../composables/useLocale";
 import { usePortal } from "../composables/usePortal";
 import { pointerDownOutside } from "../utils/overlay";
 import { tv } from "../utils/tv";
+import UButton from "./Button.vue";
 const _props = defineProps({
   as: { type: null, required: false },
   title: { type: String, required: false },
@@ -24,6 +26,8 @@ const _props = defineProps({
   handle: { type: Boolean, required: false, default: true },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
   nested: { type: Boolean, required: false },
+  close: { type: [Boolean, Object], required: false },
+  closeIcon: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: Object, required: false },
   activeSnapPoint: { type: [Number, String, null], required: false },
@@ -45,6 +49,7 @@ const _props = defineProps({
 const emits = defineEmits(["close:prevent", "drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"]);
 const slots = defineSlots();
 const props = useComponentProps("drawer", _props);
+const { t } = useLocale();
 const appConfig = useAppConfig();
 const rootProps = useForwardProps(reactivePick(props, "activeSnapPoint", "closeThreshold", "shouldScaleBackground", "setBackgroundColorOnScale", "scrollLockTimeout", "fixed", "dismissible", "modal", "open", "defaultOpen", "nested", "direction", "noBodyStyles", "handleOnly", "preventScrollRestoration", "snapPoints"), emits);
 const portalProps = usePortal(toRef(() => props.portal));
@@ -64,7 +69,7 @@ const contentEvents = computed(() => {
     pointerDownOutside
   };
 });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.drawer || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.drawer || {} })({
   direction: props.direction,
   inset: props.inset,
   snapPoints: props.snapPoints && props.snapPoints.length > 0
@@ -102,19 +107,40 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.drawer || {}
 
           <slot name="content">
             <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
-              <div v-if="!!slots.header || (props.title || !!slots.title) || (props.description || !!slots.description)" data-slot="header" :class="ui.header({ class: props.ui?.header })">
+              <div v-if="!!slots.header || (props.title || !!slots.title) || (props.description || !!slots.description) || (props.close || !!slots.close) || !!slots.actions" data-slot="header" :class="ui.header({ class: props.ui?.header })">
                 <slot name="header">
-                  <DrawerTitle v-if="props.title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
-                    <slot name="title">
-                      {{ props.title }}
-                    </slot>
-                  </DrawerTitle>
+                  <div v-if="props.title || !!slots.title || props.description || !!slots.description" data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
+                    <DrawerTitle v-if="props.title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
+                      <slot name="title">
+                        {{ props.title }}
+                      </slot>
+                    </DrawerTitle>
 
-                  <DrawerDescription v-if="props.description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
-                    <slot name="description">
-                      {{ props.description }}
-                    </slot>
-                  </DrawerDescription>
+                    <DrawerDescription v-if="props.description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+                      <slot name="description">
+                        {{ props.description }}
+                      </slot>
+                    </DrawerDescription>
+                  </div>
+
+                  <div v-if="!!slots.actions || props.close || !!slots.close" data-slot="actions" :class="ui.actions({ class: props.ui?.actions })">
+                    <slot name="actions" />
+
+                    <DrawerClose v-if="props.close || !!slots.close" as-child>
+                      <slot name="close" :ui="ui">
+                        <UButton
+                          v-if="props.close"
+                          :icon="props.closeIcon || appConfig.ui.icons.close"
+                          color="neutral"
+                          variant="ghost"
+                          :aria-label="t('drawer.close')"
+                          v-bind="typeof props.close === 'object' ? props.close : {}"
+                          data-slot="close"
+                          :class="ui.close({ class: props.ui?.close })"
+                        />
+                      </slot>
+                    </DrawerClose>
+                  </div>
                 </slot>
               </div>
 

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

@@ -3,6 +3,9 @@ import type { DrawerRootProps, DrawerRootEmits } from 'vaul-vue';
 import type { DialogContentProps, DialogContentEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/drawer';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Drawer = ComponentConfig<typeof theme, AppConfig, 'drawer'>;
@@ -41,6 +44,18 @@ export interface DrawerProps extends Pick<DrawerRootProps, 'activeSnapPoint' | '
      * @defaultValue false
      */
     nested?: boolean;
+    /**
+     * Display a close button to dismiss the drawer.
+     * `{ size: 'md', color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
+     * @defaultValue false
+     */
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
+    /**
+     * The icon displayed in the close button.
+     * @defaultValue appConfig.ui.icons.close
+     * @IconifyIcon
+     */
+    closeIcon?: IconProps['name'];
     class?: any;
     ui?: Drawer['slots'];
 }
@@ -53,6 +68,10 @@ export interface DrawerSlots {
     header?(props?: {}): VNode[];
     title?(props?: {}): VNode[];
     description?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
+        ui: Drawer['ui'];
+    }): VNode[];
     body?(props?: {}): VNode[];
     footer?(props?: {}): VNode[];
 }
@@ -61,26 +80,26 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     drag: (percentageDragged: number) => any;
-    "update:open": (open: boolean) => any;
     "close:prevent": () => any;
+    "update:open": (open: boolean) => any;
     release: (open: boolean) => any;
     "update:activeSnapPoint": (val: string | number) => any;
     animationEnd: (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<DrawerProps> & Readonly<{
     onClose?: (() => any) | undefined;
     onDrag?: ((percentageDragged: number) => any) | undefined;
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
     "onClose:prevent"?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onRelease?: ((open: boolean) => any) | undefined;
     "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
     onAnimationEnd?: ((open: boolean) => any) | undefined;
 }>, {
     modal: boolean;
-    portal: boolean | string | HTMLElement;
     overlay: boolean;
+    portal: boolean | string | HTMLElement;
+    dismissible: boolean;
     direction: import("vaul-vue").DrawerDirection;
     handle: boolean;
-    dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DrawerSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -2,7 +2,11 @@ import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentP
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dropdown-menu';
-import type { AvatarProps, IconProps, InputProps, KbdProps, LinkProps } from '../types';
+import type { AvatarProps } from './Avatar.vue';
+import type { IconProps } from './Icon.vue';
+import type { InputProps } from './Input.vue';
+import type { KbdProps } from './Kbd.vue';
+import type { LinkProps } from './Link.vue';
 import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
@@ -170,7 +174,7 @@ declare const __VLS_export: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_pr
     slots: DropdownMenuSlots<T, NestedItem<T>>;
     emit: ((evt: "update:open", payload: boolean) => void) & ((event: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/DropdownMenu.vue

@@ -43,7 +43,7 @@ const rootProps = useForwardProps(reactivePick(props, "defaultOpen", "open", "mo
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8 }));
 const arrowProps = toRef(() => defu(props.arrow, { rounded: true }));
 const getProxySlots = () => omit(slots, ["default"]);
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dropdownMenu || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.dropdownMenu || {} })({
   size: props.size
 }));
 </script>

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

@@ -2,7 +2,11 @@ import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentP
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dropdown-menu';
-import type { AvatarProps, IconProps, InputProps, KbdProps, LinkProps } from '../types';
+import type { AvatarProps } from './Avatar.vue';
+import type { IconProps } from './Icon.vue';
+import type { InputProps } from './Input.vue';
+import type { KbdProps } from './Kbd.vue';
+import type { LinkProps } from './Link.vue';
 import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
@@ -170,7 +174,7 @@ declare const __VLS_export: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_pr
     slots: DropdownMenuSlots<T, NestedItem<T>>;
     emit: ((evt: "update:open", payload: boolean) => void) & ((event: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

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

@@ -3,7 +3,9 @@ import type { DropdownMenuContentProps as RekaDropdownMenuContentProps } from 'r
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type theme from '#build/ui/dropdown-menu';
-import type { DropdownMenuItem, DropdownMenuSlots, IconProps, InputProps } from '../types';
+import type { DropdownMenuItem, DropdownMenuSlots } from './DropdownMenu.vue';
+import type { IconProps } from './Icon.vue';
+import type { InputProps } from './Input.vue';
 import type { ArrayOrNested, GetItemKeys, NestedItem, DynamicSlots, MergeTypes } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
@@ -49,20 +51,20 @@ export default _default;
 declare const __VLS_export: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuContentProps<T> & {
         onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
         onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
         onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
         onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
         onCloseAutoFocus?: ((event: Event) => any) | undefined;
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: DropdownMenuContentSlots<T, NestedItem<T>>;
-    emit: ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "update:searchTerm", value: string) => void) & ((evt: "pointerDownOutside", event: import("reka-ui").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("reka-ui").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+    emit: ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("reka-ui").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("reka-ui").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/DropdownMenuContent.vue

@@ -40,6 +40,7 @@ const props = defineProps({
   ui: { type: null, required: true },
   uiOverride: { type: null, required: false },
   loop: { type: Boolean, required: false },
+  memoDependencies: { type: Array, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false },
   sideFlip: { type: Boolean, required: false },

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

@@ -3,7 +3,9 @@ import type { DropdownMenuContentProps as RekaDropdownMenuContentProps } from 'r
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type theme from '#build/ui/dropdown-menu';
-import type { DropdownMenuItem, DropdownMenuSlots, IconProps, InputProps } from '../types';
+import type { DropdownMenuItem, DropdownMenuSlots } from './DropdownMenu.vue';
+import type { IconProps } from './Icon.vue';
+import type { InputProps } from './Input.vue';
 import type { ArrayOrNested, GetItemKeys, NestedItem, DynamicSlots, MergeTypes } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
@@ -49,20 +51,20 @@ export default _default;
 declare const __VLS_export: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuContentProps<T> & {
         onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
         onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
         onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
         onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
         onCloseAutoFocus?: ((event: Event) => any) | undefined;
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: DropdownMenuContentSlots<T, NestedItem<T>>;
-    emit: ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "update:searchTerm", value: string) => void) & ((evt: "pointerDownOutside", event: import("reka-ui").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("reka-ui").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+    emit: ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("reka-ui").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("reka-ui").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

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

@@ -25,10 +25,11 @@ export interface EditorProps<T extends Content = Content, H extends EditorCustom
     contentType?: EditorContentType;
     /**
      * The starter kit options to configure the editor.
+     * Set to `false` for a plain-text editor: keeps the essential nodes (paragraph, text, history) and disables all rich-text formatting.
      * @defaultValue { horizontalRule: false, link: { openOnClick: false }, dropcursor: { color: 'var(--ui-primary)', width: 2 } }
      * @see https://tiptap.dev/docs/editor/extensions/functionality/starterkit
      */
-    starterKit?: Partial<StarterKitOptions>;
+    starterKit?: boolean | Partial<StarterKitOptions>;
     /**
      * The placeholder text to show in empty paragraphs. Can be a string or PlaceholderOptions from `@tiptap/extension-placeholder`.
      * @defaultValue { showOnlyWhenEditable: false, showOnlyCurrent: true, mode: 'everyLine' }
@@ -94,7 +95,7 @@ declare const __VLS_export: <T extends Content, H extends EditorCustomHandlers>(
     slots: EditorSlots<H>;
     emit: (evt: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];