@onereach/ui-components 4.6.4 → 4.7.0-beta.2795.0

package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.vue.d.ts

@@ -1,7 +1,12 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     icon: {
-        type: PropType<any>;
+        type: PropType<string | Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
     selected: {
@@ -12,12 +17,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     icon: {
-        type: PropType<any>;
+        type: PropType<string | Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
     selected: {
@@ -28,13 +32,30 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    icon: string | Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>;
+    selected: boolean;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    icon: string | Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>;
+    selected: boolean;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    icon: any;
+    icon: string | Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>;
     selected: boolean;
     disabled: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrMenuV3/OrMenu.js

@@ -1,38 +1,37 @@
-import { s as script } from '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
-export { s as default } from '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
+import { s as script } from '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
+export { s as default } from '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 import 'vue-demi';
 import './styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
+import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
+import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrPopover = resolveComponent("OrPopover");
   return openBlock(), createBlock(_component_OrPopover, {
-    "is-open": _ctx.state === 'open',
+    ref: "popover",
     variant: 'auto',
     trigger: _ctx.trigger,
     placement: _ctx.placement,
     "full-width": false,
     "disable-default-styles": false,
-    "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.state = $event)
+    "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state', $event))
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
       ref: "root"
@@ -44,7 +43,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["is-open", "trigger", "placement"]);
+  }, 8 /* PROPS */, ["trigger", "placement"]);
 }
 
 script.render = render;

package/dist/bundled/v3/components/OrMenuV3/OrMenu.vue.d.ts

@@ -1,10 +1,21 @@
 import { PropType } from 'vue-demi';
 import { MenuPlacement } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    state: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    isOpen: import("@vue/composition-api").ComputedRef<undefined>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    onClick: (event: Event) => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     trigger: {
         type: {
             new (): HTMLElement;
@@ -16,19 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<MenuPlacement>;
         default: MenuPlacement;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    state: import("vue-demi").Ref<"open" | "closed">;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    onClick: (event: Event) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+}, import("@vue/composition-api").ExtractPropTypes<{
     trigger: {
         type: {
             new (): HTMLElement;
@@ -40,13 +39,33 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<MenuPlacement>;
         default: MenuPlacement;
     };
-}>> & {
-    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    trigger: HTMLElement;
+    placement: MenuPlacement;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    state: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    isOpen: import("@vue/composition-api").ComputedRef<undefined>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    onClick: (event: Event) => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    trigger: HTMLElement;
+    placement: MenuPlacement;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrMenuV3/index.js

@@ -1,23 +1,22 @@
-export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
+export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
 export { PopoverPlacement as MenuPlacement } from '../OrPopoverV3/props.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
+import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
+import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/components/OrModal/OrModal.vue.d.ts

@@ -1,6 +1,12 @@
 import { PropType } from 'vue-demi';
 import { OrModalSizes } from './constants';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    container: import("@vue/composition-api").Ref<HTMLElement | null>;
+    overlay: import("@vue/composition-api").Ref<any>;
+    handleClose: () => void;
+}> & import("@vue/composition-api").Data, {}, {
+    sizeClass(): string;
+}, {
     titleText: {
         type: StringConstructor;
         required: false;
@@ -16,7 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
+        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
@@ -33,13 +39,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    container: import("vue-demi").Ref<HTMLElement | null>;
-    overlay: import("vue-demi").Ref<any>;
-    handleClose: () => void;
-}, unknown, {
-    sizeClass(): string;
-}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "close"[], "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -55,7 +55,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
+        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
@@ -72,14 +72,38 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    titleText: string;
+    showClose: boolean;
+    closeOnClickOutside: boolean;
+    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
+    isOpen: boolean;
+    isWithoutOverlay: boolean;
+    trapFocus: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    container: import("@vue/composition-api").Ref<HTMLElement | null>;
+    overlay: import("@vue/composition-api").Ref<any>;
+    handleClose: () => void;
+}>, import("@vue/composition-api").Data, {
+    sizeClass(): string;
+}, {}, {}, {}, string[], {
+    titleText: string;
+    showClose: boolean;
+    closeOnClickOutside: boolean;
+    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
+    isOpen: boolean;
+    isWithoutOverlay: boolean;
+    trapFocus: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     titleText: string;
     showClose: boolean;
     closeOnClickOutside: boolean;
-    size: "small" | "tiny" | "medium" | "large" | "fullScreen";
+    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
     isWithoutOverlay: boolean;
     trapFocus: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrModalV3/OrModal.js

@@ -1,9 +1,19 @@
-import { s as script } from '../../OrModal.vue_vue_type_script_lang-31c15ba1.js';
-export { s as default } from '../../OrModal.vue_vue_type_script_lang-31c15ba1.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createVNode, renderSlot, createCommentVNode } from 'vue';
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-202c4e2f.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-202c4e2f.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 import 'vue-demi';
+import './props.js';
+import './styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
+import '@vueuse/core';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
+import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -11,36 +21,26 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
+import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '@vueuse/core';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
-import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
-import '../OrOverlayV3/styles.js';
-import '../OrTeleportV3/OrTeleport.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../hooks/useElevation.js';
-import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
-import './props.js';
-import './styles.js';
 
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrModalHeader = resolveComponent("OrModalHeader");
-  const _component_OrModalContent = resolveComponent("OrModalContent");
-  const _component_OrModalFooter = resolveComponent("OrModalFooter");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
   const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
     fullscreen: true
   }, {
@@ -48,20 +48,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "root"
     }, _ctx.$attrs, {
       class: _ctx.rootStyles
-    }), [createVNode(_component_OrModalHeader, {
-      onClose: _cache[0] || (_cache[0] = $event => _ctx.close())
-    }, {
-      default: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
-      _: 3 /* FORWARDED */
-    }), createVNode(_component_OrModalContent, null, {
-      default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-      _: 3 /* FORWARDED */
-    }), _ctx.$slots.footer ? (openBlock(), createBlock(_component_OrModalFooter, {
-      key: 0
-    }, {
-      default: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
-      _: 3 /* FORWARDED */
-    })) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */)]),
+    }), [createElementVNode("div", {
+      class: normalizeClass(_ctx.headerStyles)
+    }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "header")]), createVNode(_component_OrIconButton, {
+      icon: 'close',
+      size: 'l',
+      onClick: withModifiers(_ctx.close, ["stop"])
+    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */), createElementVNode("div", {
+      class: normalizeClass(_ctx.contentStyles)
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
+      class: normalizeClass(_ctx.footerStyles)
+    }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);

package/dist/bundled/v3/components/OrModalV3/OrModal.vue.d.ts

@@ -1,35 +1,53 @@
 import { PropType } from 'vue-demi';
 import { ModalSize } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    open: () => void;
+    close: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     size: {
-        type: PropType<"l" | "m" | "s">;
+        type: PropType<ModalSize>;
         default: ModalSize;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    state: import("vue-demi").Ref<"open" | "closed">;
-    open: () => void;
-    close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isOpen: {
-        type: BooleanConstructor;
+        type: PropType<boolean>;
         default: boolean;
     };
+}, import("@vue/composition-api").ExtractPropTypes<{
     size: {
-        type: PropType<"l" | "m" | "s">;
+        type: PropType<ModalSize>;
         default: ModalSize;
     };
-}>> & {
-    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
+    isOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    size: ModalSize;
+    isOpen: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    open: () => void;
+    close: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    size: ModalSize;
+    isOpen: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    size: ModalSize;
     isOpen: boolean;
-    size: "l" | "m" | "s";
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrModalV3/index.js

@@ -1,9 +1,18 @@
 export { ModalSize } from './props.js';
-export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-31c15ba1.js';
+export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-202c4e2f.js';
 import 'vue-demi';
+import './styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
+import '@vueuse/core';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import 'vue';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
+import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -11,25 +20,15 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
+import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '@vueuse/core';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
-import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
-import '../OrOverlayV3/styles.js';
-import '../OrTeleportV3/OrTeleport.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../hooks/useElevation.js';
-import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
-import './styles.js';

package/dist/bundled/v3/components/OrModalV3/styles.d.ts

@@ -1,3 +1,6 @@
 import { ModalSize } from './props';
 export declare const ModalRoot: string[];
 export declare const ModalRootSizes: Record<ModalSize, string[]>;
+export declare const ModalHeader: string[];
+export declare const ModalContent: string[];
+export declare const ModalFooter: string[];

package/dist/bundled/v3/components/OrModalV3/styles.js

@@ -24,5 +24,20 @@ const ModalRootSizes = {
   // Box
   'md:w-[480px]']
 };
+const ModalHeader = [
+// Layout
+'layout-row',
+// Spacing
+'px-md md:px-lg',
+// Typography
+'typography-headline-2'];
+const ModalContent = [
+// Box
+'grow', 'overflow-auto',
+// Spacing
+'px-md md:px-lg'];
+const ModalFooter = [
+// Spacing
+'px-md md:px-lg'];
 
-export { ModalRoot, ModalRootSizes };
+export { ModalContent, ModalFooter, ModalHeader, ModalRoot, ModalRootSizes };