@onereach/ui-components 6.4.7 → 6.4.8-beta.3469.0

package/dist/bundled/v2/{useFocusTrap-d0cc90cc.js → useFocusTrap-93867923.js}

@@ -1,4 +1,4 @@
-import { l as unrefElement } from './index-a488b35e.js';
+import { l as unrefElement } from './index-46c3b387.js';
 import { ref, watch } from 'vue-demi';
 import { e as tryOnScopeDispose } from './index-210a7ab2.js';
 

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-4c6f631f.js → OrBottomSheet.vue_vue_type_script_lang-26e6ea70.js}

@@ -1,10 +1,10 @@
-import { o as onClickOutside } from './index-5baaa991.js';
+import { o as onClickOutside } from './index-0e9d61bf.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './components/OrBottomSheetV3/props.js';
 import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader, BottomSheetContent } from './components/OrBottomSheetV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-a2afd31a.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-75e90bc8.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-547a7f18.js → OrButton.vue_vue_type_script_lang-56f2bf74.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { ButtonType, ButtonVariant, ButtonColor } from './components/OrButtonV3/props.js';
 import { Button, ButtonVariants, ButtonColors } from './components/OrButtonV3/styles.js';
 import './components/OrLoaderV3/OrLoader.js';
-import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-aefd49c2.js';
+import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-fd3303df.js';
 
 var script = defineComponent({
   name: 'OrButton',

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-3b37f8da.js → OrCardCollection.vue_vue_type_script_lang-d54f9029.js}

@@ -4,10 +4,10 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-f6a4b444.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-de39a3c0.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-e76fd9bd.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-11cdb7e6.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCheckboxGroup.vue_vue_type_script_lang-7f9a7ed0.js → OrCheckboxGroup.vue_vue_type_script_lang-3d1a26b5.js}

@@ -1,6 +1,6 @@
 import { defineComponent, toRef } from 'vue-demi';
 import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-b0173999.js';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-7ef8a039.js';
 import { FormGroupDirection } from './components/OrFormGroupV3/props.js';

package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js → OrCheckboxTree.vue_vue_type_script_lang-b0173999.js}

@@ -7,7 +7,7 @@ import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js
 import './components/OrButtonV3/OrButton.js';
 import { u as useToggle } from './index-544e4b4e.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-56f2bf74.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-126d56f7.js → OrCode.vue_vue_type_script_lang-a5a38114.js}

@@ -16,9 +16,9 @@ import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, createCommentVNode, vShow } from 'vue';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-19e1ff1a.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-9e230b95.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-e88b2b44.js → OrCode.vue_vue_type_script_lang-dfeac439.js}

@@ -1,6 +1,6 @@
 import { E as EditorView, a as EditorState, k as keymap } from './index-3cae2d25.js';
 import { b as basicSetup, i as indentWithTab } from './index-62bb1bac.js';
-import { u as useElementHover } from './index-5baaa991.js';
+import { u as useElementHover } from './index-0e9d61bf.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$3 from './components/OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './components/OrCode/constants.js';
@@ -8,7 +8,7 @@ import languages from './components/OrCode/lang.js';
 import theme from './components/OrCode/theme.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrModal/OrModal.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-57d0f98d.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-2c090073.js';
 import './components/OrError/OrError.js';
 import './components/OrHint/OrHint.js';
 import './components/OrLabel/OrLabel.js';

package/dist/bundled/v3/{OrColorPicker.vue_vue_type_script_lang-5c6fd662.js → OrColorPicker.vue_vue_type_script_lang-ff642f01.js}

@@ -1,6 +1,6 @@
 import Palette from './components/OrColorPicker/constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-5baaa991.js';
+import { o as onClickOutside } from './index-0e9d61bf.js';
 import defaultPalette from './components/OrColorPicker/utils/defultPalette.js';
 import './components/OrFloating/OrFloating.js';
 import { s as script$1 } from './OrFloating.vue_vue_type_script_lang-38aa1d83.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-7172f969.js → OrConfirm.vue_vue_type_script_lang-03447907.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from './index-5baaa991.js';
+import { a as useMagicKeys, b as useActiveElement } from './index-0e9d61bf.js';
 import { l as logicAnd } from './index-6c0c514a.js';
 import './components/OrButtonV2/OrButton.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-0fb2b270.js';
@@ -8,7 +8,7 @@ import './components/OrInput/OrInput.js';
 import { BUTTON_COLOR } from './components/OrButtonV2/constants.js';
 import { OrModalSizes } from './components/OrModal/constants.js';
 import { w as whenever } from './index-544e4b4e.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-57d0f98d.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-2c090073.js';
 import { s as script$3 } from './OrInput.vue_vue_type_script_lang-515ff78a.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-56a57a28.js → OrConfirm.vue_vue_type_script_lang-5b22c450.js}

@@ -1,4 +1,4 @@
-import { a as useMagicKeys, o as onClickOutside } from './index-5baaa991.js';
+import { a as useMagicKeys, o as onClickOutside } from './index-0e9d61bf.js';
 import { l as logicAnd } from './index-6c0c514a.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './components/OrConfirmV3/props.js';
@@ -7,9 +7,9 @@ import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-a2afd31a.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-bd483fbc.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-75e90bc8.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-56f2bf74.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-c7956516.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { w as whenever } from './index-544e4b4e.js';
 

package/dist/bundled/v3/{OrContextMenu.vue_vue_type_script_lang-f3b2fa10.js → OrContextMenu.vue_vue_type_script_lang-394a8076.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch } from 'vue-demi';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-a1f5c4be.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-7d8b90bc.js → OrDatePicker.vue_vue_type_script_lang-2896b91a.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-e59d849a.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-59646e72.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
@@ -8,14 +8,14 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-e8fe4357.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-886591df.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-dfe113b1.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-090b5555.js → OrDateTimePicker.vue_vue_type_script_lang-a4dc613b.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-e59d849a.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-d40024d8.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-59646e72.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-0400d87c.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-e8fe4357.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-886591df.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
@@ -17,10 +17,10 @@ import { getCurrentDate } from './components/OrDateTimePickerV3/utils/getCurrent
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-dfe113b1.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-a75fb98f.js → OrDateTimePicker.vue_vue_type_script_lang-c6ca5ef1.js}

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from './toString-b6e4472a.js';
 import { _ as _baseProperty } from './_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from './toInteger-9fa0151c.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from './index-5baaa991.js';
+import { o as onClickOutside } from './index-0e9d61bf.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-cec392f3.js';
 import { pxToRem } from './utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './components/OrDateTimePicker/constants.js';

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-e59d849a.js → OrDateTimePickerPopoverHeader-59646e72.js}

@@ -4,15 +4,15 @@ import { formatDate } from './components/OrDateTimePickerV3/utils/formatDate.js'
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
-import { s as script$4, a as script$9, b as script$a } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-e8fe4357.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-56f2bf74.js';
+import { s as script$4, a as script$9, b as script$a } from './OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-886591df.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
-import { s as script$7 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
+import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
+import { s as script$7 } from './OrMenu.vue_vue_type_script_lang-a1f5c4be.js';
 import { s as script$8 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-e8fe4357.js → OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-886591df.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import './components/OrLabelV3/OrLabel.js';
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$4 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
+import { s as script$4 } from './OrButton.vue_vue_type_script_lang-56f2bf74.js';
 
 const DateTimePickerMobileControl = [
 // Layout

package/dist/bundled/v3/{OrDateTimePickerTimeSelect-d40024d8.js → OrDateTimePickerTimeSelect-0400d87c.js}

@@ -5,7 +5,7 @@ import { formatTime } from './components/OrDateTimePickerV3/utils/formatTime.js'
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-56f2bf74.js';
 
 const DateTimePickerTimeControl = [
 // Layout

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-ff65c253.js → OrIconButton.vue_vue_type_script_lang-8eb6a963.js}

@@ -3,7 +3,7 @@ import { IconButtonColor } from './components/OrIconButtonV3/props.js';
 import { IconButton, IconButtonColors } from './components/OrIconButtonV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrTooltipV3/OrTooltip.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-f47bdea2.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-68ba8060.js';
 import { IconSize, IconVariant } from './components/OrIconV3/props.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
 

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-a296caec.js → OrInlineInput.vue_vue_type_script_lang-1827609a.js}

@@ -9,7 +9,7 @@ import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrInlineTextEdit.vue_vue_type_script_lang-70b79aec.js → OrInlineTextEdit.vue_vue_type_script_lang-1ab9de2c.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './components/OrInlineTextEdit/constants.js';
-import { c as useVModel } from './index-5baaa991.js';
+import { c as useVModel } from './index-0e9d61bf.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-cec392f3.js';
 import { pxToRem } from './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-6f0607c5.js → OrInlineTextarea.vue_vue_type_script_lang-ff4221f6.js}

@@ -6,7 +6,7 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-bd483fbc.js → OrInput.vue_vue_type_script_lang-c7956516.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import './components/OrLabelV3/OrLabel.js';
@@ -19,7 +19,7 @@ import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$7 } from './OrLoader.vue_vue_type_script_lang-aefd49c2.js';
+import { s as script$7 } from './OrLoader.vue_vue_type_script_lang-fd3303df.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-aefd49c2.js → OrLoader.vue_vue_type_script_lang-fd3303df.js}

@@ -1,4 +1,4 @@
-import { g as useElementSize } from './index-5baaa991.js';
+import { g as useElementSize } from './index-0e9d61bf.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './components/OrLoaderV3/props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './components/OrLoaderV3/styles.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-13de0752.js → OrMenu.vue_vue_type_script_lang-a1f5c4be.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { Menu } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-dfe113b1.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-57d0f98d.js → OrModal.vue_vue_type_script_lang-2c090073.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './components/OrModal/constants.js';
-import { o as onClickOutside } from './index-5baaa991.js';
-import { u as useFocusTrap } from './useFocusTrap-4848c09b.js';
+import { o as onClickOutside } from './index-0e9d61bf.js';
+import { u as useFocusTrap } from './useFocusTrap-8f836c15.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrOverlay/OrOverlay.js';
 import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-19e1ff1a.js → OrModal.vue_vue_type_script_lang-9e230b95.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers } from 'vue';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { Modal, ModalSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
-import { s as script$5 } from './OrOverlay.vue_vue_type_script_lang-a2afd31a.js';
+import { s as script$5 } from './OrOverlay.vue_vue_type_script_lang-75e90bc8.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 const ModalContent = [

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-1bb2ed3f.js → OrNotification.vue_vue_type_script_lang-047b512c.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-bba61b94.js → OrOverflowMenu.vue_vue_type_script_lang-e39e5ad2.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-5baaa991.js';
+import { o as onClickOutside } from './index-0e9d61bf.js';
 import './components/OrButtonV2/OrButton.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-0fb2b270.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers } from 'vue';

package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-a2afd31a.js → OrOverlay.vue_vue_type_script_lang-75e90bc8.js}

@@ -1,4 +1,4 @@
-import { h as useScrollLock } from './index-5baaa991.js';
+import { h as useScrollLock } from './index-0e9d61bf.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './components/OrOverlayV3/styles.js';
 import './components/OrTeleportV3/OrTeleport.js';

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-ca8c0f8a.js → OrPagination.vue_vue_type_script_lang-13c30db4.js}

@@ -4,9 +4,9 @@ import './components/OrButtonV3/OrButton.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-56f2bf74.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-a1f5c4be.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-b36b869a.js → OrPassword.vue_vue_type_script_lang-bd94b5db.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from './index-5baaa991.js';
+import { c as useVModel } from './index-0e9d61bf.js';
 import './components/OrInput/OrInput.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import useToggle from './hooks/useToggle.js';

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-1de40837.js → OrPopover.vue_vue_type_script_lang-dfe113b1.js}

@@ -1,11 +1,11 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from './floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from './index-5baaa991.js';
+import { o as onClickOutside } from './index-0e9d61bf.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
 import { useFloating } from './components/OrPopoverV3/hooks/useFloating.js';
 import './components/OrBottomSheetV3/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-4c6f631f.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-26e6ea70.js';
 import './components/OrTeleportV3/OrTeleport.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-ab92a906.js → OrProgress.vue_vue_type_script_lang-394636c2.js}

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from './index-5baaa991.js';
+import { d as useElementBounding } from './index-0e9d61bf.js';
 import { r as round_1 } from './round-567ede34.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './components/OrProgressV3/props.js';

package/dist/bundled/v3/OrResizeablePanel.vue_vue_type_script_lang-c12ceda5.js

@@ -0,0 +1,174 @@
+import { e as useDraggable } from './index-0e9d61bf.js';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { ResizeablePanelPlacement } from './components/OrResizeablePanelV3/props.js';
+import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './components/OrResizeablePanelV3/styles.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8eb6a963.js';
+import { usePopoverState } from './hooks/usePopoverState.js';
+
+var script = defineComponent({
+  components: {
+    OrIconButton: script$1
+  },
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: true
+    },
+    width: {
+      type: Number,
+      default: 320
+    },
+    minWidth: {
+      type: Number,
+      default: 256
+    },
+    maxWidth: {
+      type: Number,
+      default: 384
+    },
+    placement: {
+      type: String,
+      required: true
+    },
+    resizeable: {
+      type: Boolean,
+      default: true
+    },
+    collapsible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'open', 'close', 'toggle'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const resizeBar = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-resizeable-panel-v3', ...ResizeablePanel, ...ResizeablePanelPlacements[props.placement]]);
+    const contentStyles = computed(() => [...ResizeablePanelContent]);
+    const resizeBarStyles = computed(() => [...ResizeablePanelResizeBar, ...ResizeablePanelResizeBarPlacements[props.placement]]);
+    const collapseButtonContainerStyles = computed(() => [...ResizeablePanelCollapseButtonContainer, ...ResizeablePanelCollapseButtonContainerPlacements[props.placement]]);
+    const toolbarStyles = computed(() => [...ResizeablePanelToolbar, ...ResizeablePanelToolbarPlacements[props.placement]]);
+    // State
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    const collapseButtonIcon = computed(() => {
+      if (state.value === 'open') {
+        switch (props.placement) {
+          case ResizeablePanelPlacement.Top:
+            return 'keyboard_arrow_up';
+          case ResizeablePanelPlacement.Bottom:
+            return 'keyboard_arrow_down';
+          case ResizeablePanelPlacement.Left:
+            return 'keyboard_arrow_left';
+          case ResizeablePanelPlacement.Right:
+            return 'keyboard_arrow_right';
+        }
+      }
+      if (state.value === 'closed') {
+        switch (props.placement) {
+          case ResizeablePanelPlacement.Top:
+            return 'keyboard_arrow_down';
+          case ResizeablePanelPlacement.Bottom:
+            return 'keyboard_arrow_up';
+          case ResizeablePanelPlacement.Left:
+            return 'keyboard_arrow_right';
+          case ResizeablePanelPlacement.Right:
+            return 'keyboard_arrow_left';
+        }
+      }
+      return 'menu';
+    });
+    const currentDirection = computed(() => {
+      switch (props.placement) {
+        case ResizeablePanelPlacement.Top:
+        case ResizeablePanelPlacement.Bottom:
+          return 'height';
+      }
+      return 'width';
+    });
+    const currentSize = ref(props.width);
+    watch(() => props.width, value => {
+      currentSize.value = value;
+    });
+    const isResizing = ref(false);
+    // Effects
+    // #region Resize
+    let referencePoint = 0;
+    useDraggable(resizeBar, {
+      onStart: (_position, event) => {
+        isResizing.value = true;
+        switch (props.placement) {
+          case ResizeablePanelPlacement.Top:
+          case ResizeablePanelPlacement.Bottom:
+            referencePoint = event.y;
+            break;
+          case ResizeablePanelPlacement.Left:
+          case ResizeablePanelPlacement.Right:
+            referencePoint = event.x;
+            break;
+        }
+        document.body.style.userSelect = 'none';
+      },
+      onMove: position => {
+        let nextWidth = 0;
+        switch (props.placement) {
+          case ResizeablePanelPlacement.Top:
+            nextWidth = currentSize.value + (position.y - referencePoint);
+            referencePoint = position.y;
+            break;
+          case ResizeablePanelPlacement.Bottom:
+            nextWidth = currentSize.value + (referencePoint - position.y);
+            referencePoint = position.y;
+            break;
+          case ResizeablePanelPlacement.Left:
+            nextWidth = currentSize.value + (position.x - referencePoint);
+            referencePoint = position.x;
+            break;
+          case ResizeablePanelPlacement.Right:
+            nextWidth = currentSize.value + (referencePoint - position.x);
+            referencePoint = position.x;
+            break;
+        }
+        if (nextWidth < props.minWidth) {
+          nextWidth = props.minWidth;
+        }
+        if (nextWidth > props.maxWidth) {
+          nextWidth = props.maxWidth;
+        }
+        currentSize.value = nextWidth;
+      },
+      onEnd: () => {
+        isResizing.value = false;
+        document.body.style.userSelect = '';
+      }
+    });
+    // #endregion
+    return {
+      root,
+      resizeBar,
+      rootStyles,
+      contentStyles,
+      resizeBarStyles,
+      collapseButtonContainerStyles,
+      toolbarStyles,
+      state,
+      open,
+      close,
+      toggle,
+      collapseButtonIcon,
+      currentDirection,
+      currentSize,
+      isResizing
+    };
+  }
+});
+
+export { script as s };