@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-b18633e1.js → OrInlineTextarea.vue_vue_type_script_lang-138d2c0d.js}

@@ -1,12 +1,12 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue-demi';
-import './components/OrError/OrError.js';
-import './components/OrHint/OrHint.js';
-import './components/OrIconButton/OrIconButton.js';
-import './components/OrInlineInputBox/OrInlineInputBox.js';
+import './components/OrErrorV3/OrErrorV3.js';
+import './components/OrHintV3/OrHintV3.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
+import './components/OrInlineInputBoxV3/OrInlineInputBoxV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-1a6d87b8.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-5412bfef.js';
 
 const InlineTextareaRoot = [

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-2dfa8684.js → OrInput.vue_vue_type_script_lang-73a237e6.js}

@@ -1,17 +1,17 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import './components/OrError/OrError.js';
+import './components/OrErrorV3/OrErrorV3.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import './components/OrHint/OrHint.js';
+import './components/OrHintV3/OrHintV3.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import './components/OrIcon/OrIcon.js';
-import './components/OrIconButton/OrIconButton.js';
-import './components/OrInputBox/OrInputBox.js';
+import './components/OrIconV3/OrIconV3.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import './components/OrInputBoxV3/OrInputBoxV3.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
-import './components/OrLabel/OrLabel.js';
+import './components/OrLabelV3/OrLabelV3.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
 
 var InputType;
 (function (InputType) {

package/dist/bundled/v3/{OrList.vue_vue_type_script_lang-6068dc91.js → OrList.vue_vue_type_script_lang-62f51c05.js}

@@ -1,16 +1,16 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import { v as v4 } from './v4-cf8987a3.js';
-import './OrError-dff84d09.js';
-import './OrLabel-48580954.js';
-import './OrButton-a1b966c0.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-e8c1cece.js';
-import './OrIconButton-54994f76.js';
-import './OrIcon-6f6eb367.js';
+import './components/OrError/OrError.js';
+import './components/OrLabel/OrLabel.js';
+import './components/OrButtonV2/OrButtonV2.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
-import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-a0fdda7f.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 
 /**!
  * Sortable 1.14.0

package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-ac489de9.js → OrListOfInputs.vue_vue_type_script_lang-29f8ee75.js}

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import './components/OrList/OrList.js';
-import { s as script$1 } from './OrList.vue_vue_type_script_lang-6068dc91.js';
+import { s as script$1 } from './OrList.vue_vue_type_script_lang-62f51c05.js';
 import script$2 from './components/OrInput/OrInput.js';
-import './OrIcon-6f6eb367.js';
-import './OrIconButton-54994f76.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
+import './components/OrIcon/OrIcon.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 
 var script = defineComponent({
   name: 'OrListOfInputs',

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-46ecf85f.js → OrMenu.vue_vue_type_script_lang-0f9a9e75.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrPopover/OrPopover.js';
+import './components/OrPopoverV3/OrPopoverV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 
 const MenuRoot = [
 // Layout

package/dist/bundled/v3/{OrMenuItem.vue_vue_type_script_lang-eb21950f.js → OrMenuItem.vue_vue_type_script_lang-1ec589a5.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
+import './components/OrIconV3/OrIconV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
 

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-bd9984fa.js → OrModal.vue_vue_type_script_lang-9bdd57a8.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import './components/OrOverlay/OrOverlay.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrOverlayV3/OrOverlayV3.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
 
 var ModalSize;
 (function (ModalSize) {

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-67de248c.js → OrModal.vue_vue_type_script_lang-c1dd0512.js}

@@ -1,24 +1,10 @@
 import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
 import _ from 'lodash';
 import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
-import './OrIconButton-54994f76.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["or-overlay", _ctx.states])
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
-}
-
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-34f88318 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-34f88318 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-overlay[data-v-34f88318] {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 25;\n}\n.or-overlay[data-v-34f88318]:not(.without-background) {\n  background-color: rgba(30, 35, 43, 0.8);\n}\n.or-overlay.active[data-v-34f88318] {\n  display: flex;\n}\n.or-overlay.page[data-v-34f88318] {\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n}";
-styleInject(css_248z);
-
-script$1.render = render;
-script$1.__scopeId = "data-v-34f88318";
-script$1.__file = "src/components/or-overlay/OrOverlay.vue";
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import './components/OrOverlay/OrOverlay.js';
+import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 
 var OrModalSizes;
 (function (OrModalSizes) {
@@ -1296,8 +1282,8 @@ function useFocusTrap(target, options = {}) {
 var script = defineComponent({
   name: 'OrModal',
   components: {
-    OrIconButton: script$2,
-    OrOverlay: script$1
+    OrIconButton: script$1,
+    OrOverlay: script$2
   },
   props: {
     titleText: {

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-3ab2d11d.js → OrNotification.vue_vue_type_script_lang-5dd49ad9.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
-import './OrIcon-6f6eb367.js';
-import './OrIconButton-54994f76.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
+import './components/OrIcon/OrIcon.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 
 var OR_NOTIFICATION_TYPE;
 (function (OR_NOTIFICATION_TYPE) {

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-a676b8d5.js → OrNotification.vue_vue_type_script_lang-942e8585.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconV3/OrIconV3.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-f9f091b5.js → OrOverflowMenu.vue_vue_type_script_lang-27fe72a7.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
 import script$2 from './components/OrOverflowMenuItem/OrOverflowMenuItem.js';
-import './OrIconButton-54994f76.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
-import { s as script$3, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-21499d17.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+import { s as script$3, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-91fd6681.js';
 
 var script = defineComponent({
   name: 'OrOverflowMenu',

package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-66c0fa0e.js → OrOverlay.vue_vue_type_script_lang-44194ab4.js}

@@ -1,6 +1,6 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrTeleport.vue3/OrTeleport.vue3.js';
+import './components/OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useElevation } from './useElevation-31bfe1f6.js';

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-4be4a210.js → OrPassword.vue_vue_type_script_lang-ded3b1dd.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from './components/OrInput/OrInput.js';
 import { useVModel } from '@vueuse/core';
-import './OrIconButton-54994f76.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 import { u as useToggle } from './useToggle-29e4d7c7.js';
-import { B as BUTTON_SIZE } from './constants-6678dfb5.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
+import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
 
 var script = defineComponent({
   name: 'OrPassword',

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-ef43169d.js → OrPopover.vue_vue_type_script_lang-10f5e5a2.js}

@@ -1,9 +1,9 @@
 import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from './floating-ui.dom.esm-83eba816.js';
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
-import './components/OrBottomSheet/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import './components/OrTeleport.vue3/OrTeleport.vue3.js';
+import './components/OrBottomSheetV3/OrBottomSheetV3.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import './components/OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useElevation } from './useElevation-31bfe1f6.js';

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-0fa15ff0.js → OrRadio.vue_vue_type_script_lang-7b5bb449.js}

@@ -1,5 +1,5 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import './components/OrLabel/OrLabel.js';
+import './components/OrLabelV3/OrLabelV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-c24b935b.js';
 

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-cb2c1fd1.js → OrSearch.vue_vue_type_script_lang-7248d03f.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from './components/OrInput/OrInput.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrIconButton-54994f76.js';
-import { B as BUTTON_SIZE } from './constants-6678dfb5.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-79213131.js → OrSearch.vue_vue_type_script_lang-7fe6bb5f.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
-import './OrInput-0540584e.js';
+import './components/OrInputV3/OrInputV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-2dfa8684.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-73a237e6.js';
 import { I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSegmentedControl.vue_vue_type_script_lang-d1000e00.js → OrSegmentedControl.vue_vue_type_script_lang-940759f9.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import script$1 from './components/OrSegmentedControlItem/OrSegmentedControlItem.js';
+import script$1 from './components/OrSegmentedControlItemV3/OrSegmentedControlItemV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 
 var SegmentedControlSize;

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-b28438b6.js → OrSelect.vue_vue_type_script_lang-22578105.js}

@@ -1,29 +1,29 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
-import './components/OrCheckbox/OrCheckbox.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-45641503.js';
-import './components/OrError/OrError.js';
-import './components/OrExpansionPanel/OrExpansionPanel.js';
-import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js';
-import './components/OrHint/OrHint.js';
-import './components/OrIcon/OrIcon.js';
-import './OrInput-0540584e.js';
-import './components/OrInputBox/OrInputBox.js';
-import './components/OrLabel/OrLabel.js';
-import './components/OrMenuItem/OrMenuItem.js';
-import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
-import './components/OrPopover/OrPopover.js';
-import './components/OrTag/OrTag.js';
-import { s as script$b } from './OrTag.vue_vue_type_script_lang-24e4ef85.js';
+import './components/OrCheckboxV3/OrCheckboxV3.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-8099010e.js';
+import './components/OrErrorV3/OrErrorV3.js';
+import './components/OrExpansionPanelV3/OrExpansionPanelV3.js';
+import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-73d3cf14.js';
+import './components/OrHintV3/OrHintV3.js';
+import './components/OrIconV3/OrIconV3.js';
+import './components/OrInputV3/OrInputV3.js';
+import './components/OrInputBoxV3/OrInputBoxV3.js';
+import './components/OrLabelV3/OrLabelV3.js';
+import './components/OrMenuItemV3/OrMenuItemV3.js';
+import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
+import './components/OrPopoverV3/OrPopoverV3.js';
+import './components/OrTagV3/OrTagV3.js';
+import { s as script$b } from './OrTag.vue_vue_type_script_lang-a97805af.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useOverflow } from './useOverflow-ac506c65.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-1a6d87b8.js';
 import { s as script$4 } from './OrHint.vue_vue_type_script_lang-a6b8ed91.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-2dfa8684.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-73a237e6.js';
 import { s as script$7, I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
 import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-c24b935b.js';
-import { s as script$a } from './OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import { s as script$a } from './OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 
 const SelectRoot = [
 // Layout

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-07d984d8.js → OrSelect.vue_vue_type_script_lang-5f2464ac.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
 import script$1 from './components/OrSelectMain/OrSelectMain.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, g as OR_SELECT_SEARCH_OPTIONS_PROP, f as OR_SELECT_PLACEHOLDER_PROP, C as COMMON_STRING_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP, b as OR_SELECT_NO_RESULTS_TITLE_PROP, c as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from './constants-0e039de8.js';
-import './OrLabel-48580954.js';
-import './OrError-dff84d09.js';
+import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, b as OR_SELECT_SEARCH_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, C as COMMON_STRING_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from './constants-59507e57.js';
+import './components/OrLabel/OrLabel.js';
+import './components/OrError/OrError.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 

package/dist/bundled/v3/OrSkeletonCircle.vue_vue_type_script_lang-30516785.js

@@ -0,0 +1,39 @@
+import { defineComponent } from 'vue-demi';
+import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import _ from 'lodash';
+
+var script = defineComponent({
+  name: 'OrSkeletonCircle',
+  props: {
+    isAnimated: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    radius: {
+      type: [Number, String],
+      required: false,
+      default: 40
+    }
+  },
+  computed: {
+    rootClasses() {
+      return {
+        'is-animated': this.isAnimated
+      };
+    },
+    rootStyle() {
+      var _a;
+      const size = (_a = this.radius) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
+      const sizeStyle = _.isNumber(size) ? pxToRem(size) : size;
+      return {
+        'width': sizeStyle,
+        'min-width': sizeStyle,
+        'height': sizeStyle,
+        'min-height': sizeStyle
+      };
+    }
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/OrSkeletonRect.vue_vue_type_script_lang-71f648ad.js

@@ -0,0 +1,42 @@
+import { defineComponent } from 'vue-demi';
+import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import _ from 'lodash';
+
+var script = defineComponent({
+  name: 'OrSkeletonRect',
+  props: {
+    isAnimated: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    height: {
+      type: [Number, String],
+      required: false,
+      default: 36
+    }
+  },
+  computed: {
+    rootClasses() {
+      return {
+        'is-animated': this.isAnimated
+      };
+    },
+    rootStyle() {
+      var _a, _b;
+      const width = (_a = this.width) !== null && _a !== void 0 ? _a : '100%';
+      const height = (_b = this.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
+      return {
+        'width': _.isNumber(width) ? pxToRem(width) : width,
+        'height': _.isNumber(height) ? pxToRem(height) : height
+      };
+    }
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/OrSkeletonText.vue_vue_type_script_lang-2a1e065a.js

@@ -0,0 +1,60 @@
+import { defineComponent } from 'vue-demi';
+import _ from 'lodash';
+import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+
+var OrSkeletonTextSizes;
+(function (OrSkeletonTextSizes) {
+  OrSkeletonTextSizes["headline1"] = "headline-1";
+  OrSkeletonTextSizes["headline2"] = "headline-2";
+  OrSkeletonTextSizes["headline3"] = "headline-3";
+  OrSkeletonTextSizes["body1"] = "body-1";
+  OrSkeletonTextSizes["body2"] = "body-2";
+  OrSkeletonTextSizes["button"] = "button";
+  OrSkeletonTextSizes["caption"] = "caption";
+})(OrSkeletonTextSizes || (OrSkeletonTextSizes = {}));
+
+var script = defineComponent({
+  name: 'OrSkeletonText',
+  props: {
+    isAnimated: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    linesCount: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    size: {
+      type: String,
+      required: false,
+      default: OrSkeletonTextSizes.body1
+    }
+  },
+  computed: {
+    skeletonClasses() {
+      var _a;
+      return [`or-skeleton-text-${(_a = this.size) !== null && _a !== void 0 ? _a : OrSkeletonTextSizes.body1}`, {
+        'is-animated': this.isAnimated
+      }];
+    },
+    rootStyle() {
+      var _a;
+      const width = (_a = this.width) !== null && _a !== void 0 ? _a : '100%';
+      return {
+        'width': _.isNumber(width) ? pxToRem(width) : width
+      };
+    },
+    lineKeys() {
+      return _.range(this.linesCount);
+    }
+  }
+});
+
+export { OrSkeletonTextSizes as O, script as s };

package/dist/bundled/v3/{OrSlider.vue_vue_type_script_lang-29aa72fc.js → OrSlider.vue_vue_type_script_lang-d9c49e71.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside, useDraggable } from '@vueuse/core';
-import { f as addClass, h as removeClass } from './dom-ba0fb2e2.js';
-import './OrIcon-6f6eb367.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
+import { f as addClass, h as removeClass } from './dom-28f5f62a.js';
+import './components/OrIcon/OrIcon.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 
 var script = defineComponent({
   name: 'OrSlider',

package/dist/bundled/v3/{OrSortHeader.vue_vue_type_script_lang-60cacb5e.js → OrSortHeader.vue_vue_type_script_lang-447f9a3b.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
+import './components/OrIconV3/OrIconV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
 

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-8324e7aa.js → OrSwitch.vue_vue_type_script_lang-74871640.js}

@@ -1,6 +1,6 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import './components/OrLabel/OrLabel.js';
-import './components/OrLoader/OrLoader.js';
+import './components/OrLabelV3/OrLabelV3.js';
+import './components/OrLoaderV3/OrLoaderV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-a927d554.js';

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-62744582.js → OrSwitch.vue_vue_type_script_lang-85ca85ee.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import './OrLoader-c4809493.js';
+import './components/OrLoader/OrLoader.js';
 import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-352f1432.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-af79a4fc.js → OrTabs.vue_vue_type_script_lang-625ffb79.js}

@@ -1,14 +1,14 @@
 import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
-import './components/OrMenu/OrMenu.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-46ecf85f.js';
-import './components/OrMenuItem/OrMenuItem.js';
-import './components/OrTab/OrTab.js';
+import './components/OrIconV3/OrIconV3.js';
+import './components/OrMenuV3/OrMenuV3.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-0f9a9e75.js';
+import './components/OrMenuItemV3/OrMenuItemV3.js';
+import './components/OrTabV3/OrTabV3.js';
 import { s as script$4 } from './OrTab.vue_vue_type_script_lang-20595913.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
+import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
 
 var TabsVariant;
 (function (TabsVariant) {

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-688bd067.js → OrTag.vue_vue_type_script_lang-74173e5c.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { a as hexToRgb } from './color-1f348774.js';
-import './OrIcon-6f6eb367.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
+import './components/OrIcon/OrIcon.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 
 const TAG_DEFAULT_COLOR = '#91969d'; // neutral-4
 var script = defineComponent({

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-24e4ef85.js → OrTag.vue_vue_type_script_lang-a97805af.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
 
 var TagVariant;
 (function (TagVariant) {

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-53696813.js → OrTextarea.vue_vue_type_script_lang-3fb6c069.js}

@@ -1,8 +1,8 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import './components/OrError/OrError.js';
-import './components/OrHint/OrHint.js';
-import './components/OrInputBox/OrInputBox.js';
-import './components/OrLabel/OrLabel.js';
+import './components/OrErrorV3/OrErrorV3.js';
+import './components/OrHintV3/OrHintV3.js';
+import './components/OrInputBoxV3/OrInputBoxV3.js';
+import './components/OrLabelV3/OrLabelV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-1a6d87b8.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-a6b8ed91.js';