@onereach/ui-components 4.6.4-beta.2804.0 → 4.6.4

package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -32,6 +32,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onInputFocus: () => void;
     onInputBlur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     titleText: {
         type: StringConstructor;
         required: false;
@@ -39,22 +43,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
-        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     disabled: {
@@ -64,30 +64,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmationText: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationError: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
+}, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
-        required: false;
-        default: undefined;
+        default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -95,22 +90,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
-        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     disabled: {
@@ -120,30 +111,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmationText: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationError: {
         type: StringConstructor;
-        required: false;
-        default: null;
-    };
-    isOpen: {
-        type: BooleanConstructor;
-        required: false;
         default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -154,7 +137,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -174,7 +156,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -188,6 +170,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onInputFocus: () => void;
     onInputBlur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -198,10 +181,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -212,6 +195,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-confirm-v3/index.js

@@ -1,26 +1,25 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-93176f0d.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-3f19c23b.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
+import '../../usePopoverState-8a95a300.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrInput-00cba216.js';
+import '../../OrInput-1a2b8ad9.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-1ee067fd.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-0649a0cd.js';
-import '../../OrPopover-7096d459.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../useElevation-a50ec347.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInputBox-7f3c0ee9.js';

package/dist/esm/v2/components/or-date-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-1f49baf1.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-e991e7b2.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,22 +8,21 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-94af0df9.js';
-import '../../OrIconButton-1ee067fd.js';
+import '../../OrDateTimePickerMonthSelect-d75a849c.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-0649a0cd.js';
-import '../../OrPopover-7096d459.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrMenuItem-6f9b8a93.js';
-import '../../OrMenu-1c14379f.js';
+import '../../OrMenu-a35caf3b.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
 import '../../OrInputBox-7f3c0ee9.js';

package/dist/esm/v2/components/or-date-time-picker-v3/index.js

@@ -1,22 +1,21 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-3609de6e.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-7bbd81d1.js';
 export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-1ee067fd.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-0649a0cd.js';
+import '../../OrTooltip-0dc63c1a.js';
 import '@vueuse/core';
-import '../../OrPopover-7096d459.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInputBox-7f3c0ee9.js';
@@ -24,7 +23,7 @@ import '../../OrLabel-63380256.js';
 import '../../OrDateTimePickerPopoverHeader-a84af34e.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrDateTimePickerMonthSelect-94af0df9.js';
+import '../../OrDateTimePickerMonthSelect-d75a849c.js';
 import '../../OrMenuItem-6f9b8a93.js';
-import '../../OrMenu-1c14379f.js';
+import '../../OrMenu-a35caf3b.js';
 import '../../OrDateTimePickerTimeSelect-eecdd8ab.js';

package/dist/esm/v2/components/or-icon-button-v3/index.js

@@ -1,16 +1,15 @@
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../../OrIconButton-1ee067fd.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../../OrIconButton-75972865.js';
 export { I as IconButtonSize } from '../../OrIcon-d35a84d8.js';
 import 'vue-demi';
-import '../../OrTooltip-0649a0cd.js';
+import '../../OrTooltip-0dc63c1a.js';
 import '@vueuse/core';
-import '../../OrPopover-7096d459.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-inline-input-v3/index.js

@@ -1,23 +1,22 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-737e8fff.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-cf17dbb2.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox-19b49ee6.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-1ee067fd.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-0649a0cd.js';
-import '../../OrPopover-7096d459.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-inline-textarea-v3/index.js

@@ -1,22 +1,21 @@
-export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-8bc79191.js';
+export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-2b0e2f39.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-1ee067fd.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-0649a0cd.js';
-import '../../OrPopover-7096d459.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInlineInputBox-19b49ee6.js';

package/dist/esm/v2/components/or-input-v3/index.js

@@ -1,23 +1,22 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-00cba216.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-1a2b8ad9.js';
 export { I as InputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import '../../useResponsive-a02e95b7.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-1ee067fd.js';
+import '../../OrIconButton-75972865.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-0649a0cd.js';
-import '../../OrPopover-7096d459.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrPopover-a8950b85.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../useElevation-a50ec347.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInputBox-7f3c0ee9.js';

package/dist/esm/v2/components/or-menu-v3/OrMenu.vue.d.ts

@@ -2,20 +2,17 @@ import { PropType } from 'vue-demi';
 import { MenuPlacement } from './props';
 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>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
     toggle: () => void;
     onClick: (event: Event) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     trigger: {
         type: {
             new (): HTMLElement;
@@ -28,6 +25,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: MenuPlacement;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     trigger: {
         type: {
             new (): HTMLElement;
@@ -40,31 +41,27 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: MenuPlacement;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
     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>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
     toggle: () => void;
     onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
 }, true>);

package/dist/esm/v2/components/or-menu-v3/index.js

@@ -1,14 +1,13 @@
-export { _ as OrMenuV3 } from '../../OrMenu-1c14379f.js';
-export { P as MenuPlacement } from '../../OrPopover-7096d459.js';
+export { _ as OrMenuV3 } from '../../OrMenu-a35caf3b.js';
+export { P as MenuPlacement } from '../../OrPopover-a8950b85.js';
 import 'vue-demi';
+import '@vueuse/core';
+import '../../usePopoverState-8a95a300.js';
 import '../../normalize-component-6e8e3d80.js';
 import '@floating-ui/dom';
-import '@vueuse/core';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../OrBottomSheet-0592ccb2.js';
+import '../../OrOverlay-f791976c.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';

package/dist/esm/v2/components/or-modal-v3/OrModal.vue.d.ts

@@ -3,51 +3,45 @@ import { ModalSize } from './props';
 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>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    size: {
-        type: PropType<ModalSize>;
-        default: ModalSize;
-    };
     isOpen: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
     size: {
-        type: PropType<ModalSize>;
+        type: PropType<"l" | "m" | "s">;
         default: ModalSize;
     };
+}, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<"l" | "m" | "s">;
+        default: ModalSize;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    size: ModalSize;
     isOpen: boolean;
+    size: "l" | "m" | "s";
 } & {} & {
     [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>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    size: ModalSize;
     isOpen: boolean;
+    size: "l" | "m" | "s";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    size: ModalSize;
     isOpen: boolean;
+    size: "l" | "m" | "s";
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-modal-v3/index.js

@@ -1,17 +1,16 @@
-export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-3dca06f9.js';
+export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-4aaae6bc.js';
 import 'vue-demi';
-import '../../OrIconButton-1ee067fd.js';
-import '../../OrIcon-d35a84d8.js';
-import '../../normalize-component-6e8e3d80.js';
-import '../../OrTooltip-0649a0cd.js';
 import '@vueuse/core';
-import '../../OrPopover-7096d459.js';
-import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
-import '../../useResponsive-a02e95b7.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
-import '../../OrBottomSheet-75a3b3c0.js';
-import '../../OrOverlay-cdaf5b7a.js';
+import '../../usePopoverState-8a95a300.js';
+import '../../OrOverlay-f791976c.js';
+import '../../useElevation-a50ec347.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
+import '../../normalize-component-6e8e3d80.js';
+import '../../OrIconButton-75972865.js';
+import '../../OrIcon-d35a84d8.js';
+import '../../OrTooltip-0dc63c1a.js';
+import '../../OrPopover-a8950b85.js';
+import '@floating-ui/dom';
+import '../../useResponsive-a02e95b7.js';
+import '../../OrBottomSheet-0592ccb2.js';

package/dist/esm/v2/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue.d.ts

@@ -0,0 +1,8 @@
+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, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, 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, {}, {}, {}, {}, {}, {} & {}, {}, true>);
+export default _default;

package/dist/esm/v2/components/or-modal-v3/partials/or-modal-content/styles.d.ts

@@ -0,0 +1 @@
+export declare const ModalContent: string[];

package/dist/esm/v2/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue.d.ts

@@ -0,0 +1,8 @@
+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, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, 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, {}, {}, {}, {}, {}, {} & {}, {}, true>);
+export default _default;

package/dist/esm/v2/components/or-modal-v3/partials/or-modal-footer/styles.d.ts

@@ -0,0 +1 @@
+export declare const ModalFooter: string[];