@nuxt/ui 4.9.0 → 4.11.0

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-header';
-import type { ButtonProps } from '../types';
+import type { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHeader = ComponentConfig<typeof theme, AppConfig, 'pageHeader'>;
 export interface PageHeaderProps {

package/dist/runtime/components/PageHeader.vue

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

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-header';
-import type { ButtonProps } from '../types';
+import type { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHeader = ComponentConfig<typeof theme, AppConfig, 'pageHeader'>;
 export interface PageHeaderProps {

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-hero';
-import type { ButtonProps } from '../types';
+import type { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHero = ComponentConfig<typeof theme, AppConfig, 'pageHero'>;
 export interface PageHeroProps {

package/dist/runtime/components/PageHero.vue

@@ -26,7 +26,7 @@ const slots = defineSlots();
 const props = useComponentProps("pageHero", _props);
 const appConfig = useAppConfig();
 const prefix = usePrefix();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageHero || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageHero || {} })({
   orientation: props.orientation,
   reverse: props.reverse,
   title: !!props.title || !!slots.title

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-hero';
-import type { ButtonProps } from '../types';
+import type { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHero = ComponentConfig<typeof theme, AppConfig, 'pageHero'>;
 export interface PageHeroProps {

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

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-links';
-import type { IconProps, LinkProps } from '../types';
+import type { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageLinks = ComponentConfig<typeof theme, AppConfig, 'pageLinks'>;
 export interface PageLink extends Omit<LinkProps, 'custom'> {
@@ -53,7 +54,7 @@ declare const __VLS_export: <T extends PageLink>(__VLS_props: NonNullable<Awaite
     slots: PageLinksSlots<T>;
     emit: {};
 }>) => 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/PageLinks.vue

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

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

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-links';
-import type { IconProps, LinkProps } from '../types';
+import type { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageLinks = ComponentConfig<typeof theme, AppConfig, 'pageLinks'>;
 export interface PageLink extends Omit<LinkProps, 'custom'> {
@@ -53,7 +54,7 @@ declare const __VLS_export: <T extends PageLink>(__VLS_props: NonNullable<Awaite
     slots: PageLinksSlots<T>;
     emit: {};
 }>) => 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/PageList.vue

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

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-logos';
-import type { MarqueeProps } from '../types';
+import type { MarqueeProps } from './Marquee.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageLogos = ComponentConfig<typeof theme, AppConfig, 'pageLogos'>;
 type PageLogosItem = {

package/dist/runtime/components/PageLogos.vue

@@ -25,7 +25,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("pageLogos", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageLogos || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageLogos || {} })());
 </script>
 
 <template>
@@ -50,7 +50,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageLogos ||
     </template>
   </DefineCreateItemTemplate>
 
-  <Primitive :as="props.as" v-bind="$attrs" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Primitive :as="props.as" data-slot="root" v-bind="$attrs" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <h2 v-if="props.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
       {{ props.title }}
     </h2>

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-logos';
-import type { MarqueeProps } from '../types';
+import type { MarqueeProps } from './Marquee.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageLogos = ComponentConfig<typeof theme, AppConfig, 'pageLogos'>;
 type PageLogosItem = {

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

@@ -1,7 +1,9 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-section';
-import type { ButtonProps, IconProps, PageFeatureProps } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { PageFeatureProps } from './PageFeature.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageSection = ComponentConfig<typeof theme, AppConfig, 'pageSection'>;
 export interface PageSectionProps {
@@ -62,8 +64,8 @@ export interface PageSectionSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PageSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageSectionProps> & Readonly<{}>, {
-    as: any;
     orientation: PageSection["variants"]["orientation"];
+    as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageSectionSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/PageSection.vue

@@ -30,7 +30,7 @@ const slots = defineSlots();
 const props = useComponentProps("pageSection", _props);
 const appConfig = useAppConfig();
 const prefix = usePrefix();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageSection || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageSection || {} })({
   orientation: props.orientation,
   reverse: props.reverse,
   title: !!props.title || !!slots.title,

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

@@ -1,7 +1,9 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-section';
-import type { ButtonProps, IconProps, PageFeatureProps } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { PageFeatureProps } from './PageFeature.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageSection = ComponentConfig<typeof theme, AppConfig, 'pageSection'>;
 export interface PageSectionProps {
@@ -62,8 +64,8 @@ export interface PageSectionSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PageSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageSectionProps> & Readonly<{}>, {
-    as: any;
     orientation: PageSection["variants"]["orientation"];
+    as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageSectionSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -2,7 +2,8 @@ import type { PaginationRootProps, PaginationRootEmits } from 'reka-ui';
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pagination';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
 import type { ComponentConfig } from '../types/tv';
 type Pagination = ComponentConfig<typeof theme, AppConfig, 'pagination'>;
 export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defaultPage' | 'disabled' | 'itemsPerPage' | 'page' | 'showEdges' | 'siblingCount' | 'total'>> {
@@ -104,8 +105,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Pagina
 }, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
-    activeColor: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
+    activeColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     activeVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     itemsPerPage: number;

package/dist/runtime/components/Pagination.vue

@@ -46,7 +46,7 @@ const firstIcon = computed(() => props.firstIcon || (dir.value === "rtl" ? appCo
 const prevIcon = computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronRight : appConfig.ui.icons.chevronLeft));
 const nextIcon = computed(() => props.nextIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronLeft : appConfig.ui.icons.chevronRight));
 const lastIcon = computed(() => props.lastIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronDoubleLeft : appConfig.ui.icons.chevronDoubleRight));
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pagination || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pagination || {} })());
 </script>
 
 <template>

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

@@ -2,7 +2,8 @@ import type { PaginationRootProps, PaginationRootEmits } from 'reka-ui';
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pagination';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
 import type { ComponentConfig } from '../types/tv';
 type Pagination = ComponentConfig<typeof theme, AppConfig, 'pagination'>;
 export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defaultPage' | 'disabled' | 'itemsPerPage' | 'page' | 'showEdges' | 'siblingCount' | 'total'>> {
@@ -104,8 +105,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Pagina
 }, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
-    activeColor: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
+    activeColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     activeVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     itemsPerPage: number;

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

@@ -70,7 +70,7 @@ declare const __VLS_export: <T extends PinInputType>(__VLS_props: NonNullable<Aw
     slots: PinInputSlots;
     emit: ((evt: "blur", event: Event) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: [T] extends ["number"] ? number[] : string[]) => void) & ((evt: "complete", value: [T] extends ["number"] ? number[] : 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/PinInput.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/pin-input";
 </script>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, onScopeDispose } from "vue";
 import { PinInputInput, PinInputRoot } from "reka-ui";
 import { useForwardProps } from "../composables/useForwardProps";
 import { reactivePick } from "@vueuse/core";
@@ -41,26 +41,29 @@ defineSlots();
 const props = useComponentProps("pinInput", _props);
 const appConfig = useAppConfig();
 const rootProps = useForwardProps(reactivePick(props, "disabled", "id", "mask", "name", "otp", "required", "type"), emits);
-const { emitFormInput, emitFormFocus, emitFormChange, emitFormBlur, size, color, id, name, highlight, disabled, ariaAttrs } = useFormField(_props);
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pinInput || {} })({
-  color: color.value ?? props.color,
+const { emitFormInput, emitFormFocus, emitFormChange, emitFormBlur, size: formFieldSize, color: formFieldColor, id, name, highlight: formFieldHighlight, disabled: formFieldDisabled, ariaAttrs } = useFormField(_props);
+const color = computed(() => formFieldColor.value ?? props.color);
+const highlight = computed(() => formFieldHighlight.value ?? props.highlight);
+const size = computed(() => formFieldSize.value ?? props.size);
+const disabled = computed(() => formFieldDisabled.value ?? props.disabled);
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pinInput || {} })({
+  color: color.value,
   variant: props.variant,
-  size: size.value ?? props.size,
-  highlight: highlight.value ?? props.highlight,
+  size: size.value,
+  highlight: highlight.value,
   fixed: props.fixed
 }));
 const inputsRef = ref([]);
 function setInputRef(index, el) {
   inputsRef.value[index] = el;
 }
-const completed = ref(false);
 function onComplete(value) {
   const event = new Event("change", { target: { value } });
   emits("change", event);
   emitFormChange();
 }
 function onBlur(event) {
-  if (!event.relatedTarget || completed.value) {
+  if (!event.relatedTarget) {
     emits("blur", event);
     emitFormBlur();
   }
@@ -84,11 +87,13 @@ function shouldInsertSeparator(index) {
   const separator = looseToNumber(props.separator);
   return Number.isInteger(separator) && separator > 0 && position % separator === 0;
 }
+let autofocusTimeoutId;
 onMounted(() => {
-  setTimeout(() => {
+  autofocusTimeoutId = setTimeout(() => {
     autoFocus();
   }, props.autofocusDelay);
 });
+onScopeDispose(() => clearTimeout(autofocusTimeoutId));
 defineExpose({
   inputsRef
 });

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

@@ -70,7 +70,7 @@ declare const __VLS_export: <T extends PinInputType>(__VLS_props: NonNullable<Aw
     slots: PinInputSlots;
     emit: ((evt: "blur", event: Event) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: [T] extends ["number"] ? number[] : string[]) => void) & ((evt: "complete", value: [T] extends ["number"] ? number[] : 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/Popover.d.vue.ts

@@ -7,7 +7,7 @@ import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Popover = ComponentConfig<typeof theme, AppConfig, 'popover'>;
 type PopoverMode = 'click' | 'hover';
-export interface PopoverProps<M extends PopoverMode = PopoverMode> extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
+export interface PopoverProps<M extends PopoverMode = PopoverMode> extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay' | 'enableTouch'> {
     /**
      * The display mode of the popover.
      * @defaultValue 'click'
@@ -64,17 +64,17 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: <M extends PopoverMode>(__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<PopoverProps<M> & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
         "onClose:prevent"?: (() => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: PopoverSlots<M>;
-    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close:prevent") => void);
+    emit: ((evt: "close:prevent") => void) & ((evt: "update:open", 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/Popover.vue

@@ -5,7 +5,6 @@ import theme from "#build/ui/popover";
 <script setup>
 import { computed, toRef } from "vue";
 import { defu } from "defu";
-import {} from "reka-ui";
 import { useForwardProps } from "../composables/useForwardProps";
 import { Popover, HoverCard } from "reka-ui/namespaced";
 import { reactivePick } from "@vueuse/core";
@@ -28,13 +27,14 @@ const _props = defineProps({
   open: { type: Boolean, required: false },
   modal: { type: Boolean, required: false },
   openDelay: { type: Number, required: false, default: 0 },
-  closeDelay: { type: Number, required: false, default: 0 }
+  closeDelay: { type: Number, required: false, default: 0 },
+  enableTouch: { type: Boolean, required: false }
 });
 const emits = defineEmits(["close:prevent", "update:open"]);
 const slots = defineSlots();
 const props = useComponentProps("popover", _props);
 const appConfig = useAppConfig();
-const pick = props.mode === "hover" ? reactivePick(props, "defaultOpen", "open", "openDelay", "closeDelay") : reactivePick(props, "defaultOpen", "open", "modal");
+const pick = props.mode === "hover" ? reactivePick(props, "defaultOpen", "open", "openDelay", "closeDelay", "enableTouch") : reactivePick(props, "defaultOpen", "open", "modal");
 const rootProps = useForwardProps(pick, emits);
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8 }));
@@ -54,7 +54,7 @@ const contentEvents = computed(() => {
   };
 });
 const arrowProps = toRef(() => defu(props.arrow, { rounded: true }));
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.popover || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.popover || {} })({
   side: contentProps.value.side
 }));
 const Component = computed(() => props.mode === "hover" ? HoverCard : Popover);

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

@@ -7,7 +7,7 @@ import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Popover = ComponentConfig<typeof theme, AppConfig, 'popover'>;
 type PopoverMode = 'click' | 'hover';
-export interface PopoverProps<M extends PopoverMode = PopoverMode> extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
+export interface PopoverProps<M extends PopoverMode = PopoverMode> extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay' | 'enableTouch'> {
     /**
      * The display mode of the popover.
      * @defaultValue 'click'
@@ -64,17 +64,17 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: <M extends PopoverMode>(__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<PopoverProps<M> & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
         "onClose:prevent"?: (() => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: PopoverSlots<M>;
-    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close:prevent") => void);
+    emit: ((evt: "close:prevent") => void) & ((evt: "update:open", 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/PricingPlan.d.vue.ts

@@ -1,7 +1,9 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-plan';
-import type { BadgeProps, ButtonProps, IconProps } from '../types';
+import type { BadgeProps } from './Badge.vue';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
 import type { ComponentConfig } from '../types/tv';
 type PricingPlan = ComponentConfig<typeof theme, AppConfig, 'pricingPlan'>;
 type PricingPlanFeature = {

package/dist/runtime/components/PricingPlan.vue

@@ -37,7 +37,7 @@ const slots = defineSlots();
 const props = useComponentProps("pricingPlan", _props);
 const appConfig = useAppConfig();
 const [DefinePriceTemplate, ReusePriceTemplate] = createReusableTemplate();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pricingPlan || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pricingPlan || {} })({
   orientation: props.orientation,
   variant: props.variant,
   highlight: props.highlight,
@@ -75,7 +75,7 @@ const features = computed(() => props.features?.map((feature) => typeof feature
     </div>
   </DefinePriceTemplate>
 
-  <Primitive :as="props.as" v-bind="$attrs" :data-orientation="props.orientation" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Primitive :as="props.as" data-slot="root" v-bind="$attrs" :data-orientation="props.orientation" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <div v-if="!!slots.header && props.orientation === 'vertical'" data-slot="header" :class="ui.header({ class: props.ui?.header })">
       <slot name="header" />
     </div>

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

@@ -1,7 +1,9 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-plan';
-import type { BadgeProps, ButtonProps, IconProps } from '../types';
+import type { BadgeProps } from './Badge.vue';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
 import type { ComponentConfig } from '../types/tv';
 type PricingPlan = ComponentConfig<typeof theme, AppConfig, 'pricingPlan'>;
 type PricingPlanFeature = {

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-plans';
-import type { PricingPlanProps, PricingPlanSlots } from '../types';
+import type { PricingPlanProps, PricingPlanSlots } from './PricingPlan.vue';
 import type { ComponentConfig } from '../types/tv';
 type PricingPlans = ComponentConfig<typeof theme, AppConfig, 'pricingPlans'>;
 export interface PricingPlansProps {
@@ -51,7 +51,7 @@ declare const __VLS_export: <T extends PricingPlanProps>(__VLS_props: NonNullabl
     slots: PricingPlansSlots<T>;
     emit: {};
 }>) => 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/PricingPlans.vue

@@ -23,7 +23,7 @@ const slots = defineSlots();
 const props = useComponentProps("pricingPlans", _props);
 const getProxySlots = () => omit(slots, ["default"]);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pricingPlans || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pricingPlans || {} }));
 const count = computed(() => props.plans?.length || slots.default?.()?.flatMap(mapSlot).filter(Boolean)?.length || 3);
 function mapSlot(slot) {
   if (typeof slot.type === "symbol") {

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-plans';
-import type { PricingPlanProps, PricingPlanSlots } from '../types';
+import type { PricingPlanProps, PricingPlanSlots } from './PricingPlan.vue';
 import type { ComponentConfig } from '../types/tv';
 type PricingPlans = ComponentConfig<typeof theme, AppConfig, 'pricingPlans'>;
 export interface PricingPlansProps {
@@ -51,7 +51,7 @@ declare const __VLS_export: <T extends PricingPlanProps>(__VLS_props: NonNullabl
     slots: PricingPlansSlots<T>;
     emit: {};
 }>) => 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/PricingTable.d.vue.ts

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-table';
-import type { PricingPlanProps } from '../types';
+import type { PricingPlanProps } from './PricingPlan.vue';
 import type { ComponentConfig } from '../types/tv';
 type PricingTable = ComponentConfig<typeof theme, AppConfig, 'pricingTable'>;
 type DynamicSlots<T extends {
@@ -49,7 +49,7 @@ export interface PricingTableProps<T extends PricingTableTier = PricingTableTier
     as?: any;
     /**
      * The caption to display above the table.
-     * @defeaultValue t('pricingTable.caption')
+     * @defaultValue t('pricingTable.caption')
      */
     caption?: string;
     /**
@@ -102,7 +102,7 @@ declare const __VLS_export: <T extends PricingTableTier>(__VLS_props: NonNullabl
     slots: PricingTableSlots<T>;
     emit: {};
 }>) => 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/PricingTable.vue

@@ -30,7 +30,7 @@ const formatSlotName = (item) => {
   if (item.id) return item.id;
   return item.title.toLowerCase().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 };
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pricingTable || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pricingTable || {} })());
 const [DefineTierTemplate, ReuseTierTemplate] = createReusableTemplate({
   props: {
     tier: Object
@@ -135,7 +135,7 @@ const [DefineFeatureTemplate, ReuseFeatureTemplate] = createReusableTemplate({
     <UIcon v-else :name="appConfig.ui.icons.minus" data-slot="tierFeatureIcon" :class="ui.tierFeatureIcon({ class: props.ui?.tierFeatureIcon })" />
   </DefineFeatureTemplate>
 
-  <Primitive :as="props.as" v-bind="$attrs" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Primitive :as="props.as" data-slot="root" v-bind="$attrs" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <table data-slot="table" :class="ui.table({ class: props.ui?.table })">
       <caption v-if="props.caption || !!slots.caption" data-slot="caption" :class="ui.caption({ class: [props.ui?.caption] })">
         <slot name="caption">

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

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-table';
-import type { PricingPlanProps } from '../types';
+import type { PricingPlanProps } from './PricingPlan.vue';
 import type { ComponentConfig } from '../types/tv';
 type PricingTable = ComponentConfig<typeof theme, AppConfig, 'pricingTable'>;
 type DynamicSlots<T extends {
@@ -49,7 +49,7 @@ export interface PricingTableProps<T extends PricingTableTier = PricingTableTier
     as?: any;
     /**
      * The caption to display above the table.
-     * @defeaultValue t('pricingTable.caption')
+     * @defaultValue t('pricingTable.caption')
      */
     caption?: string;
     /**
@@ -102,7 +102,7 @@ declare const __VLS_export: <T extends PricingTableTier>(__VLS_props: NonNullabl
     slots: PricingTableSlots<T>;
     emit: {};
 }>) => 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];