@nuxt/ui 4.9.0 → 4.10.0

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

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-card';
-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 PageCard = ComponentConfig<typeof theme, AppConfig, 'pageCard'>;
 export interface PageCardProps {
@@ -49,7 +50,7 @@ export interface PageCardProps {
     variant?: PageCard['variants']['variant'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageCard['slots'];
 }

package/dist/runtime/components/PageCard.vue

@@ -49,7 +49,7 @@ watch(() => props.spotlight, (value) => {
     motionControl.pause();
   }
 }, { immediate: true });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageCard || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageCard || {} })({
   orientation: props.orientation,
   reverse: props.reverse,
   variant: props.variant,
@@ -70,8 +70,9 @@ const ariaLabel = computed(() => {
   <Primitive
     ref="cardRef"
     :as="props.as"
+    v-bind="!props.to ? $attrs : {}"
     :data-orientation="props.orientation"
-    data-slot="root"
+    :data-slot="$attrs['data-slot'] ?? 'root'"
     :class="ui.root({ class: [props.ui?.root, props.class] })"
     :style="spotlight && { '--spotlight-x': `${elementX}px`, '--spotlight-y': `${elementY}px` }"
     @click="props.onClick"
@@ -117,7 +118,7 @@ const ariaLabel = computed(() => {
     <ULink
       v-if="props.to"
       :aria-label="ariaLabel"
-      v-bind="{ to: props.to, target: props.target, ...$attrs }"
+      v-bind="{ 'to': props.to, 'target': props.target, ...$attrs, 'data-slot': void 0 }"
       :class="prefix('focus:outline-none peer')"
       raw
     >

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

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-card';
-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 PageCard = ComponentConfig<typeof theme, AppConfig, 'pageCard'>;
 export interface PageCardProps {
@@ -49,7 +50,7 @@ export interface PageCardProps {
     variant?: PageCard['variants']['variant'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageCard['slots'];
 }

package/dist/runtime/components/PageColumns.vue

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

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

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-feature';
-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 PageFeature = ComponentConfig<typeof theme, AppConfig, 'pageFeature'>;
 export interface PageFeatureProps {
@@ -24,7 +25,7 @@ export interface PageFeatureProps {
     orientation?: PageFeature['variants']['orientation'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageFeature['slots'];
 }

package/dist/runtime/components/PageFeature.vue

@@ -29,7 +29,7 @@ const slots = defineSlots();
 const props = useComponentProps("pageFeature", _props);
 const appConfig = useAppConfig();
 const prefix = usePrefix();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageFeature || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageFeature || {} })({
   orientation: props.orientation,
   title: !!props.title || !!slots.title,
   to: !!props.to || !!props.onClick
@@ -41,7 +41,14 @@ const ariaLabel = computed(() => {
 </script>
 
 <template>
-  <Primitive :as="props.as" :data-orientation="props.orientation" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })" @click="props.onClick">
+  <Primitive
+    :as="props.as"
+    v-bind="!props.to ? $attrs : {}"
+    :data-orientation="props.orientation"
+    :data-slot="$attrs['data-slot'] ?? 'root'"
+    :class="ui.root({ class: [props.ui?.root, props.class] })"
+    @click="props.onClick"
+  >
     <div v-if="props.icon || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
       <slot name="leading" :ui="ui">
         <UIcon v-if="props.icon" :name="props.icon" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
@@ -52,7 +59,7 @@ const ariaLabel = computed(() => {
       <ULink
         v-if="props.to"
         :aria-label="ariaLabel"
-        v-bind="{ to: props.to, target: props.target, ...$attrs }"
+        v-bind="{ 'to': props.to, 'target': props.target, ...$attrs, 'data-slot': void 0 }"
         :class="prefix('focus:outline-none peer')"
         raw
       >

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

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-feature';
-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 PageFeature = ComponentConfig<typeof theme, AppConfig, 'pageFeature'>;
 export interface PageFeatureProps {
@@ -24,7 +25,7 @@ export interface PageFeatureProps {
     orientation?: PageFeature['variants']['orientation'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageFeature['slots'];
 }

package/dist/runtime/components/PageGrid.vue

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

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

@@ -42,7 +42,7 @@ 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 || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pinInput || {} })({
   color: color.value ?? props.color,
   variant: props.variant,
   size: size.value ?? props.size,

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

@@ -28,13 +28,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 +55,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];