@onereach/ui-components 8.16.2-beta.3859.0 → 8.16.2

package/dist/bundled/v2/{OrTree-b8e905db.js → OrTree-962e1cbd.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
 import __vue_component__$2 from './components/OrButtonV3/OrButton.js';
 import __vue_component__$3 from './components/OrIconV3/OrIcon.js';
-import { u as useToggle } from './index-5dd75502.js';
+import { u as useToggle } from './index-1612099e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TreeNodeDropPosition;

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-b472ff45.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { p as usePointerSwipe, S as SwipeDirection } from '../../../index-b472ff45.js';
+import { p as usePointerSwipe, S as SwipeDirection } from '../../../index-cc89d6b7.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

package/dist/bundled/v2/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -4,7 +4,7 @@ import { extractChildrenValues } from './utils/extractChildrenValues.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$3 from '../OrButtonV3/OrButton.js';
-import { u as useToggle } from '../../index-5dd75502.js';
+import { u as useToggle } from '../../index-1612099e.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrCode/OrCode.js

@@ -1,6 +1,6 @@
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-10711eb4.js';
 import { b as basicSetup, i as indentWithTab } from '../../index-f1a845c3.js';
-import { u as useElementHover } from '../../index-b472ff45.js';
+import { u as useElementHover } from '../../index-cc89d6b7.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js

@@ -1,10 +1,10 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-b472ff45.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-5dd75502.js';
+import { u as useToggle } from '../../index-1612099e.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrConfirm/OrConfirm.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-b472ff45.js';
-import { l as logicAnd } from '../../index-ca1a3e3e.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-cc89d6b7.js';
+import { l as logicAnd } from '../../index-017c190e.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';
 import __vue_component__$3 from '../OrInput/OrInput.js';
 import { BUTTON_COLOR } from '../OrButtonV2/constants.js';
 import { OrModalSizes } from '../OrModal/constants.js';
-import { w as whenever } from '../../index-5dd75502.js';
+import { w as whenever } from '../../index-1612099e.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,14 +1,14 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-b472ff45.js';
-import { l as logicAnd } from '../../index-ca1a3e3e.js';
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-cc89d6b7.js';
+import { l as logicAnd } from '../../index-017c190e.js';
+import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrInputV3/OrInput.js';
-import { a as watchDebounced, w as whenever } from '../../index-5dd75502.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
+import { w as whenever } from '../../index-1612099e.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -74,13 +74,8 @@ var script = defineComponent({
     const root = ref();
     const confirmationInput = ref();
     const confirmationButton = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
-    const headerStyles = computed(() => [...ConfirmHeader]);
-    const inputBoxStyles = computed(() => [...ConfirmInput]);
-    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
-    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // State
+    const touched = ref(false);
     const {
       state,
       open,
@@ -88,22 +83,6 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
-    const touched = ref(false);
-    watch(state, value => {
-      confirmationValue.value = '';
-      if (value === 'open') {
-        touched.value = false;
-      }
-    }, {
-      immediate: true
-    });
-    watchDebounced(confirmationValue, value => {
-      if (value.length > 0) {
-        touched.value = true;
-      }
-    }, {
-      debounce: 2000
-    });
     const {
       escape,
       enter
@@ -124,11 +103,18 @@ var script = defineComponent({
     }
     function onInputBlur() {
       isInputActive.value = false;
+      touched.value = true;
     }
     // Events
     watch(escape, val => {
       if (val) close();
     });
+    watch(state, value => {
+      if (value === 'closed') {
+        confirmationValue.value = '';
+        touched.value = false;
+      }
+    });
     // types here are used for fixing TS2349
     watch(confirmationInput, val => {
       var _a;
@@ -142,6 +128,12 @@ var script = defineComponent({
       }
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
+    // Styles
+    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
+    const headerStyles = computed(() => [...ConfirmHeader]);
+    const inputBoxStyles = computed(() => [...ConfirmInput]);
+    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
+    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // #region Click Outside
     onClickOutside(root, close);
     // #endregion
@@ -221,7 +213,7 @@ var __vue_render__ = function () {
     }, [_c('OrButton', {
       class: _vm.buttonsStyles,
       attrs: {
-        "variant": 'outlined',
+        "variant": "outlined",
         "disabled": _vm.loading
       },
       on: {
@@ -240,8 +232,8 @@ var __vue_render__ = function () {
       }
     }, [_vm._v("\n          " + _vm._s(_vm.confirmButtonText) + "\n        ")])], 1)];
   }, {
-    "confirm": _vm.confirm,
-    "cancel": _vm.close
+    "cancel": _vm.close,
+    "confirm": _vm.confirm
   })], 2)]) : _vm._e();
 };
 var __vue_staticRenderFns__ = [];

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8e17bb88.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f10f992b.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-67d44757.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,8 +8,8 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8e17bb88.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f10f992b.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-67d44757.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v2/components/OrDateTimePicker/OrDateTimePicker.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-b472ff45.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.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 './constants.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8e17bb88.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f10f992b.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3c8f2f5f.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-67d44757.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8e17bb88.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f10f992b.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3c8f2f5f.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-67d44757.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 export { formatDate } from './utils/formatDate.js';

package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { c as useVModel } from '../../index-b472ff45.js';
+import { c as useVModel } from '../../index-cc89d6b7.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 __vue_component__$1 from '../OrCollapse/OrCollapse.js';

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

@@ -138,7 +138,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-6f036828]{min-width:0;background:0 0;outline:0}input[type=number][data-v-6f036828]::-webkit-inner-spin-button{display:none}input[type=search][data-v-6f036828]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-a519a4e8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a519a4e8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a519a4e8]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -185,7 +185,7 @@ var __vue_render__ = function () {
         })] : [_vm.type === 'password' ? [_c('OrIconButton', {
           attrs: {
             "icon": {
-              icon: _vm.disclosed ? 'visibility_off' : 'visibility',
+              icon: _vm.disclosed ? 'visibility' : 'visibility_off',
               variant: 'filled'
             },
             "color": 'inherit',
@@ -398,7 +398,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-6f036828";
+const __vue_scope_id__ = "data-v-a519a4e8";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-abf59a95.js';
+export { _ as default } from '../../OrList-b7e3b628.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-abf59a95.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-b7e3b628.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { i as useElementSize } from '../../index-b472ff45.js';
+import { i as useElementSize } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

package/dist/bundled/v2/components/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-b472ff45.js';
-import { u as useFocusTrap } from '../../useFocusTrap-1ed572de.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
+import { u as useFocusTrap } from '../../useFocusTrap-2354d4f3.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-b472ff45.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$3 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$4 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-5dd75502.js';
+import { u as useToggle } from '../../index-1612099e.js';
 
 var script$1 = defineComponent({
   name: 'OrOverflowMenuItem',

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { j as useScrollLock } from '../../index-b472ff45.js';
+import { j as useScrollLock } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from '../../index-b472ff45.js';
+import { c as useVModel } from '../../index-cc89d6b7.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 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-b472ff45.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

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

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1,10 +1,10 @@
-import { d as useElementBounding, u as useElementHover, e as useDraggable } from '../../index-b472ff45.js';
+import { d as useElementBounding, u as useElementHover, e as useDraggable } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
 import { SliderColor, SliderOrientation } from '../OrSliderV3/props.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
-import { c as clamp } from '../../index-5dd75502.js';
+import { c as clamp } from '../../index-1612099e.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1,4 +1,4 @@
-import { e as useDraggable } from '../../index-b472ff45.js';
+import { e as useDraggable } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';
@@ -210,8 +210,8 @@ var __vue_render__ = function () {
   }), _vm._v(" "), _vm.collapsible ? [_c('div', {
     class: _vm.collapseButtonContainerStyles
   }, [_c('OrIconButton', {
-    class: ['p-xs'],
     attrs: {
+      "additional-styles": ['p-xs'],
       "icon": _vm.collapseButtonIcon,
       "color": 'primary',
       "size": 'm'

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from '../../useFocusTrap-1ed572de.js';
-import { f as useResizeObserver, o as onClickOutside } from '../../index-b472ff45.js';
+import { u as useFocusTrap } from '../../useFocusTrap-2354d4f3.js';
+import { f as useResizeObserver, o as onClickOutside } from '../../index-cc89d6b7.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-7d2cd3a5.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { Formats } from './props.js';
@@ -15,7 +15,7 @@ import __vue_component__$5 from '../OrModalV3/OrModal.js';
 import __vue_component__$6 from '../OrInputV3/OrInput.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
-import { b as useDebounceFn } from '../../index-5dd75502.js';
+import { a as useDebounceFn } from '../../index-1612099e.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrSearch/OrSearch.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
-import { a as watchDebounced } from '../../index-5dd75502.js';
+import { b as watchDebounced } from '../../index-1612099e.js';
 import { BUTTON_SIZE } from '../OrButtonV2/constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -4,7 +4,7 @@ import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
-import { a as watchDebounced } from '../../index-5dd75502.js';
+import { b as watchDebounced } from '../../index-1612099e.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrSelect/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-b472ff45.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { _ as _baseAssignValue } from '../../_baseAssignValue-2250dbc9.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from '../../_baseIsEqual-fe2002b6.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRefs, watch, getCurrentInstance, onMounted } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { isEmptyValue } from '../../utils/isEmptyValue.js';
-import { g as useFocus } from '../../index-b472ff45.js';
+import { g as useFocus } from '../../index-cc89d6b7.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';

package/dist/bundled/v2/components/OrSidebar/OrSidebar.js

@@ -1,4 +1,4 @@
-import { e as useDraggable } from '../../index-b472ff45.js';
+import { e as useDraggable } from '../../index-cc89d6b7.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSlider/OrSlider.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, e as useDraggable } from '../../index-b472ff45.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-cc89d6b7.js';
 import { f as addClass, h as removeClass } from '../../dom-cec392f3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -1,9 +1,9 @@
-import { d as useElementBounding, u as useElementHover, e as useDraggable } from '../../index-b472ff45.js';
+import { d as useElementBounding, u as useElementHover, e as useDraggable } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { SliderColor, SliderOrientation } from './props.js';
 import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
-import { c as clamp } from '../../index-5dd75502.js';
+import { c as clamp } from '../../index-1612099e.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrStatusV3/OrStatus.js

@@ -1,4 +1,4 @@
-import { h as formatTimeAgo } from '../../index-b472ff45.js';
+import { h as formatTimeAgo } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { f as useResizeObserver } from '../../index-b472ff45.js';
+import { f as useResizeObserver } from '../../index-cc89d6b7.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
-import { o as onClickOutside } from '../../index-b472ff45.js';
+import { o as onClickOutside } from '../../index-cc89d6b7.js';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3c8f2f5f.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f10f992b.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-67d44757.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f10f992b.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3c8f2f5f.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-67d44757.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrToast/Timer.js

@@ -1,4 +1,4 @@
-import { n as noop } from '../../index-5dd75502.js';
+import { n as noop } from '../../index-1612099e.js';
 
 class Timer {
   // eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,5 +1,5 @@
-import { m as useEventBus } from '../../../index-b472ff45.js';
-import { d as createSharedComposable } from '../../../index-5dd75502.js';
+import { m as useEventBus } from '../../../index-cc89d6b7.js';
+import { d as createSharedComposable } from '../../../index-1612099e.js';
 
 const useToastEventBus = () => {
   const busPull = {

package/dist/bundled/v2/components/OrToastContainer/OrToastContainer.js

@@ -4,7 +4,7 @@ import { defineComponent, nextTick } from 'vue-demi';
 import useQueue from '../OrToast/composable/useQueue.js';
 import useToastEventBus from '../OrToast/composable/useToastEventBus.js';
 import { PositionsX, PositionsY, TransitionType } from '../OrToast/constants.js';
-import { u as useToggle } from '../../index-5dd75502.js';
+import { u as useToggle } from '../../index-1612099e.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -5,7 +5,7 @@ import __vue_component__$2 from '../OrToastV3/OrToast.js';
 import { P as PositionsX, a as PositionsY, T as TransitionType } from '../../props-7be029c7.js';
 import { ToastContainer, ToastContainerPositions } from '../OrToastV3/styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';
-import { u as useToggle } from '../../index-5dd75502.js';
+import { u as useToggle } from '../../index-1612099e.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrToastV3/Timer.js

@@ -1,4 +1,4 @@
-import { n as noop } from '../../index-5dd75502.js';
+import { n as noop } from '../../index-1612099e.js';
 
 class Timer {
   // eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,5 +1,5 @@
-import { m as useEventBus } from '../../../index-b472ff45.js';
-import { d as createSharedComposable } from '../../../index-5dd75502.js';
+import { m as useEventBus } from '../../../index-cc89d6b7.js';
+import { d as createSharedComposable } from '../../../index-1612099e.js';
 
 const useToastEventBus = () => {
   const busPull = {

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-b8e905db.js';
+export { _ as default } from '../../OrTree-962e1cbd.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrTreeV3/index.js

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-b8e905db.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-962e1cbd.js';