@onereach/ui-components 4.6.3 → 4.6.4-beta.2800.0

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

@@ -1,5 +1,5 @@
 export { InlineInputType } from './props.js';
-export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-3c6b0958.js';
+export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-3131ae11.js';
 export { InlineInputBoxSize as InlineInputSize } from '../OrInlineInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -11,7 +11,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -19,25 +19,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-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.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 '../OrInlineInputBoxV3/OrInlineInputBox.js';
 import '../../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';

package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-da59cd8e.js';
-export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-da59cd8e.js';
+import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-db28519e.js';
+export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-db28519e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -11,7 +11,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -19,25 +19,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-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.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 '../OrInlineInputBoxV3/OrInlineInputBox.js';
 import '../../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';

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

@@ -1,4 +1,4 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-da59cd8e.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-db28519e.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
@@ -9,7 +9,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -17,25 +17,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-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.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 '../OrInlineInputBoxV3/OrInlineInputBox.js';
 import '../../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';

package/dist/bundled/v3/components/OrInputV3/OrInput.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
-export { s as default } from '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
+import { s as script } from '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
+export { s as default } from '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -17,29 +17,30 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.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 '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';

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

@@ -1,5 +1,5 @@
 export { InputType } from './props.js';
-export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
+export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
 export { InputBoxSize as InputSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -15,29 +15,30 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.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 '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';

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

@@ -1,37 +1,38 @@
-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 { 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 { 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-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.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';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrPopover = resolveComponent("OrPopover");
   return openBlock(), createBlock(_component_OrPopover, {
-    ref: "popover",
+    "is-open": _ctx.state === 'open',
     variant: 'auto',
     trigger: _ctx.trigger,
     placement: _ctx.placement,
     "full-width": false,
     "disable-default-styles": false,
-    "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state', $event))
+    "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.state = $event)
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
       ref: "root"
@@ -43,7 +44,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["trigger", "placement"]);
+  }, 8 /* PROPS */, ["is-open", "trigger", "placement"]);
 }
 
 script.render = render;

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

@@ -1,6 +1,10 @@
 import { PropType } from 'vue-demi';
 import { MenuPlacement } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     trigger: {
         type: {
             new (): HTMLElement;
@@ -14,16 +18,17 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
-    popover: import("vue-demi").Ref<any>;
-    popoverRoot: import("vue-demi").ComputedRef<any>;
-    state: import("vue-demi").ComputedRef<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-    isOpen: import("vue-demi").ComputedRef<any>;
+    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"[], "update:state", 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, ("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;
+    };
     trigger: {
         type: {
             new (): HTMLElement;
@@ -37,7 +42,10 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
 }>;

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

@@ -1,22 +1,23 @@
-export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
+export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-1f45bf44.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-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.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 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

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

@@ -1,19 +1,9 @@
-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 { 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 '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-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -21,26 +11,36 @@ 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-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.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_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrModalHeader = resolveComponent("OrModalHeader");
+  const _component_OrModalContent = resolveComponent("OrModalContent");
+  const _component_OrModalFooter = resolveComponent("OrModalFooter");
   const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
+  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
     fullscreen: true
   }, {
@@ -48,17 +48,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "root"
     }, _ctx.$attrs, {
       class: _ctx.rootStyles
-    }), [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 */)]),
+    }), [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 */)]),
 
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);

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

@@ -1,37 +1,35 @@
 import { PropType } from 'vue-demi';
 import { ModalSize } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
-    size: {
-        type: PropType<ModalSize>;
-        default: ModalSize;
-    };
     isOpen: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<"l" | "m" | "s">;
+        default: ModalSize;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-    headerStyles: import("vue-demi").ComputedRef<string[]>;
-    contentStyles: import("vue-demi").ComputedRef<string[]>;
-    footerStyles: import("vue-demi").ComputedRef<string[]>;
-    isActive: import("vue-demi").Ref<boolean>;
+    state: import("vue-demi").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("open" | "close")[], "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    size: {
-        type: PropType<ModalSize>;
-        default: ModalSize;
-    };
+}, 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: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<"l" | "m" | "s">;
+        default: ModalSize;
+    };
 }>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    size: ModalSize;
     isOpen: boolean;
+    size: "l" | "m" | "s";
 }>;
 export default _default;

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

@@ -1,18 +1,9 @@
 export { ModalSize } from './props.js';
-export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-202c4e2f.js';
+export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-31c15ba1.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-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -20,15 +11,25 @@ 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-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.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-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.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,6 +1,3 @@
 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,20 +24,5 @@ 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 { ModalContent, ModalFooter, ModalHeader, ModalRoot, ModalRootSizes };
+export { ModalRoot, ModalRootSizes };