@eslamdevui/ui 4.0.0-beta → 4.1.0

package/dist/runtime/components/Pagination.vue

@@ -60,8 +60,8 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pagination ||
         </slot>
       </PaginationPrev>
 
-      <template v-for="(item, index) in items">
-        <PaginationListItem v-if="item.type === 'page'" :key="index" as-child :value="item.value" :class="ui.item({ class: props.ui?.item })">
+      <template v-for="(item, index) in items" :key="index">
+        <PaginationListItem v-if="item.type === 'page'" as-child :value="item.value" :class="ui.item({ class: props.ui?.item })">
           <slot name="item" v-bind="{ item, index, page, pageCount }">
             <UButton
               :color="page === item.value ? activeColor : color"
@@ -75,9 +75,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pagination ||
           </slot>
         </PaginationListItem>
 
-        <PaginationEllipsis v-else :key="item.type" :index="index" as-child :class="ui.ellipsis({ class: props.ui?.ellipsis })">
-          <slot name="ellipsis">
-            <UButton :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" />
+        <PaginationEllipsis v-else as-child :class="ui.ellipsis({ class: props.ui?.ellipsis })">
+          <slot name="ellipsis" :ui="ui">
+            <UButton as="div" :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" />
           </slot>
         </PaginationEllipsis>
       </template>

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

@@ -82,7 +82,9 @@ export interface PaginationSlots {
     prev(props?: {}): any;
     next(props?: {}): any;
     last(props?: {}): any;
-    ellipsis(props?: {}): any;
+    ellipsis(props: {
+        ui: Pagination['ui'];
+    }): any;
     item(props: {
         page: number;
         pageCount: number;
@@ -95,7 +97,7 @@ export interface PaginationSlots {
         index: number;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;
@@ -110,6 +112,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Pagination
     total: number;
     showControls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PaginationSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -38,22 +38,18 @@ export type PinInputEmits<T extends PinInputType = 'text'> = PinInputRootEmits<T
     change: [event: Event];
     blur: [event: Event];
 };
-declare const _default: <T extends PinInputType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onBlur?: ((event: Event) => any) | undefined;
-        readonly onChange?: ((event: Event) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
-        readonly onComplete?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onChange" | "onUpdate:modelValue" | "onComplete"> & PinInputProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
+declare const __VLS_export: <T extends PinInputType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PinInputProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((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").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
-    }>): void;
+    }>) => void;
     attrs: any;
     slots: {};
     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>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

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

@@ -38,22 +38,18 @@ export type PinInputEmits<T extends PinInputType = 'text'> = PinInputRootEmits<T
     change: [event: Event];
     blur: [event: Event];
 };
-declare const _default: <T extends PinInputType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onBlur?: ((event: Event) => any) | undefined;
-        readonly onChange?: ((event: Event) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
-        readonly onComplete?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onChange" | "onUpdate:modelValue" | "onComplete"> & PinInputProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
+declare const __VLS_export: <T extends PinInputType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PinInputProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((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").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
-    }>): void;
+    }>) => void;
     attrs: any;
     slots: {};
     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>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

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

@@ -5,12 +5,13 @@ import theme from '#build/ui/popover';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Popover = ComponentConfig<typeof theme, AppConfig, 'popover'>;
-export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
+type PopoverMode = 'click' | 'hover';
+export interface PopoverProps<M extends PopoverMode = PopoverMode> extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
     /**
      * The display mode of the popover.
      * @defaultValue 'click'
      */
-    mode?: 'click' | 'hover';
+    mode?: M;
     /**
      * The content of the popover.
      * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 }
@@ -43,29 +44,27 @@ export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps,
 export interface PopoverEmits extends PopoverRootEmits {
     'close:prevent': [];
 }
-export interface PopoverSlots {
+type SlotProps<M extends PopoverMode = PopoverMode> = [M] extends ['hover'] ? {} : {
+    close: () => void;
+};
+export interface PopoverSlots<M extends PopoverMode = PopoverMode> {
     default(props: {
         open: boolean;
     }): any;
-    content(props?: {}): any;
-    anchor(props?: {}): any;
+    content(props: SlotProps<M>): any;
+    anchor(props: SlotProps<M>): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-    "close:prevent": () => any;
-}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onClose:prevent"?: (() => any) | undefined;
-}>, {
-    mode: "click" | "hover";
-    portal: boolean | string | HTMLElement;
-    dismissible: boolean;
-    openDelay: number;
-    closeDelay: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PopoverSlots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PopoverProps<M> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "close:prevent") => void)>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: PopoverSlots<M>;
+    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close:prevent") => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/Popover.vue

@@ -12,7 +12,7 @@ import { useAppConfig } from "#imports";
 import { usePortal } from "../composables/usePortal";
 import { tv } from "../utils/tv";
 const props = defineProps({
-  mode: { type: String, required: false, default: "click" },
+  mode: { type: null, required: false, default: "click" },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
@@ -54,18 +54,18 @@ const Component = computed(() => props.mode === "hover" ? HoverCard : Popover);
 </script>
 
 <template>
-  <Component.Root v-slot="{ open }" v-bind="rootProps">
+  <Component.Root v-slot="{ open, close }" v-bind="rootProps">
     <Component.Trigger v-if="!!slots.default || !!reference" as-child :reference="reference" :class="props.class">
       <slot :open="open" />
     </Component.Trigger>
 
     <Component.Anchor v-if="'Anchor' in Component && !!slots.anchor" as-child>
-      <slot name="anchor" />
+      <slot name="anchor" v-bind="close ? { close } : {}" />
     </Component.Anchor>
 
     <Component.Portal v-bind="portalProps">
       <Component.Content v-bind="contentProps" :class="ui.content({ class: [!slots.default && props.class, props.ui?.content] })" v-on="contentEvents">
-        <slot name="content" />
+        <slot name="content" v-bind="close ? { close } : {}" />
 
         <Component.Arrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
       </Component.Content>

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

@@ -5,12 +5,13 @@ import theme from '#build/ui/popover';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Popover = ComponentConfig<typeof theme, AppConfig, 'popover'>;
-export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
+type PopoverMode = 'click' | 'hover';
+export interface PopoverProps<M extends PopoverMode = PopoverMode> extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
     /**
      * The display mode of the popover.
      * @defaultValue 'click'
      */
-    mode?: 'click' | 'hover';
+    mode?: M;
     /**
      * The content of the popover.
      * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 }
@@ -43,29 +44,27 @@ export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps,
 export interface PopoverEmits extends PopoverRootEmits {
     'close:prevent': [];
 }
-export interface PopoverSlots {
+type SlotProps<M extends PopoverMode = PopoverMode> = [M] extends ['hover'] ? {} : {
+    close: () => void;
+};
+export interface PopoverSlots<M extends PopoverMode = PopoverMode> {
     default(props: {
         open: boolean;
     }): any;
-    content(props?: {}): any;
-    anchor(props?: {}): any;
+    content(props: SlotProps<M>): any;
+    anchor(props: SlotProps<M>): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-    "close:prevent": () => any;
-}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onClose:prevent"?: (() => any) | undefined;
-}>, {
-    mode: "click" | "hover";
-    portal: boolean | string | HTMLElement;
-    dismissible: boolean;
-    openDelay: number;
-    closeDelay: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PopoverSlots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PopoverProps<M> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "close:prevent") => void)>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: PopoverSlots<M>;
+    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close:prevent") => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -87,23 +87,30 @@ export interface PricingPlanProps {
     ui?: PricingPlan['slots'];
 }
 export interface PricingPlanSlots {
-    badge(props?: {}): any;
+    badge(props: {
+        ui: PricingPlan['ui'];
+    }): any;
     title(props?: {}): any;
     description(props?: {}): any;
     price(props?: {}): any;
     discount(props?: {}): any;
-    billing(props?: {}): any;
+    billing(props: {
+        ui: PricingPlan['ui'];
+    }): any;
     features(props?: {}): any;
-    button(props?: {}): any;
+    button(props: {
+        ui: PricingPlan['ui'];
+    }): any;
     header(props?: {}): any;
     body(props?: {}): any;
     footer(props?: {}): any;
     tagline(props?: {}): any;
     terms(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlanProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlanProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PricingPlanProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlanProps> & Readonly<{}>, {
     orientation: PricingPlan["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PricingPlanSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/PricingPlan.vue

@@ -60,7 +60,7 @@ const features = computed(() => props.features?.map((feature) => typeof feature
       </div>
 
       <div v-if="billingCycle || billingPeriod || !!slots.billing" :class="ui.billing({ class: props.ui?.billing })">
-        <slot name="billing">
+        <slot name="billing" :ui="ui">
           <span :class="ui.billingPeriod({ class: props.ui?.billingPeriod })">
             {{ billingPeriod || "\xA0" }}
           </span>
@@ -87,7 +87,7 @@ const features = computed(() => props.features?.map((feature) => typeof feature
             </slot>
           </div>
 
-          <slot name="badge">
+          <slot name="badge" :ui="ui">
             <UBadge v-if="badge" color="primary" variant="subtle" v-bind="typeof badge === 'string' ? { label: badge } : badge" :class="ui.badge({ class: props.ui?.badge })" />
           </slot>
         </div>
@@ -122,7 +122,7 @@ const features = computed(() => props.features?.map((feature) => typeof feature
 
         <ReusePriceTemplate v-if="orientation === 'horizontal'" />
 
-        <slot name="button">
+        <slot name="button" :ui="ui">
           <UButton v-if="button" v-bind="{ block: true, size: 'lg', ...button }" :class="ui.button({ class: props.ui?.button })" @click="button?.onClick" />
         </slot>
 

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

@@ -87,23 +87,30 @@ export interface PricingPlanProps {
     ui?: PricingPlan['slots'];
 }
 export interface PricingPlanSlots {
-    badge(props?: {}): any;
+    badge(props: {
+        ui: PricingPlan['ui'];
+    }): any;
     title(props?: {}): any;
     description(props?: {}): any;
     price(props?: {}): any;
     discount(props?: {}): any;
-    billing(props?: {}): any;
+    billing(props: {
+        ui: PricingPlan['ui'];
+    }): any;
     features(props?: {}): any;
-    button(props?: {}): any;
+    button(props: {
+        ui: PricingPlan['ui'];
+    }): any;
     header(props?: {}): any;
     body(props?: {}): any;
     footer(props?: {}): any;
     tagline(props?: {}): any;
     terms(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlanProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlanProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PricingPlanProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlanProps> & Readonly<{}>, {
     orientation: PricingPlan["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PricingPlanSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-plans';
-import type { PricingPlanProps } from '../types';
+import type { PricingPlanProps, PricingPlanSlots } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type PricingPlans = ComponentConfig<typeof theme, AppConfig, 'pricingPlans'>;
 export interface PricingPlansProps {
@@ -28,17 +28,25 @@ export interface PricingPlansProps {
     scale?: boolean;
     class?: any;
 }
-export interface PricingPlansSlots {
+type ExtendSlotWithPlan<T extends PricingPlanProps, K extends keyof PricingPlanSlots> = PricingPlanSlots[K] extends (props: infer P) => any ? (props: P & {
+    plan: T;
+}) => any : PricingPlanSlots[K];
+export type PricingPlansSlots<T extends PricingPlanProps = PricingPlanProps> = {
+    [K in keyof PricingPlanSlots]: ExtendSlotWithPlan<T, K>;
+} & {
     default(props?: {}): any;
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlansProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlansProps> & Readonly<{}>, {
-    orientation: PricingPlans["variants"]["orientation"];
-    scale: boolean;
-    compact: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PricingPlansSlots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
 };
+declare const __VLS_export: <T extends PricingPlanProps>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PricingPlansProps> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: PricingPlansSlots<T>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/PricingPlans.vue

@@ -6,6 +6,7 @@ import theme from "#build/ui/pricing-plans";
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { omit } from "../utils";
 import { tv } from "../utils/tv";
 import UPricingPlan from "./PricingPlan.vue";
 const props = defineProps({
@@ -17,6 +18,7 @@ const props = defineProps({
   class: { type: null, required: false }
 });
 const slots = defineSlots();
+const getProxySlots = () => omit(slots, ["default"]);
 const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pricingPlans || {} }));
 const count = computed(() => props.plans?.length || slots.default?.()?.flatMap(mapSlot).filter(Boolean)?.length || 3);
@@ -39,7 +41,11 @@ function mapSlot(slot) {
         :key="index"
         :orientation="orientation === 'vertical' ? 'horizontal' : 'vertical'"
         v-bind="plan"
-      />
+      >
+        <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
+          <slot :name="name" v-bind="slotData" :plan="plan" />
+        </template>
+      </UPricingPlan>
     </slot>
   </Primitive>
 </template>

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-plans';
-import type { PricingPlanProps } from '../types';
+import type { PricingPlanProps, PricingPlanSlots } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type PricingPlans = ComponentConfig<typeof theme, AppConfig, 'pricingPlans'>;
 export interface PricingPlansProps {
@@ -28,17 +28,25 @@ export interface PricingPlansProps {
     scale?: boolean;
     class?: any;
 }
-export interface PricingPlansSlots {
+type ExtendSlotWithPlan<T extends PricingPlanProps, K extends keyof PricingPlanSlots> = PricingPlanSlots[K] extends (props: infer P) => any ? (props: P & {
+    plan: T;
+}) => any : PricingPlanSlots[K];
+export type PricingPlansSlots<T extends PricingPlanProps = PricingPlanProps> = {
+    [K in keyof PricingPlanSlots]: ExtendSlotWithPlan<T, K>;
+} & {
     default(props?: {}): any;
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlansProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlansProps> & Readonly<{}>, {
-    orientation: PricingPlans["variants"]["orientation"];
-    scale: boolean;
-    compact: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PricingPlansSlots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
 };
+declare const __VLS_export: <T extends PricingPlanProps>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PricingPlansProps> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: PricingPlansSlots<T>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -90,15 +90,16 @@ export type PricingTableSlots<T extends PricingTableTier = PricingTableTier> = {
         section: PricingTableSection<T>;
     }) => any;
 } & DynamicSlots<T, 'title' | 'description' | 'badge' | 'button' | 'billing' | 'discount' | 'price'> & FeatureDynamicSlots<PricingTableSectionFeature<T>, 'title' | 'value'> & SectionDynamicSlots<PricingTableSection<T>, 'title'>;
-declare const _default: <T extends PricingTableTier>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & PricingTableProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends PricingTableTier>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PricingTableProps<T>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: PricingTableSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

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

@@ -90,15 +90,16 @@ export type PricingTableSlots<T extends PricingTableTier = PricingTableTier> = {
         section: PricingTableSection<T>;
     }) => any;
 } & DynamicSlots<T, 'title' | 'description' | 'badge' | 'button' | 'billing' | 'discount' | 'price'> & FeatureDynamicSlots<PricingTableSectionFeature<T>, 'title' | 'value'> & SectionDynamicSlots<PricingTableSection<T>, 'title'>;
-declare const _default: <T extends PricingTableTier>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & PricingTableProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends PricingTableTier>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<PricingTableProps<T>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: PricingTableSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

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

@@ -47,7 +47,7 @@ export type ProgressSlots = {
         step: number;
     }) => any;
 };
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[] | undefined) => any;
     "update:max": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{
@@ -58,6 +58,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressPr
     modelValue: number | null;
     inverted: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProgressSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Progress.vue

@@ -109,7 +109,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.progress || {
 </script>
 
 <template>
-  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Primitive :as="as" :data-orientation="orientation" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <div v-if="!isIndeterminate && (status || !!slots.status)" :class="ui.status({ class: props.ui?.status })" :style="statusStyle">
       <slot name="status" :percent="percent">
         {{ percent }}%

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

@@ -47,7 +47,7 @@ export type ProgressSlots = {
         step: number;
     }) => any;
 };
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[] | undefined) => any;
     "update:max": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{
@@ -58,6 +58,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressPr
     modelValue: number | null;
     inverted: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProgressSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -81,18 +81,16 @@ export interface RadioGroupSlots<T extends RadioGroupItem[] = RadioGroupItem[]>
     label: SlotProps<T[number]>;
     description: SlotProps<T[number]>;
 }
-declare const _default: <T extends RadioGroupItem[], VK extends GetItemKeys<T> = "value">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onChange?: ((event: Event) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & RadioGroupProps<T, VK> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends RadioGroupItem[], VK extends GetItemKeys<T> = "value">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<RadioGroupProps<T, VK> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: string) => void)>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: RadioGroupSlots<T>;
     emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];