@privyid/persona 0.24.0 → 0.25.1

package/dist/components/accordion/Accordion.vue

@@ -19,8 +19,8 @@
 <script lang="ts" setup>
 import { useVModel } from '@vueuse/core'
 import { type AccordionItem, ACCORDION_CONTEXT } from '.'
+import type { PropType } from 'vue-demi'
 import {
-  PropType,
   computed,
   provide,
   readonly,

package/dist/components/aspect-ratio/index.d.ts

@@ -1,3 +1,3 @@
-import { Directive } from 'vue-demi';
+import type { Directive } from 'vue-demi';
 export declare const pAspectRatio: Directive<HTMLElement, number>;
 export declare const vPAspectRatio: import("vue-demi").ObjectDirective<HTMLElement, number>;

package/dist/components/avatar/Avatar.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { TypeVariant, SizeVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { TypeVariant, SizeVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<TypeVariant>;

package/dist/components/badge/Badge.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { StyleVariant } from '.';
-import { ColorVariant } from '../button';
+import type { PropType } from 'vue-demi';
+import type { StyleVariant } from '.';
+import type { ColorVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     color: {
         type: PropType<ColorVariant>;

package/dist/components/banner/Banner.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { StyleVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { StyleVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<StyleVariant>;

package/dist/components/breadcrumbs/Breadcrumb.vue.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbItems } from '.';
+import type { BreadcrumbItems } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     items: {
         type: {

package/dist/components/breadcrumbs/BreadcrumbItem.vue

@@ -29,7 +29,7 @@ import IconChevron from "@privyid/persona-icon/vue/chevron-right/20.vue";
 export default defineComponent({
   props: {
     href: {
-      type: String,
+      type: [String, Object],
       default: "#"
     },
     active: {
@@ -45,7 +45,7 @@ export default defineComponent({
       return result;
     });
     const tagName = computed(() => {
-      let tag = "a";
+      let tag = "nuxt-link";
       if (props.active)
         tag = "span";
       return tag;

package/dist/components/breadcrumbs/BreadcrumbItem.vue.d.ts

@@ -1,7 +1,8 @@
-import { TagVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue-demi").DefineComponent<{
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: string;
     };
     active: {
@@ -10,14 +11,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
-    tagName: import("vue-demi").ComputedRef<TagVariant>;
-    permalink: import("vue-demi").ComputedRef<string | undefined>;
+    tagName: import("vue-demi").ComputedRef<"span" | "nuxt-link">;
+    permalink: import("vue-demi").ComputedRef<RouteLocationRaw | undefined>;
     divider: () => import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
         [key: string]: any;
     }>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: string;
     };
     active: {
@@ -25,7 +26,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    href: string;
+    href: RouteLocationRaw;
     active: boolean;
 }, {}>;
 export default _default;

package/dist/components/breadcrumbs/index.d.ts

@@ -6,6 +6,6 @@ interface Breadcrumb {
 export interface BreadcrumbItems extends Breadcrumb {
     subitem?: Breadcrumb[];
 }
-export type TagVariant = 'a' | 'span';
+export type TagVariant = 'a' | 'span' | 'nuxt-link';
 export declare function defineNavigation(navigation: BreadcrumbItems[]): BreadcrumbItems[];
 export {};

package/dist/components/button/Button.vue

@@ -6,19 +6,26 @@
     data-testid="btn"
     :class="classNames"
     :disabled="loading || disabled">
-    <spinner v-if="loading" />
+    <slot
+      v-if="loading"
+      name="loading">
+      <spinner />
+    </slot>
     <slot v-else />
   </component>
 </template>
 
 <script lang="ts" setup>
+import type {
+  PropType,
+  VNode,
+} from 'vue-demi'
 import {
   computed,
-  PropType,
   inject,
 } from 'vue-demi'
 import type { RouteLocationRaw } from 'vue-router'
-import {
+import type {
   ColorVariant,
   SizeVariant,
   StyleVariant,
@@ -50,7 +57,7 @@ const props = defineProps({
     default: false,
   },
   href: {
-    type   : [String, Object] as PropType<string | RouteLocationRaw>,
+    type   : [String, Object] as PropType<RouteLocationRaw>,
     default: undefined,
   },
   type: {
@@ -106,6 +113,11 @@ const tagName = computed(() => {
     ? 'nuxt-link'
     : 'button'
 })
+
+defineSlots<{
+  loading(): VNode[],
+  default(): VNode[],
+}>()
 </script>
 
 <style lang="postcss">

package/dist/components/button-group/ButtonGroup.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue-demi';
+import type { PropType } from 'vue-demi';
 import type { SizeVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     size: {

package/dist/components/button-group/index.d.ts

@@ -1,5 +1,5 @@
-import { InjectionKey, Ref } from 'vue-demi';
-import { SizeVariant } from '../button';
+import type { InjectionKey, Ref } from 'vue-demi';
+import type { SizeVariant } from '../button';
 export interface ButtonGroupSetting {
     size?: Ref<SizeVariant>;
 }

package/dist/components/calendar/Calendar.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { CalendarItem } from './adapter/adapter';
+import type { PropType } from 'vue-demi';
+import type { CalendarItem } from './adapter/adapter';
 type TransitionMode = 'slide-left' | 'slide-right' | 'zoom-in' | 'zoom-out';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {

package/dist/components/calendar/adapter/adapter.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue-demi';
+import type { Ref } from 'vue-demi';
 import { type Duration } from 'date-fns';
 export interface CalendarItem {
     value: Date;

package/dist/components/camera/Camera.vue.d.ts

@@ -1,5 +1,5 @@
-import { ComputedRef, PropType } from 'vue-demi';
-import { Adapter, MaskVariant, ModelModifier } from './adapter/adapter';
+import type { ComputedRef, PropType } from 'vue-demi';
+import type { Adapter, MaskVariant, ModelModifier } from './adapter/adapter';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<string | string[] | File | File[]>;

package/dist/components/camera/adapter/adapter.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue-demi';
+import type { ComputedRef, Ref } from 'vue-demi';
 export type MaskVariant = 'square' | 'round' | 'card' | 'none';
 export type MirrorMode = boolean | 'preview' | 'all';
 export interface ModelModifier {

package/dist/components/camera/utils/motion.mjs

@@ -77,10 +77,10 @@ export function motionDetection(imageData, template) {
   }
   const distX = bestHitX - template.xPos;
   const distY = bestHitY - template.yPos;
-  const movementDiff = Math.sqrt(distX * distX + distY * distY);
+  const movementDiff = Math.hypot(distX, distY);
   const maxDistX = searchWidth - template.width / 2;
   const maxDistY = searchHeight - template.height / 2;
-  const maximumMovement = Math.sqrt(maxDistX * maxDistX + maxDistY * maxDistY);
+  const maximumMovement = Math.hypot(maxDistX, maxDistY);
   let movementPercentage = movementDiff / maximumMovement * 100;
   if (movementPercentage > 100)
     movementPercentage = 100;

package/dist/components/caption/Caption.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { WeightVariant, TransformVariant } from '../heading';
-import { SizeVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { WeightVariant, TransformVariant } from '../heading';
+import type { SizeVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     weight: {
         type: PropType<WeightVariant>;

package/dist/components/card/Card.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { ElementVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { ElementVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     element: {
         type: PropType<ElementVariant>;

package/dist/components/carousel/Carousel.vue.d.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue-demi';
-import { DirectionVariant } from '../steps';
+import type { PropType } from 'vue-demi';
+import type { DirectionVariant } from '../steps';
 import '@splidejs/splide/css/core';
-import { AlignmentVariant } from '.';
+import type { AlignmentVariant } from '.';
 import type { Options } from '@splidejs/splide';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
@@ -17,11 +17,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     loop: {
@@ -33,7 +33,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autoplayInterval: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     splideOptions: {
@@ -66,11 +66,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     loop: {
@@ -82,7 +82,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autoplayInterval: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     splideOptions: {

package/dist/components/carousel/index.d.ts

@@ -1,4 +1,4 @@
 import type { Splide } from '@splidejs/splide';
-import { InjectionKey, Ref } from 'vue-demi';
+import type { InjectionKey, Ref } from 'vue-demi';
 export type AlignmentVariant = 'start' | 'end';
 export declare const CAROUSEL_INSTANCE: InjectionKey<Ref<Splide>>;

package/dist/components/chart/Chart.vue

@@ -55,6 +55,25 @@ export default defineComponent({
     const data = computed(() => {
       return getAdapter(variant.value).getDatasets(slots.default());
     });
+    const options = computed(() => {
+      return {
+        plugins: {
+          legend: {
+            display: legend.value !== "none",
+            position: legend.value === "none" ? void 0 : legend.value,
+            labels: {
+              color: "#9CA3AF",
+              font: {
+                family: "DM Sans",
+                size: 12,
+                weight: "600"
+              }
+            }
+          }
+        },
+        ...getAdapter(variant.value).getStyle()
+      };
+    });
     async function initChart() {
       if (instance.value)
         instance.value.destroy();
@@ -62,23 +81,7 @@ export default defineComponent({
         canvas.value,
         variant.value,
         data.value,
-        {
-          plugins: {
-            legend: {
-              display: legend.value !== "none",
-              position: legend.value === "none" ? void 0 : legend.value,
-              labels: {
-                color: "#9CA3AF",
-                font: {
-                  family: "DM Sans",
-                  size: 12,
-                  weight: "600"
-                }
-              }
-            }
-          },
-          ...getAdapter(variant.value).getStyle()
-        }
+        options.value
       );
     }
     const dataWatcher = watchPausable(data, (newData) => {

package/dist/components/chart/Chart.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { ChartType } from './adapter/index';
-import { LegendPosition } from '.';
+import type { PropType } from 'vue-demi';
+import type { ChartType } from './adapter/index';
+import type { LegendPosition } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<ChartType>;

package/dist/components/chart/ChartSet.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue-demi").DefineComponent<{
     name: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
 }, unknown, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     name: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
 }>>, {}, {}>;

package/dist/components/chart/ChartVal.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue-demi").DefineComponent<{
     name: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     color: {
@@ -13,11 +13,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, unknown, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     name: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     color: {

package/dist/components/chart/adapter/adapter.d.ts

@@ -1,5 +1,5 @@
 import type { ChartData, ChartOptions } from 'chart.js/auto';
-import { VNode } from 'vue-demi';
+import type { VNode } from 'vue-demi';
 export interface ChartAdapter {
     getStyle: () => ChartOptions;
     getDatasets: (vnodes: VNode[]) => ChartData;

package/dist/components/chart/adapter/index.d.ts

@@ -1,3 +1,3 @@
-import { ChartAdapter } from './adapter';
+import type { ChartAdapter } from './adapter';
 export type ChartType = 'line' | 'bar' | 'pie';
 export default function getAdapter(type: ChartType): ChartAdapter;

package/dist/components/chart/index.d.ts

@@ -1,2 +1,2 @@
-import { LayoutPosition } from 'chart.js';
+import type { LayoutPosition } from 'chart.js';
 export type LegendPosition = 'none' | LayoutPosition;

package/dist/components/checkbox/Checkbox.vue

@@ -23,7 +23,8 @@
 
 <script lang="ts" setup>
 import { useVModel } from '.'
-import { PropType, computed } from 'vue-demi'
+import type { PropType } from 'vue-demi'
+import { computed } from 'vue-demi'
 import IconCheckbox from './icon/IconCheckbox.vue'
 import IconInderteminate from './icon/IconInderteminate.vue'
 
@@ -117,7 +118,7 @@ function toggle () {
   * with custom icon
   */
   &__icon {
-    @apply w-5 h-5 inline-flex shrink-0 border rounded-tn border-subtle items-center justify-center bg-default;
+    @apply w-4 h-4 inline-flex shrink-0 border rounded-tn border-subtle items-center justify-center bg-default;
     @apply dark:border-dark-subtle dark:bg-dark-default;
 
     > svg {

package/dist/components/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from '../input';
+import type { InputProps } from '../input';
 export interface CheckboxProps extends InputProps<unknown> {
     checked: boolean;
     value: unknown;

package/dist/components/contextual-bar/ContextualBar.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { AlignVariant } from '../nav';
-import { StyleVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { AlignVariant } from '../nav';
+import type { StyleVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     state: {
         type: PropType<StyleVariant>;
@@ -36,7 +36,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     close: (event: Event) => void;
     onEnter: (target: HTMLDivElement) => void;
     onLeave: (target: HTMLDivElement) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("show" | "close" | "update:modelValue" | "hide")[], "show" | "close" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("close" | "show" | "update:modelValue" | "hide")[], "close" | "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     state: {
         type: PropType<StyleVariant>;
         default: string;
@@ -67,8 +67,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
 }, {
     dismissable: boolean;

package/dist/components/cropper/Cropper.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType, StyleValue } from 'vue-demi';
-import { ModelModifier } from '../camera/adapter/adapter';
+import type { PropType, StyleValue } from 'vue-demi';
+import type { ModelModifier } from '../camera/adapter/adapter';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
@@ -24,19 +24,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     imgWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgClass: {
@@ -96,19 +96,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     imgWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgClass: {

package/dist/components/cropper/index.d.ts

@@ -1,3 +1,3 @@
-import { MaybeRef } from '@vueuse/core';
-import { Ref } from 'vue-demi';
+import type { MaybeRef } from '@vueuse/core';
+import type { Ref } from 'vue-demi';
 export declare function usePreview(file: MaybeRef<string | globalThis.File>, fallback?: string): Ref<string>;

package/dist/components/cropper/utils/use-pinch.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue-demi';
+import type { Ref } from 'vue-demi';
 import type { InteractEvent, GestureEvent } from '@interactjs/types';
 export interface EventHooks {
     onstart?: (event: InteractEvent) => void;

package/dist/components/cropper/utils/use-ratio.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue-demi';
+import type { ComputedRef } from 'vue-demi';
 export interface RatioProp {
     width?: number | string;
     height?: number | string;

package/dist/components/datepicker/Datepicker.vue

@@ -197,6 +197,7 @@ export default defineComponent({
   }
 
   > .dropdown__menu {
+    --p-dropdown-size: auto;
     --p-dropdown-max-height: 100%;
 
     @apply min-w-max max-h-min;

package/dist/components/datepicker/Datepicker.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { SizeVariant } from '../button';
+import type { PropType } from 'vue-demi';
+import type { SizeVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<Date | [Date, Date]>;
@@ -148,7 +148,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     range: boolean;
     minRange: string;
     maxRange: string;
-    format: string;
     placeholder: string;
+    format: string;
 }, {}>;
 export default _default;

package/dist/components/dialog/Dialog.vue

@@ -17,7 +17,12 @@
         element="h6" />
     </template>
     <template #default>
-      <span v-p-md.inline="context.text" />
+      <template v-if="(typeof context.content === 'function')">
+        <component :is="context.content" />
+      </template>
+      <template v-else>
+        <span v-p-md.inline="context.text" />
+      </template>
     </template>
     <template #footer>
       <dialog-footer
@@ -51,8 +56,8 @@ import { pMd } from "../markdown";
 export default defineComponent({
   components: {
     Modal,
-    DialogFooter,
-    Heading
+    Heading,
+    DialogFooter
   },
   directives: { pMd },
   setup() {

package/dist/components/dialog/Dialog.vue.d.ts

@@ -1,4 +1,4 @@
-import { DialogContext } from '.';
+import type { DialogContext } from '.';
 declare const _default: import("vue-demi").DefineComponent<{}, {
     id: import("vue-demi").Ref<symbol | undefined>;
     modal: import("vue-demi").Ref<boolean>;

package/dist/components/dialog/DialogFooter.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue-demi';
+import type { PropType } from 'vue-demi';
 import type { StyleVariant as FooterButtonStyleVariant, ColorVariant as FooterButtonColorVariant } from '../button';
 export type FooterAlignVariant = 'start' | 'end';
 export type { StyleVariant as FooterButtonStyleVariant, ColorVariant as FooterButtonColorVariant, } from '../button';