@maltjoy/core-vue 4.1.0 → 4.2.0

package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts

@@ -1,29 +1,10 @@
-import { PropType } from 'vue';
-import { TJoyAvailabilityStatus } from './JoyAvailability.types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** Don't fill it and you'll only have the colored dot */
-    label: StringConstructor;
-    status: {
-        type: PropType<TJoyAvailabilityStatus>;
-        default: string;
-    };
-    /**
-     * Partial availabilty. Not 5 days/week cases
-     */
-    isPartial: BooleanConstructor;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Don't fill it and you'll only have the colored dot */
-    label: StringConstructor;
-    status: {
-        type: PropType<TJoyAvailabilityStatus>;
-        default: string;
-    };
-    /**
-     * Partial availabilty. Not 5 days/week cases
-     */
-    isPartial: BooleanConstructor;
-}>> & Readonly<{}>, {
+import type { TJoyAvailabilityStatus } from './JoyAvailability.types';
+interface AvailabilityProps {
+    label?: string;
+    status?: TJoyAvailabilityStatus;
+    isPartial?: boolean;
+}
+declare const _default: import("vue").DefineComponent<AvailabilityProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvailabilityProps> & Readonly<{}>, {
     status: TJoyAvailabilityStatus;
-    isPartial: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts

@@ -1,86 +1,35 @@
-import { PropType } from 'vue';
-import { TJoyAvatarSizes } from './JoyAvatar.types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** 3 different sizes of avatar */
-    size: {
-        type: PropType<TJoyAvatarSizes>;
-        default: string;
-    };
+import { AvatarColors, TJoyAvatarSizes } from './JoyAvatar.types';
+interface AvatarProps {
+    size?: TJoyAvatarSizes;
     /** Only visible if you apply a fullName but not any photoUrl. */
-    color: {
-        type: PropType<import("./JoyAvatar.types").FreelancerAvatarColors | "transparent">;
-        default: string;
-    };
+    color?: AvatarColors['freelancer'];
     /** Display the initials based on Firstname and Lastname */
-    fullName: StringConstructor;
+    fullName?: string;
     /** Pass a photo URL that will be displayed over the fullname */
-    photoUrl: StringConstructor;
+    photoUrl?: string;
     /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
-    totalNumber: NumberConstructor;
+    totalNumber?: number;
     /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
-    link: BooleanConstructor;
+    link?: boolean;
     /** Use it to display "strategy" tag. */
-    profile: {
-        type: PropType<"default" | "strategy">;
-        default: string;
-    };
+    profile?: 'strategy' | 'default';
     /** Only applied if you set a photoUrl */
-    loading: {
-        type: PropType<"lazy" | "eager">;
-        default: string;
-    };
+    loading?: HTMLImageElement['loading'];
     /** Basic state with no information */
-    isEmpty: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
+    isEmpty?: boolean;
+}
+declare const _default: import("vue").DefineComponent<AvatarProps, {
     isAnonymous: import("vue").ComputedRef<boolean>;
     initials: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** 3 different sizes of avatar */
-    size: {
-        type: PropType<TJoyAvatarSizes>;
-        default: string;
-    };
-    /** Only visible if you apply a fullName but not any photoUrl. */
-    color: {
-        type: PropType<import("./JoyAvatar.types").FreelancerAvatarColors | "transparent">;
-        default: string;
-    };
-    /** Display the initials based on Firstname and Lastname */
-    fullName: StringConstructor;
-    /** Pass a photo URL that will be displayed over the fullname */
-    photoUrl: StringConstructor;
-    /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
-    totalNumber: NumberConstructor;
-    /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
-    link: BooleanConstructor;
-    /** Use it to display "strategy" tag. */
-    profile: {
-        type: PropType<"default" | "strategy">;
-        default: string;
-    };
-    /** Only applied if you set a photoUrl */
-    loading: {
-        type: PropType<"lazy" | "eager">;
-        default: string;
-    };
-    /** Basic state with no information */
-    isEmpty: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
-    link: boolean;
-    loading: "lazy" | "eager";
     size: TJoyAvatarSizes;
     color: import("./JoyAvatar.types").FreelancerAvatarColors | "transparent";
     profile: "default" | "strategy";
+    loading: "lazy" | "eager";
     isEmpty: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts

@@ -1,84 +1,36 @@
-import { PropType } from 'vue';
+import { TeleportProps } from 'vue';
+interface BottomSheetProps {
+    /**
+     * Label injected in the default CTA
+     */
+    closeLabel?: string;
+    open?: boolean;
+    preventBodyScroll?: boolean;
+    teleport?: TeleportProps['to'];
+    frozen?: boolean;
+}
 /**
  * @returns {void}
  */
 declare function show(): void;
 declare function hide(): void;
 declare function moveContainer(translationY: number): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** Automatically renders a CTA that closes the bottom-sheet */
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Mostly for documentation purpose
-     */
-    preventBodyScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** By default the bottom-sheet is teleported to the end of body tag */
-    teleport: {
-        type: PropType<string | import("vue").RendererElement | null | undefined>;
-        default: string;
-    };
-    /**
-     * Only used for documentation purpose
-     */
-    frozen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<BottomSheetProps, {
     hide: typeof hide;
     show: typeof show;
     isOpen: import("vue").Ref<boolean, boolean>;
     moveContainer: typeof moveContainer;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "bottom-sheet:close": () => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Automatically renders a CTA that closes the bottom-sheet */
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Mostly for documentation purpose
-     */
-    preventBodyScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** By default the bottom-sheet is teleported to the end of body tag */
-    teleport: {
-        type: PropType<string | import("vue").RendererElement | null | undefined>;
-        default: string;
-    };
-    /**
-     * Only used for documentation purpose
-     */
-    frozen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<BottomSheetProps> & Readonly<{
     "onBottom-sheet:close"?: (() => any) | undefined;
 }>, {
     closeLabel: string;
     open: boolean;
     preventBodyScroll: boolean;
-    teleport: string | import("vue").RendererElement | null | undefined;
+    teleport: string | import("vue").RendererElement | null;
     frozen: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
     /** Main content of the component */
     'bottom-sheet-content': () => any;
     /** Put whatever type of CTA you need here */

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -88,8 +88,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>> & Readonly<{}>, {
     circle: boolean;
-    loading: boolean;
     size: TJoyButtonSizes;
+    loading: boolean;
     variant: TJoyButtonVariants;
     iconPosition: import("../../types/index.js").TPositions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{

package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    loading: "lazy" | "eager";
     size: TJoyCompanyAvatarSizes;
+    loading: "lazy" | "eager";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/JoyDialog/VJoyDialog.vue.d.ts

@@ -28,12 +28,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: boolean;
     };
     /**
-     * @internal - Mostly for documentation purpose
+     * Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Mostly for documentation purpose, it prevents the component from being hidden */
+    demoMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** **For accessibility purpose**. Label associated with the top right corner icon.  */
     closeLabel: {
         type: StringConstructor;
@@ -78,7 +83,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: number;
     };
 }>, {
-    focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
     hasFooterSlots: import("vue").ComputedRef<boolean>;
     hide: typeof hide;
     isOpen: import("vue").Ref<boolean, boolean>;
@@ -113,12 +117,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: boolean;
     };
     /**
-     * @internal - Mostly for documentation purpose
+     * Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Mostly for documentation purpose, it prevents the component from being hidden */
+    demoMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** **For accessibility purpose**. Label associated with the top right corner icon.  */
     closeLabel: {
         type: StringConstructor;
@@ -176,6 +185,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     preventBodyScroll: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     focusTrap: boolean;
+    demoMode: boolean;
     patternConfirm: boolean;
     patternBrand: boolean;
     buttonSize: TJoyButtonSizes;

package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
+            demoMode: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
             buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -21,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly focusTrap: boolean;
+            readonly demoMode: boolean;
             readonly patternConfirm: boolean;
             readonly patternBrand: boolean;
             readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -36,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly "onDialog:after-hide"?: (() => any) | undefined;
             readonly "onDialog:before-unmount"?: (() => any) | undefined;
             readonly "onDialog:confirm"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -75,6 +77,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            demoMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             closeLabel: {
                 type: StringConstructor;
                 default: string;
@@ -115,7 +121,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
         }>, {
-            focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
             hide: (options?: {
                 fireHideEvent: boolean;
@@ -136,6 +141,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
+            demoMode: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
             buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -167,6 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         preventBodyScroll: boolean;
         teleport: string | import("vue").RendererElement | null | undefined;
         focusTrap: boolean;
+        demoMode: boolean;
         patternConfirm: boolean;
         patternBrand: boolean;
         buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -195,6 +202,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        demoMode: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         closeLabel: {
             type: StringConstructor;
             default: string;
@@ -234,8 +245,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         "onDialog:after-hide"?: (() => any) | undefined;
         "onDialog:before-unmount"?: (() => any) | undefined;
         "onDialog:confirm"?: (() => any) | undefined;
-    }>, "hide" | "show" | "isOpen" | "focusTrapReturn" | "hasFooterSlots" | ("size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight")> & import("vue").ShallowUnwrapRef<{
-        focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+    }>, "hide" | "show" | "isOpen" | "hasFooterSlots" | ("size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight")> & import("vue").ShallowUnwrapRef<{
         hasFooterSlots: import("vue").ComputedRef<boolean>;
         hide: (options?: {
             fireHideEvent: boolean;
@@ -275,6 +285,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
+            demoMode: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
             buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -286,6 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly focusTrap: boolean;
+            readonly demoMode: boolean;
             readonly patternConfirm: boolean;
             readonly patternBrand: boolean;
             readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -301,7 +313,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly "onDialog:after-hide"?: (() => any) | undefined;
             readonly "onDialog:before-unmount"?: (() => any) | undefined;
             readonly "onDialog:confirm"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -340,6 +352,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            demoMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             closeLabel: {
                 type: StringConstructor;
                 default: string;
@@ -380,7 +396,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
         }>, {
-            focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
             hide: (options?: {
                 fireHideEvent: boolean;
@@ -401,6 +416,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
+            demoMode: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
             buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -432,6 +448,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         preventBodyScroll: boolean;
         teleport: string | import("vue").RendererElement | null | undefined;
         focusTrap: boolean;
+        demoMode: boolean;
         patternConfirm: boolean;
         patternBrand: boolean;
         buttonSize: import("../components.types.js").TJoyButtonSizes;
@@ -460,6 +477,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        demoMode: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         closeLabel: {
             type: StringConstructor;
             default: string;
@@ -499,8 +520,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         "onDialog:after-hide"?: (() => any) | undefined;
         "onDialog:before-unmount"?: (() => any) | undefined;
         "onDialog:confirm"?: (() => any) | undefined;
-    }>, "hide" | "show" | "isOpen" | "focusTrapReturn" | "hasFooterSlots" | ("size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight")> & import("vue").ShallowUnwrapRef<{
-        focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+    }>, "hide" | "show" | "isOpen" | "hasFooterSlots" | ("size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight")> & import("vue").ShallowUnwrapRef<{
         hasFooterSlots: import("vue").ComputedRef<boolean>;
         hide: (options?: {
             fireHideEvent: boolean;
@@ -529,10 +549,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
-    /** Default slot where you can render anything you need. */
+    /** Default slot where you can render anything you need. Most of the time we use a `VJoyButton` here. */
     default(): any;
 }> & {
-    /** Default slot where you can render anything you need. */
+    /** Default slot where you can render anything you need. Most of the time we use a `VJoyButton` here. */
     default(): any;
 }>;
 export default _default;

package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts

@@ -45,6 +45,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Mostly for documentation purpose, it prevents the component from being hidden */
+    demoMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** **For accessibility purpose**. Label associated with the top right corner icon.  */
     closeLabel: {
         type: StringConstructor;
@@ -68,7 +73,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         type: PropType<() => boolean | Promise<boolean>>;
     };
 }>, {
-    focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
     hasFooterSlots: import("vue").ComputedRef<boolean>;
     hide: typeof hide;
     isOpen: import("vue").Ref<boolean, boolean>;
@@ -114,6 +118,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Mostly for documentation purpose, it prevents the component from being hidden */
+    demoMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** **For accessibility purpose**. Label associated with the top right corner icon.  */
     closeLabel: {
         type: StringConstructor;
@@ -150,6 +159,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     preventBodyScroll: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     focusTrap: boolean;
+    demoMode: boolean;
     buttonSize: TJoyButtonSizes;
     elevated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{