@onereach/ui-components 4.3.8 → 4.3.9-beta.2653.0

package/dist/esm/v3/{OrMenu-45a1dc3e.js → OrMenu-bce8349d.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-0635cb63.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-84d5b844.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [
@@ -64,11 +64,17 @@ var script = defineComponent({
     // Handlers
     function onClick(event) {
       const path = event.composedPath();
-      const classLists = path.filter(({
-        classList
-      }) => !!classList).map(({
-        classList
-      }) => classList);
+      const classLists = path.filter(_ref => {
+        let {
+          classList
+        } = _ref;
+        return !!classList;
+      }).map(_ref2 => {
+        let {
+          classList
+        } = _ref2;
+        return classList;
+      });
       if (classLists.some(classList => classList.contains('or-menu-item-v3'))) {
         close();
       }
@@ -103,7 +109,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "root"
     }, _ctx.$attrs, {
       class: _ctx.rootStyles,
-      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+      onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+        return _ctx.onClick && _ctx.onClick(...arguments);
+      }, ["stop"]))
     }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */

package/dist/esm/v3/{OrModal-6ff24390.js → OrModal-0908f20a.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-6c3fafc2.js';
-import { s as script$1 } from './OrOverlay-d63d39c3.js';
+import { s as script$2 } from './OrIconButton-55d51a7a.js';
+import { s as script$1 } from './OrOverlay-bf72f582.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var ModalSize;

package/dist/esm/v3/{OrModal-e6513e8c.js → OrModal-c420594e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import _ from 'lodash';
-import './OrButton-f8b10d79.js';
-import { s as script$1 } from './OrIconButton-5387fd59.js';
+import './OrButton-d6834ea0.js';
+import { s as script$1 } from './OrIconButton-049a3bd2.js';
 import { s as script$2 } from './OrOverlay-451dce49.js';
 import { onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
@@ -64,9 +64,10 @@ var script = defineComponent({
     }
   },
   emits: ['close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const overlay = ref();
     let container = ref(null);
     let trap = useFocusTrap(container, {

package/dist/esm/v3/{OrNotification-4c56f7ea.js → OrNotification-9a696585.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-925c5413.js';
-import './OrButton-f8b10d79.js';
-import { s as script$2 } from './OrIconButton-5387fd59.js';
+import { s as script$1 } from './OrIcon-b566a871.js';
+import './OrButton-d6834ea0.js';
+import { s as script$2 } from './OrIconButton-049a3bd2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrNotification-0a674902.js → OrNotification-cdce5546.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-6c3fafc2.js';
+import { s as script$2 } from './OrIconButton-55d51a7a.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrNumberInput-dca5e850.js → OrNumberInput-a80859d1.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { s as script$1 } from './OrInput-0dbd5a01.js';
+import { s as script$1 } from './OrInput-53a32706.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, renderSlot } from 'vue';
 
 var script = defineComponent({
@@ -64,9 +64,10 @@ var script = defineComponent({
     isInvalid: Boolean
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const inputRef = ref();
     if (props.modelValue) {
       if (props.minValue !== undefined && props.modelValue < props.minValue) {

package/dist/esm/v3/{OrOverflowMenu-fe77e22c.js → OrOverflowMenu-4b2d2950.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$2 } from './OrButton-f8b10d79.js';
-import { s as script$3 } from './OrIconButton-5387fd59.js';
+import { s as script$2 } from './OrButton-d6834ea0.js';
+import { s as script$3 } from './OrIconButton-049a3bd2.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers, createElementVNode, renderSlot, createBlock, withCtx, Fragment, renderList, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$4, O as OrFloatingPlacements } from './OrFloating-291c7653.js';
@@ -99,9 +99,10 @@ var script = defineComponent({
     }
   },
   emits: ['open', 'close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const target = ref();
     const content = ref(null);
     const trigger = ref();

package/dist/esm/v3/{OrOverlay-d63d39c3.js → OrOverlay-bf72f582.js}

@@ -1,6 +1,6 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useElevation } from './useElevation-df91fa50.js';
+import { u as useElevation } from './useElevation-b5a49746.js';
 import { s as script$1 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrPagination-5846675e.js → OrPagination-7d223695.js}

@@ -4,8 +4,8 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { s as script$1 } from './OrButton-c2b6aa9e.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-dbee450f.js';
-import { s as script$3 } from './OrMenu-45a1dc3e.js';
-import './OrPopover-0635cb63.js';
+import { s as script$3 } from './OrMenu-bce8349d.js';
+import './OrPopover-84d5b844.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPassword-9c8a458d.js → OrPassword-35c5775f.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
-import { s as script$1 } from './OrInput-0dbd5a01.js';
-import { u as useToggle } from './useToggle-29e4d7c7.js';
-import './OrButton-f8b10d79.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-5387fd59.js';
+import { s as script$1 } from './OrInput-53a32706.js';
+import { u as useToggle } from './useToggle-c04fc920.js';
+import './OrButton-d6834ea0.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-049a3bd2.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -60,9 +60,10 @@ var script = defineComponent({
     isInvalid: Boolean
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const inputRef = ref();
     const localValue = useVModel(props, 'modelValue', emit);
     const {

package/dist/esm/v3/{OrPopover-0635cb63.js → OrPopover-84d5b844.js}

@@ -1,9 +1,9 @@
 import { autoUpdate, computePosition, flip, shift, hide } from '@floating-ui/dom';
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
-import { u as useElevation } from './useElevation-df91fa50.js';
+import { u as useElevation } from './useElevation-b5a49746.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { s as script$1 } from './OrBottomSheet-e491689f.js';
+import { s as script$1 } from './OrBottomSheet-5969a217.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
@@ -172,7 +172,8 @@ var script = defineComponent({
           break;
       }
     }
-    function close(auto = false) {
+    function close() {
+      let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       state.value = 'closed';
       switch (props.variant) {
         case PopoverVariant.Auto:
@@ -240,9 +241,12 @@ var script = defineComponent({
     const trigger = toRef(props, 'trigger');
     onClickOutside(root, event => {
       const path = event.composedPath();
-      if (!path.some(({
-        classList
-      }) => (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3')))) {
+      if (!path.some(_ref => {
+        let {
+          classList
+        } = _ref;
+        return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
+      })) {
         close(true);
       }
     }, {

package/dist/esm/v3/{OrRadio-c3ab11f2.js → OrRadio-dfd0f0c9.js}

@@ -37,9 +37,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const radioGroupInstance = inject('radioGroupInstance', null);
     const hasInjection = computed(() => !!radioGroupInstance);
     const modifiedIsDisabled = computed(() => {
@@ -101,7 +102,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     checked: _ctx.isChecked,
     class: "or-radio--input visually-hidden",
     type: "radio",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }), null, 16 /* FULL_PROPS */, _hoisted_1), _hoisted_2, createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])])], 2 /* CLASS */);
 }
 

package/dist/esm/v3/{OrSearch-2770023a.js → OrSearch-e15c7fd2.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-4215a3d8.js';
+import { s as script$1 } from './OrInput-de491b63.js';
 import { I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSearch-c4caf04e.js → OrSearch-f4ad73db.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
-import { s as script$1 } from './OrInput-0dbd5a01.js';
+import { s as script$1 } from './OrInput-53a32706.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton-f8b10d79.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-5387fd59.js';
+import './OrButton-d6834ea0.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-049a3bd2.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, normalizeStyle, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -69,9 +69,10 @@ var script = defineComponent({
     isInvalid: Boolean
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'search', 'clear', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     var _a;
     const inputRef = ref();
     const localValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');

package/dist/esm/v3/{OrSegmentedControl-4587c7a9.js → OrSegmentedControl-359fbf3a.js}

@@ -76,7 +76,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.rootStyles),
     selected: _ctx.selected ? '' : null,
     disabled: _ctx.disabled ? '' : null,
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 

package/dist/esm/v3/{OrSelect-d8a78242.js → OrSelect-6ff34196.js}

@@ -1,13 +1,13 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
 import _ from 'lodash';
-import { s as script$a } from './OrIcon-925c5413.js';
-import { s as script$9 } from './OrChip-97a85e10.js';
-import './OrChips-64b86761.js';
+import { s as script$a } from './OrIcon-b566a871.js';
+import { s as script$9 } from './OrChip-1b479371.js';
+import './OrChips-544a35b3.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, renderSlot, createVNode, createTextVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$c } from './OrLoader-15174477.js';
-import { s as script$b } from './OrCheckbox-7efd5f26.js';
+import { s as script$b } from './OrCheckbox-ab457011.js';
 import { s as script$d } from './OrFloating-291c7653.js';
 import { s as script$e } from './OrLabel-876f8729.js';
 import { s as script$f } from './OrError-f90296db.js';
@@ -107,7 +107,9 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "input-value",
     class: normalizeClass(["or-select-input-value", _ctx.states]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleInputValueClick && _ctx.handleInputValueClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleInputValueClick && _ctx.handleInputValueClick(...arguments);
+    })
   }, [!_ctx.isMultiSelect ? (openBlock(), createElementBlock("div", {
     key: 0,
     ref: "input-value-text",
@@ -189,7 +191,9 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_icon = resolveComponent("or-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["or-select-input input-wrapper", _ctx.states]),
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleToggleContent && _ctx.handleToggleContent(...args))
+    onClick: _cache[1] || (_cache[1] = function () {
+      return _ctx.handleToggleContent && _ctx.handleToggleContent(...arguments);
+    })
   }, [_ctx.isEmptyValue ? (openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("span", _hoisted_2$1, toDisplayString(_ctx.placeholder), 1 /* TEXT */)])) : createCommentVNode("v-if", true), !_ctx.isEmptyValue ? renderSlot(_ctx.$slots, "input-value", {
     key: 1,
     value: _ctx.value,

package/dist/esm/v3/{OrSelect-2d486470.js → OrSelect-b1d7651a.js}

@@ -1,18 +1,18 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
-import { u as useOverflow } from './useOverflow-af6161c8.js';
+import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import { s as script$1 } from './OrCheckbox-247ce27b.js';
+import { s as script$1 } from './OrCheckbox-56d7b6eb.js';
 import { s as script$2 } from './OrError-c01d0c29.js';
 import { s as script$3 } from './OrExpansionPanel-99ca7ed7.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
 import { s as script$5 } from './OrIcon-62793572.js';
 import { s as script$7, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
-import { s as script$6 } from './OrInput-4215a3d8.js';
+import { s as script$6 } from './OrInput-de491b63.js';
 import { s as script$8 } from './OrLabel-4da56db0.js';
 import { s as script$9 } from './OrMenuItem-dbee450f.js';
-import { s as script$a } from './OrPopover-0635cb63.js';
-import { s as script$b } from './OrTag-da570522.js';
+import { s as script$a } from './OrPopover-84d5b844.js';
+import { s as script$b } from './OrTag-6116c6e3.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 
 const SelectRoot = [
@@ -136,9 +136,12 @@ var script = defineComponent({
     searchFunction: {
       type: Function,
       default: async (searchText, options) => {
-        return options.filter(({
-          label
-        }) => label.toLowerCase().includes(searchText.toLowerCase()));
+        return options.filter(_ref => {
+          let {
+            label
+          } = _ref;
+          return label.toLowerCase().includes(searchText.toLowerCase());
+        });
       }
     },
     groupByFunction: {
@@ -204,7 +207,8 @@ var script = defineComponent({
       return props.externalControl ? props.searchOptions : internalSearchOptions.value;
     });
     const searchText = ref('');
-    watch([() => props.externalControl, searchText, () => props.options], async ([externalControl, searchText, options]) => {
+    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
+      let [externalControl, searchText, options] = _ref2;
       if (externalControl) {
         context.emit('search', searchText);
       } else {

package/dist/esm/v3/{OrSidebar-b9747293.js → OrSidebar-bfd19c4c.js}

@@ -1,7 +1,7 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-3d9c827c.js';
+import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-63914891.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [
@@ -163,9 +163,10 @@ var script = defineComponent({
   },
   emits: ['change:width', 'open', 'close'],
   expose: ['root', 'open', 'close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const resizeBar = ref(null);

package/dist/esm/v3/{OrSidebarCollapseButton-3d9c827c.js → OrSidebarCollapseButton-63914891.js}

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-6c3fafc2.js';
+import { s as script$1 } from './OrIconButton-55d51a7a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 
 var OrSidebarPlacement;

package/dist/esm/v3/{OrSlider-80e0f2e6.js → OrSlider-c3778aa7.js}

@@ -1,4 +1,4 @@
-import { s as script$1 } from './OrIcon-925c5413.js';
+import { s as script$1 } from './OrIcon-b566a871.js';
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside, useDraggable } from '@vueuse/core';
 import { f as addClass, h as removeClass } from './dom-7a41831b.js';
@@ -264,7 +264,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-valuenow": _ctx.localValue,
     tabindex: _ctx.disabled ? null : _ctx.tabindex || '0',
     onFocus: _cache[2] || (_cache[2] = $event => _ctx.isActive = true),
-    onKeydown: [_cache[3] || (_cache[3] = withKeys(withModifiers((...args) => _ctx.decrementValue && _ctx.decrementValue(...args), ["prevent"]), ["down"])), _cache[4] || (_cache[4] = withKeys(withModifiers((...args) => _ctx.decrementValue && _ctx.decrementValue(...args), ["prevent"]), ["left"])), _cache[5] || (_cache[5] = withKeys(withModifiers((...args) => _ctx.incrementValue && _ctx.incrementValue(...args), ["prevent"]), ["right"])), _cache[6] || (_cache[6] = withKeys(withModifiers((...args) => _ctx.incrementValue && _ctx.incrementValue(...args), ["prevent"]), ["up"]))]
+    onKeydown: [_cache[3] || (_cache[3] = withKeys(withModifiers(function () {
+      return _ctx.decrementValue && _ctx.decrementValue(...arguments);
+    }, ["prevent"]), ["down"])), _cache[4] || (_cache[4] = withKeys(withModifiers(function () {
+      return _ctx.decrementValue && _ctx.decrementValue(...arguments);
+    }, ["prevent"]), ["left"])), _cache[5] || (_cache[5] = withKeys(withModifiers(function () {
+      return _ctx.incrementValue && _ctx.incrementValue(...arguments);
+    }, ["prevent"]), ["right"])), _cache[6] || (_cache[6] = withKeys(withModifiers(function () {
+      return _ctx.incrementValue && _ctx.incrementValue(...arguments);
+    }, ["prevent"]), ["up"]))]
   }, [_ctx.name ? (openBlock(), createElementBlock("input", {
     key: 0,
     class: "or-slider__hidden-input",
@@ -277,8 +285,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8 /* PROPS */, ["icon"])])])) : createCommentVNode("v-if", true), createElementVNode("div", {
     ref: "track",
     class: "or-slider__track",
-    onPointerdown: _cache[0] || (_cache[0] = (...args) => _ctx.onDragStart && _ctx.onDragStart(...args)),
-    onPointerup: _cache[1] || (_cache[1] = (...args) => _ctx.onDragStop && _ctx.onDragStop(...args))
+    onPointerdown: _cache[0] || (_cache[0] = function () {
+      return _ctx.onDragStart && _ctx.onDragStart(...arguments);
+    }),
+    onPointerup: _cache[1] || (_cache[1] = function () {
+      return _ctx.onDragStop && _ctx.onDragStop(...arguments);
+    })
   }, [createElementVNode("div", _hoisted_4, [_ctx.snapToSteps ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.snapPoints, point => {
     return openBlock(), createElementBlock("span", {
       key: point,

package/dist/esm/v3/{OrStepper-3a586401.js → OrStepper-fedc1cca.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$6 } from './OrButton-f8b10d79.js';
-import './OrIconButton-5387fd59.js';
+import { s as script$6 } from './OrButton-d6834ea0.js';
+import './OrIconButton-049a3bd2.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrSwitch-c333ee32.js → OrSwitch-3fca7e24.js}

@@ -63,9 +63,10 @@ var script = defineComponent({
     }
   },
   methods: {
-    onChange({
-      target
-    }) {
+    onChange(_ref) {
+      let {
+        target
+      } = _ref;
       if (this.isInactive) return;
       const isChecked = target.checked;
       if (this.isArrayModelValue) {
@@ -103,7 +104,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     value: _ctx.value,
     type: "checkbox",
     class: "or-switch--input visually-hidden",
-    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.onChange && _ctx.onChange(...arguments);
+    })
   }), null, 16 /* FULL_PROPS */, _hoisted_1), createCommentVNode("  Switcher  "), createElementVNode("span", _hoisted_2, [_hoisted_3, createElementVNode("span", _hoisted_4, [createVNode(Transition, {
     name: "fade",
     persisted: ""

package/dist/esm/v3/{OrTabHeaderItem-d668cc59.js → OrTabHeaderItem-3bb0b711.js}

@@ -27,9 +27,10 @@ var script = defineComponent({
     }
   },
   emits: ['click', 'select'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const rootRef = ref(null);
     // computed
     const rootClasses = computed(() => ['or-tab-header-item', {
@@ -72,7 +73,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-selected": _ctx.isActive,
     "aria-disabled": _ctx.isDisabled,
     type: "button",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }), toDisplayString(_ctx.title), 17 /* TEXT, FULL_PROPS */, _hoisted_1);
 }
 

package/dist/esm/v3/{OrTabs-d3812c11.js → OrTabs-35a376a3.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrTabHeaderItem-d668cc59.js';
+import { s as script$1 } from './OrTabHeaderItem-3bb0b711.js';
 import { resolveComponent, openBlock, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, mergeProps, normalizeStyle, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -26,10 +26,11 @@ var script = defineComponent({
     changeActiveIndex(index) {
       this.activeIndex = index;
     },
-    setIndicatorStyles({
-      clientWidth,
-      offsetLeft
-    }) {
+    setIndicatorStyles(_ref) {
+      let {
+        clientWidth,
+        offsetLeft
+      } = _ref;
       this.indicatorWidth = clientWidth;
       this.indicatorTransformX = offsetLeft;
     },

package/dist/esm/v3/{OrTabs-f61d6f85.js → OrTabs-3d9c1a8b.js}

@@ -2,8 +2,8 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrMenuItem-dbee450f.js';
-import { s as script$2 } from './OrMenu-45a1dc3e.js';
-import './OrPopover-0635cb63.js';
+import { s as script$2 } from './OrMenu-bce8349d.js';
+import './OrPopover-84d5b844.js';
 import { s as script$4 } from './OrTab-f7e51ffb.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 
@@ -86,9 +86,12 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
-    const activeTab = computed(() => props.items.find(({
-      value
-    }) => value === proxyModelValue.value));
+    const activeTab = computed(() => props.items.find(_ref => {
+      let {
+        value
+      } = _ref;
+      return value === proxyModelValue.value;
+    }));
     // Methods
     function rearrangeTabs(items, activeTab, rootElement) {
       const {
@@ -113,7 +116,8 @@ var script = defineComponent({
       };
     }
     // Effects
-    watch([() => props.items, activeTab, root], ([items, activeTab, rootElement]) => {
+    watch([() => props.items, activeTab, root], _ref2 => {
+      let [items, activeTab, rootElement] = _ref2;
       tabs.normal = items;
       nextTick(() => {
         Object.assign(tabs, rearrangeTabs(items, activeTab, rootElement));

package/dist/esm/v3/{OrTag-e7adb078.js → OrTag-2d9eacf8.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-925c5413.js';
-import { a as hexToRgb } from './color-1f348774.js';
+import { s as script$1 } from './OrIcon-b566a871.js';
+import { a as hexToRgb } from './color-40b7fe6b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -70,7 +70,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)])]), _ctx.canDelete ? (openBlock(), createElementBlock("span", {
     key: 0,
     class: "or-tag-button",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleDeleteClick && _ctx.handleDeleteClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleDeleteClick && _ctx.handleDeleteClick(...arguments);
+    })
   }, [createVNode(_component_or_icon, {
     icon: "close"
   })])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);

package/dist/esm/v3/{OrTag-da570522.js → OrTag-6116c6e3.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-6c3fafc2.js';
+import { s as script$1 } from './OrIconButton-55d51a7a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;