@onereach/ui-components 2.67.1 → 2.68.0-beta.1987.0

package/dist/esm/v3/{OrMenu-75ef8635.js → OrMenu-00f7c4a8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-3525c670.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-67000227.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [
@@ -11,7 +11,7 @@ const MenuBody = [
 // Layout
 'overflow-y-auto',
 // Box
-'max-w-[128px]', 'max-h-[340px]'];
+'min-w-[160px]', 'md:max-w-[256px]', 'max-h-[340px]'];
 
 var script = defineComponent({
   name: 'OrMenu',
@@ -30,7 +30,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state'],
-  expose: ['root', 'open', 'close'],
+  expose: ['root', 'open', 'close', 'isOpen', 'toggle'],
   setup() {
     // Refs
     const root = ref();
@@ -39,6 +39,10 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
+    const isOpen = computed(() => {
+      var _a;
+      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.isOpen;
+    });
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-menu', ...MenuRoot, classAttribute.value]);
@@ -56,6 +60,9 @@ var script = defineComponent({
         popoverInstance.close();
       }
     }
+    function toggle() {
+      isOpen.value ? close() : open();
+    }
     // Handlers
     function onClick(event) {
       const path = event.composedPath();
@@ -74,8 +81,10 @@ var script = defineComponent({
       popoverRoot,
       rootStyles,
       bodyStyles,
+      isOpen,
       open,
       close,
+      toggle,
       onClick
     };
   }
@@ -89,7 +98,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: _ctx.rootStyles
   }), [createVNode(_component_OrPopover, {
     ref: "popover",
-    variant: 'popover',
+    variant: 'auto',
     trigger: _ctx.trigger,
     placement: _ctx.placement,
     "full-width": false,

package/dist/esm/v3/{OrMenuItem-60afcdcb.js → OrMenuItem-d001f0f6.js}

@@ -12,9 +12,9 @@ const MenuItemRoot = [
 // Interactivity
 'interactivity-auto',
 // Typography
-'typography-caption-regular',
+'typography-body-2-regular md:typography-caption-regular',
 // Typography (selected)
-'selected:typography-caption-semibold',
+'selected:typography-body-2-semibold selected:md:typography-caption-semibold',
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
 // Theme (hover)

package/dist/esm/v3/{OrModal-794ff3f6.js → OrModal-88c56141.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$2 } from './OrIconButton-f6e7d913.js';
+import { s as script$2 } from './OrIconButton-6c0732ac.js';
 import { s as script$1 } from './OrOverlay-27050c19.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
@@ -54,10 +54,6 @@ var script = defineComponent({
     size: {
       type: String,
       default: ModalSize.M
-    },
-    isOpen: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['open', 'close'],
@@ -76,15 +72,6 @@ var script = defineComponent({
     watch(isActive, value => {
       context.emit(value ? 'open' : 'close');
     });
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
-        open();
-      } else {
-        close();
-      }
-    }, {
-      immediate: true
-    });
     // Methods
     function open() {
       isActive.value = true;

package/dist/esm/v3/{OrNotification-0764ca9b.js → OrNotification-d3d6f51d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$2 } from './OrIconButton-f6e7d913.js';
+import { s as script$2 } from './OrIconButton-6c0732ac.js';
 import { s as script$1 } from './OrIcon-e2fa4cf8.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
 

package/dist/esm/v3/{OrPopover-3525c670.js → OrPopover-67000227.js}

@@ -101,7 +101,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state'],
-  expose: ['root', 'state', 'open', 'close'],
+  expose: ['root', 'state', 'isOpen', 'open', 'close'],
   setup(props, context) {
     const {
       isDesktop,
@@ -120,6 +120,7 @@ var script = defineComponent({
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
     const state = ref('closed');
+    const isOpen = computed(() => state.value === 'open');
     // Events
     watch(state, value => {
       context.emit('update:state', value);
@@ -175,6 +176,14 @@ var script = defineComponent({
           break;
       }
     }
+    // Handlers
+    function handleBottomSheetState(bottomSheetState) {
+      if (bottomSheetState === 'closed') {
+        state.value = 'closed';
+      } else {
+        state.value = 'open';
+      }
+    }
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -218,9 +227,11 @@ var script = defineComponent({
       root,
       bottomSheet,
       bottomSheetRoot,
+      handleBottomSheetState,
       rootStyles,
       bodyStyles,
       state,
+      isOpen,
       open,
       close
     };
@@ -246,11 +257,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */))], 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true), _ctx.isMobile && _ctx.variant === 'auto' || _ctx.variant === 'bottom-sheet' ? (openBlock(), createBlock(_component_OrBottomSheet, {
       key: 1,
       ref: "bottomSheet",
-      "onUpdate:state": _cache[0] || (_cache[0] = $event => _ctx.$emit('update:state', $event))
+      "onUpdate:state": _ctx.handleBottomSheetState
     }, {
       default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
       _: 3 /* FORWARDED */
-    }, 512 /* NEED_PATCH */)) : createCommentVNode("v-if", true)]),
+    }, 8 /* PROPS */, ["onUpdate:state"])) : createCommentVNode("v-if", true)]),
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);
 }

package/dist/esm/v3/{OrSearch-1f71b1db.js → OrSearch-1b68ba58.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrInput-c9cbac93.js';
+import { s as script$1 } from './OrInput-69f8dce1.js';
 import { a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 

package/dist/esm/v3/{OrSelect-25c0622d.js → OrSelect-1fa435c6.js}

@@ -9,11 +9,11 @@ import { s as script$3 } from './OrExpansionPanel-65afdfad.js';
 import { s as script$4 } from './OrHint-73835593.js';
 import { s as script$5 } from './OrIcon-e2fa4cf8.js';
 import { s as script$7, a as InputBoxSize } from './OrInputBox-634230b1.js';
-import { s as script$6 } from './OrInput-c9cbac93.js';
+import { s as script$6 } from './OrInput-69f8dce1.js';
 import { s as script$8 } from './OrLabel-7d4fe80b.js';
-import { s as script$9 } from './OrMenuItem-60afcdcb.js';
-import { s as script$a } from './OrPopover-3525c670.js';
-import { s as script$b } from './OrTag-3da3c48e.js';
+import { s as script$9 } from './OrMenuItem-d001f0f6.js';
+import { s as script$a } from './OrPopover-67000227.js';
+import { s as script$b } from './OrTag-1202497c.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
 
 const SelectRoot = [

package/dist/esm/v3/{OrTabs-fe7039de.js → OrTabs-a0590a70.js}

@@ -2,9 +2,9 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon-e2fa4cf8.js';
-import { s as script$3 } from './OrMenuItem-60afcdcb.js';
-import { s as script$2 } from './OrMenu-75ef8635.js';
-import './OrPopover-3525c670.js';
+import { s as script$3 } from './OrMenuItem-d001f0f6.js';
+import { s as script$2 } from './OrMenu-00f7c4a8.js';
+import './OrPopover-67000227.js';
 import { s as script$4 } from './OrTab-97044946.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrTag-3da3c48e.js → OrTag-1202497c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$1 } from './OrIconButton-f6e7d913.js';
+import { s as script$1 } from './OrIconButton-6c0732ac.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, normalizeClass, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTooltip-91f1a258.js → OrTooltip-32048f0e.js}

@@ -1,7 +1,7 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-3525c670.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-67000227.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode } from 'vue';
 
 const TooltipRoot = [

package/dist/esm/v3/components/index.js

@@ -3,10 +3,10 @@ export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-
 export { s as OrBottomSheetV3 } from '../OrBottomSheet-9de57dd0.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-fca9019a.js';
 export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from '../OrIconButton-8be9c89f.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-12b36e89.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-4d0c2edd.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-a5e326ef.js';
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection-aabc4ee8.js';
+export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection-1e3b3360.js';
 export { s as OrCardV3 } from '../OrCard-b63658a8.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-636d99a1.js';
 export { s as OrCheckbox } from '../OrCheckbox-a0b957e7.js';
@@ -16,7 +16,7 @@ export { s as OrCode, O as OrCodeLanguages } from '../OrCode-ee19a5e6.js';
 export { s as OrCollapse } from '../OrCollapse-445141ab.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-189cb097.js';
 export { s as OrConfirm } from '../OrConfirm-f39bd784.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-1d4be431.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-6645a8c2.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-f2e08564.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-bbfd3ca6.js';
@@ -27,14 +27,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { s as OrHint } from '../OrHint-1414c530.js';
 export { s as OrHintV3 } from '../OrHint-73835593.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-669503c3.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-f6e7d913.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-6c0732ac.js';
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from '../OrIcon-e2fa4cf8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-1b473796.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-02655710.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-4cd64402.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-1aa477b5.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-dd7e58f8.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-93f80904.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-634230b1.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-c9cbac93.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-69f8dce1.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from '../OrSearch-7cb2c91c.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-7d4fe80b.js';
@@ -43,13 +43,13 @@ export { s as OrList } from '../OrList-b740d13e.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-7a67440f.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-15174477.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-60943812.js';
-export { s as OrMenuItemV3 } from '../OrMenuItem-60afcdcb.js';
-export { s as OrMenuV3 } from '../OrMenu-75ef8635.js';
-export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-3525c670.js';
+export { s as OrMenuItemV3 } from '../OrMenuItem-d001f0f6.js';
+export { s as OrMenuV3 } from '../OrMenu-00f7c4a8.js';
+export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-67000227.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-8b074b0c.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-794ff3f6.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-88c56141.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-e85a4956.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-0764ca9b.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-d3d6f51d.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-e82cbcbe.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from '../OrOverlay-27050c19.js';
@@ -58,10 +58,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
 export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from '../OrRadio-0c1883f2.js';
-export { s as OrSearchV3 } from '../OrSearch-1f71b1db.js';
+export { s as OrSearchV3 } from '../OrSearch-1b68ba58.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-2bbc0f22.js';
 export { s as OrSelect } from '../OrSelect-73690828.js';
-export { s as OrSelectV3 } from '../OrSelect-25c0622d.js';
+export { s as OrSelectV3 } from '../OrSelect-1fa435c6.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar-a62972f5.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2b1610ce.js';
@@ -75,9 +75,9 @@ export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-d668cc59.js';
 export { s as OrTabV3 } from '../OrTab-97044946.js';
 export { s as OrTabs } from '../OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-fe7039de.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-a0590a70.js';
 export { s as OrTag } from '../OrTag-1b5e43fa.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-3da3c48e.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-1202497c.js';
 export { s as OrTeleport } from '../OrTeleportVue3-ad639f12.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-ecb46923.js';
@@ -85,10 +85,10 @@ export { s as OrTextareaV3 } from '../OrTextarea-98895b2a.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-2f33e9c3.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-40c4c1c8.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-87510065.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-90a49024.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-78cd7f6b.js';
-export { s as OrTooltipV3 } from '../OrTooltip-91f1a258.js';
+export { s as OrTooltipV3 } from '../OrTooltip-32048f0e.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

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

@@ -1,4 +1,4 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-12b36e89.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-4d0c2edd.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-button-v3/props.d.ts

@@ -6,7 +6,8 @@ export declare enum ButtonVariant {
 }
 export declare enum ButtonColor {
     Primary = "primary",
-    Danger = "danger"
+    Danger = "danger",
+    Inherit = "inherit"
 }
 export declare enum ButtonType {
     Button = "button",

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,20 +1,20 @@
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection-aabc4ee8.js';
+export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection-1e3b3360.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import '../../OrCard-b63658a8.js';
 import 'vue';
-import '../../OrIconButton-f6e7d913.js';
+import '../../OrIconButton-6c0732ac.js';
 import '../../OrIcon-e2fa4cf8.js';
-import '../../OrTooltip-91f1a258.js';
-import '../../OrPopover-3525c670.js';
+import '../../OrTooltip-32048f0e.js';
+import '../../OrPopover-67000227.js';
 import '@floating-ui/dom';
 import '../../useElevation-0e973238.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-9de57dd0.js';
 import '../../OrOverlay-27050c19.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrInput-c9cbac93.js';
+import '../../OrInput-69f8dce1.js';
 import '../../OrError-19a62a18.js';
 import '../../OrHint-73835593.js';
 import '../../OrInputBox-634230b1.js';

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

@@ -35,8 +35,3 @@ export declare const ConfirmButtonColor: StoryFn<import("vue").ComponentOptions<
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const UsingIsOpenProp: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => 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>)>;

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     confirmationValue: import("@vue/composition-api").Ref<string>;
-    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor>;
+    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
@@ -82,10 +82,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: null;
     };
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
@@ -137,10 +133,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: null;
     };
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     titleText: string;
     confirmButtonText: string;
@@ -152,7 +144,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -168,7 +159,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     confirmationValue: import("@vue/composition-api").Ref<string>;
-    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor>;
+    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
@@ -196,7 +187,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -210,6 +200,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/v3/components/or-confirm-v3/index.js

@@ -1,6 +1,6 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-1d4be431.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-6645a8c2.js';
 import 'vue-demi';
-import '../../OrButton-12b36e89.js';
+import '../../OrButton-4d0c2edd.js';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import '../../OrLoader-60943812.js';
@@ -8,13 +8,13 @@ import 'vue';
 import '../../OrOverlay-27050c19.js';
 import '../../useElevation-0e973238.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrInput-c9cbac93.js';
+import '../../OrInput-69f8dce1.js';
 import '../../OrError-19a62a18.js';
 import '../../OrHint-73835593.js';
-import '../../OrIconButton-f6e7d913.js';
+import '../../OrIconButton-6c0732ac.js';
 import '../../OrIcon-e2fa4cf8.js';
-import '../../OrTooltip-91f1a258.js';
-import '../../OrPopover-3525c670.js';
+import '../../OrTooltip-32048f0e.js';
+import '../../OrPopover-67000227.js';
 import '@floating-ui/dom';
 import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-9de57dd0.js';

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

@@ -1,11 +1,11 @@
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../../OrIconButton-f6e7d913.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../../OrIconButton-6c0732ac.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import '../../OrIcon-e2fa4cf8.js';
 import 'vue';
-import '../../OrTooltip-91f1a258.js';
-import '../../OrPopover-3525c670.js';
+import '../../OrTooltip-32048f0e.js';
+import '../../OrPopover-67000227.js';
 import '@floating-ui/dom';
 import '../../useElevation-0e973238.js';
 import '../../useResponsive-a02e95b7.js';

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

@@ -1,4 +1,4 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-02655710.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-4cd64402.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox-1b473796.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
@@ -6,10 +6,10 @@ import '@vueuse/core';
 import '../../OrError-19a62a18.js';
 import 'vue';
 import '../../OrHint-73835593.js';
-import '../../OrIconButton-f6e7d913.js';
+import '../../OrIconButton-6c0732ac.js';
 import '../../OrIcon-e2fa4cf8.js';
-import '../../OrTooltip-91f1a258.js';
-import '../../OrPopover-3525c670.js';
+import '../../OrTooltip-32048f0e.js';
+import '../../OrPopover-67000227.js';
 import '@floating-ui/dom';
 import '../../useElevation-0e973238.js';
 import '../../useResponsive-a02e95b7.js';

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

@@ -1,14 +1,14 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-dd7e58f8.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-93f80904.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import '../../OrError-19a62a18.js';
 import 'vue';
 import '../../OrHint-73835593.js';
-import '../../OrIconButton-f6e7d913.js';
+import '../../OrIconButton-6c0732ac.js';
 import '../../OrIcon-e2fa4cf8.js';
-import '../../OrTooltip-91f1a258.js';
-import '../../OrPopover-3525c670.js';
+import '../../OrTooltip-32048f0e.js';
+import '../../OrPopover-67000227.js';
 import '@floating-ui/dom';
 import '../../useElevation-0e973238.js';
 import '../../useResponsive-a02e95b7.js';

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

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput-c9cbac93.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput-69f8dce1.js';
 export { a as InputSize } from '../../OrInputBox-634230b1.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
@@ -6,10 +6,10 @@ import '@vueuse/core';
 import '../../OrError-19a62a18.js';
 import 'vue';
 import '../../OrHint-73835593.js';
-import '../../OrIconButton-f6e7d913.js';
+import '../../OrIconButton-6c0732ac.js';
 import '../../OrIcon-e2fa4cf8.js';
-import '../../OrTooltip-91f1a258.js';
-import '../../OrPopover-3525c670.js';
+import '../../OrTooltip-32048f0e.js';
+import '../../OrPopover-67000227.js';
 import '@floating-ui/dom';
 import '../../useElevation-0e973238.js';
 import '../../useResponsive-a02e95b7.js';

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

@@ -1,4 +1,4 @@
-export { s as OrMenuItemV3 } from '../../OrMenuItem-60afcdcb.js';
+export { s as OrMenuItemV3 } from '../../OrMenuItem-d001f0f6.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

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

@@ -10,3 +10,8 @@ export declare const Menu: StoryFn<import("vue").ComponentOptions<import("vue").
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
+export declare const OrderDropdown: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => 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>)>;

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

@@ -10,8 +10,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     bodyStyles: 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: {
@@ -52,8 +54,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     bodyStyles: 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;

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

@@ -1,5 +1,5 @@
-export { s as OrMenuV3 } from '../../OrMenu-75ef8635.js';
-export { P as MenuPlacement } from '../../OrPopover-3525c670.js';
+export { s as OrMenuV3 } from '../../OrMenu-00f7c4a8.js';
+export { P as MenuPlacement } from '../../OrPopover-67000227.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

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

@@ -10,8 +10,3 @@ export declare const Modal: StoryFn<import("vue").ComponentOptions<import("vue")
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const UsingIsOpenProp: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => 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>)>;