@onereach/ui-components 2.68.0-beta.2053.0 → 2.68.0-beta.2056.0

package/dist/bundled/v3/components/OrSelectV3/{OrSelectV3.js → index.js}

@@ -1,30 +1,34 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-abbdb22c.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-b28438b6.js';
 export { I as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
 import 'vue-demi';
-import '../../OrCheckbox.vue_vue_type_script_lang-c6f7e157.js';
-import '../../OrLabel-bd9faa53.js';
+import '../OrCheckbox/OrCheckbox.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-45641503.js';
+import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrHint-fef6ebb1.js';
+import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
 import '../OrExpansionPanel/OrExpansionPanel.js';
-import '../../OrExpansionPanel.vue_vue_type_script_lang-27a1e36c.js';
-import '../../OrIcon-81c249f7.js';
+import '../../OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js';
+import '../OrIcon/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../../OrInput-0ecf4e93.js';
-import '../../OrInput.vue_vue_type_script_lang-298d2fd7.js';
+import '../OrHint/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
+import '../../OrInput-0540584e.js';
+import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
 import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-6e9526c8.js';
-import '../../OrTooltip.vue_vue_type_script_lang-4f233746.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
 import '@vueuse/core';
 import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-cd97e358.js';
+import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-617c4db0.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
+import '../OrOverlay/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
 import '../OrTeleport.vue3/OrTeleport.vue3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
@@ -32,7 +36,8 @@ import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
 import '../OrInputBox/OrInputBox.js';
 import '../OrMenuItem/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-8c3fa960.js';
-import '../../OrTag.vue_vue_type_script_lang-3821aad7.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
+import '../OrTag/OrTag.js';
+import '../../OrTag.vue_vue_type_script_lang-24e4ef85.js';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-ac506c65.js';

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

@@ -1,40 +1,30 @@
-import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-755f291c.js';
-export { s as OrSidebar, O as OrSidebarSide } from '../../OrSidebar.vue_vue_type_script_lang-755f291c.js';
+import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-d438c111.js';
+export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-d438c111.js';
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from 'vue';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
 
-const _hoisted_1 = {
-  class: "or-sidebar-main"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "or-sidebar-header"
-};
-const _hoisted_3 = {
-  class: "or-sidebar-content"
-};
-const _hoisted_4 = {
-  key: 0,
-  class: "or-sidebar-footer"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("aside", {
-    class: normalizeClass(["or-sidebar", _ctx.side === _ctx.OrSidebarSide.left ? 'or-sidebar-left' : 'or-sidebar-right']),
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
     style: normalizeStyle(_ctx.sidebarStyle)
   }, [createElementVNode("div", {
-    ref: "resizeBarRef",
-    class: normalizeClass(["or-sidebar-resize", {
-      'is-resizing': _ctx.isResizing
-    }])
-  }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_1, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")])]), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
+    ref: "resizeBar",
+    class: normalizeClass(_ctx.resizeStyles)
+  }, null, 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.mainStyles)
+  }, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.headerStyles)
+  }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.footerStyles)
+  }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
 }
 
-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-2084bce8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2084bce8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-sidebar[data-v-2084bce8] {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--c-neutral-0);\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  min-height: 0;\n}\n.or-sidebar .or-sidebar-resize[data-v-2084bce8] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  cursor: ew-resize;\n  z-index: 1;\n  width: 12px;\n}\n.or-sidebar.or-sidebar-right[data-v-2084bce8] {\n  border-left: 1px solid var(--c-neutral-2);\n}\n.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-2084bce8] {\n  left: -1px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-left;\n}\n.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-2084bce8]:hover, .or-sidebar.or-sidebar-right .or-sidebar-resize.is-resizing[data-v-2084bce8] {\n  border-left: var(--s-1) solid var(--c-primary);\n}\n.or-sidebar.or-sidebar-left[data-v-2084bce8] {\n  border-right: 1px solid var(--c-neutral-2);\n}\n.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-2084bce8] {\n  right: -1px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-right;\n}\n.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-2084bce8]:hover, .or-sidebar.or-sidebar-left .or-sidebar-resize.is-resizing[data-v-2084bce8] {\n  border-right: var(--s-1) solid var(--c-primary);\n}\n.or-sidebar-main[data-v-2084bce8] {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  min-height: 0;\n}\n.or-sidebar-header[data-v-2084bce8] {\n  padding: var(--s-4);\n}\n.or-sidebar-content[data-v-2084bce8] {\n  flex-grow: 1;\n  overflow: auto;\n  padding: var(--s-4);\n}\n.or-sidebar-footer[data-v-2084bce8] {\n  padding: var(--s-4);\n  border-top: 1px solid var(--c-neutral-2);\n}";
-styleInject(css_248z);
-
 script.render = render;
-script.__scopeId = "data-v-2084bce8";
-script.__file = "src/components/or-sidebar/OrSidebar.vue";
+script.__file = "src/components/or-sidebar-v3/OrSidebar.vue";

package/dist/bundled/v3/components/OrSidebar/index.js

@@ -0,0 +1,4 @@
+export { s as OrSidebar, O as OrSidebarSide } from '../../OrSidebar.vue_vue_type_script_lang-755f291c.js';
+import '@vueuse/core';
+import 'lodash';
+import 'vue-demi';

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

@@ -1,17 +1,17 @@
-import { s as script } from '../../OrSlider.vue_vue_type_script_lang-e4118c3c.js';
-export { s as OrSlider } from '../../OrSlider.vue_vue_type_script_lang-e4118c3c.js';
+import { s as script } from '../../OrSlider.vue_vue_type_script_lang-29aa72fc.js';
+export { s as default } from '../../OrSlider.vue_vue_type_script_lang-29aa72fc.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createCommentVNode, renderSlot, createVNode, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import 'lodash';
-import '../../OrIcon-795f3692.js';
-import '../../OrIcon.vue_vue_type_script_lang-0741508f.js';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-a556f2f3.js';
-import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';

package/dist/bundled/v3/components/OrSlider/index.js

@@ -0,0 +1,16 @@
+export { s as OrSlider } from '../../OrSlider.vue_vue_type_script_lang-29aa72fc.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../dom-ba0fb2e2.js';
+import 'lodash';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';

package/dist/bundled/v3/components/OrSortHeader/OrSortHeader.js

@@ -1,8 +1,8 @@
-import { s as script } from '../../OrSortHeader.vue_vue_type_script_lang-30b9b0d3.js';
-export { s as default } from '../../OrSortHeader.vue_vue_type_script_lang-30b9b0d3.js';
+import { s as script } from '../../OrSortHeader.vue_vue_type_script_lang-60cacb5e.js';
+export { s as default } from '../../OrSortHeader.vue_vue_type_script_lang-60cacb5e.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, withModifiers, renderSlot, createBlock, normalizeClass, createCommentVNode } from 'vue';
 import 'vue-demi';
-import '../../OrIcon-81c249f7.js';
+import '../OrIcon/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 

package/dist/bundled/v3/components/OrSortHeaderV3/{OrSortHeaderV3.js → index.js}

@@ -1,6 +1,6 @@
-export { s as OrSortHeaderV3 } from '../../OrSortHeader.vue_vue_type_script_lang-30b9b0d3.js';
+export { s as OrSortHeaderV3 } from '../../OrSortHeader.vue_vue_type_script_lang-60cacb5e.js';
 import 'vue-demi';
-import '../../OrIcon-81c249f7.js';
+import '../OrIcon/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';

package/dist/bundled/v3/components/OrStepper/OrStepper.js

@@ -1,24 +1,24 @@
-import { s as script } from '../../OrStepper.vue_vue_type_script_lang-a533d32c.js';
-export { s as OrStepper } from '../../OrStepper.vue_vue_type_script_lang-a533d32c.js';
+import { s as script } from '../../OrStepper.vue_vue_type_script_lang-0f15b9f1.js';
+export { s as default } from '../../OrStepper.vue_vue_type_script_lang-0f15b9f1.js';
 import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createElementVNode, normalizeClass, resolveDynamicComponent } from 'vue';
 import 'vue-demi';
 import '../OrStepperOptionVertical/OrStepperOptionVertical.js';
 import '../OrStepperButtonOptions/OrStepperButtonOptions.js';
-import '../../OrButton-16bf9726.js';
-import '../../OrButton.vue_vue_type_script_lang-38b2c64f.js';
+import '../../OrButton-a1b966c0.js';
+import '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
 import '../../constants-6678dfb5.js';
-import '../../OrIcon-795f3692.js';
-import '../../OrIcon.vue_vue_type_script_lang-0741508f.js';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrFloating-a556f2f3.js';
-import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import '../../OrLoader-c4809493.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 import '../OrStepperTitle/OrStepperTitle.js';

package/dist/bundled/v3/components/OrStepper/index.js

@@ -0,0 +1,25 @@
+export { s as OrStepper } from '../../OrStepper.vue_vue_type_script_lang-0f15b9f1.js';
+import 'vue-demi';
+import '../OrStepperOptionVertical/OrStepperOptionVertical.js';
+import '../OrStepperButtonOptions/OrStepperButtonOptions.js';
+import '../../OrButton-a1b966c0.js';
+import '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
+import '../../constants-6678dfb5.js';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import 'lodash';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-ba0fb2e2.js';
+import '../../OrLoader-c4809493.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../OrStepperTitle/OrStepperTitle.js';
+import '../StatusIcon/StatusIcon.js';
+import '../OrStepperOptionHorizontal/OrStepperOptionHorizontal.js';

package/dist/bundled/v3/components/OrStepperButtonOptions/OrStepperButtonOptions.js

@@ -1,20 +1,20 @@
 import { defineComponent } from 'vue-demi';
-import '../../OrButton-16bf9726.js';
-import { s as script$1 } from '../../OrButton.vue_vue_type_script_lang-38b2c64f.js';
+import '../../OrButton-a1b966c0.js';
+import { s as script$1 } from '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode } from 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../../constants-6678dfb5.js';
-import '../../OrIcon-795f3692.js';
-import '../../OrIcon.vue_vue_type_script_lang-0741508f.js';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-a556f2f3.js';
-import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import '../../OrLoader-c4809493.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 

package/dist/bundled/v3/components/OrStepperOptionHorizontal/OrStepperOptionHorizontal.js

@@ -1,21 +1,21 @@
 import { defineComponent } from 'vue-demi';
 import script$1 from '../OrStepperButtonOptions/OrStepperButtonOptions.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode } from 'vue';
-import '../../OrButton-16bf9726.js';
-import '../../OrButton.vue_vue_type_script_lang-38b2c64f.js';
+import '../../OrButton-a1b966c0.js';
+import '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
 import '../../constants-6678dfb5.js';
-import '../../OrIcon-795f3692.js';
-import '../../OrIcon.vue_vue_type_script_lang-0741508f.js';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrFloating-a556f2f3.js';
-import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import '../../OrLoader-c4809493.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 

package/dist/bundled/v3/components/OrStepperOptionVertical/OrStepperOptionVertical.js

@@ -2,21 +2,21 @@ import { defineComponent } from 'vue-demi';
 import script$1 from '../OrStepperButtonOptions/OrStepperButtonOptions.js';
 import script$2 from '../OrStepperTitle/OrStepperTitle.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createBlock, createCommentVNode } from 'vue';
-import '../../OrButton-16bf9726.js';
-import '../../OrButton.vue_vue_type_script_lang-38b2c64f.js';
+import '../../OrButton-a1b966c0.js';
+import '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
 import '../../constants-6678dfb5.js';
-import '../../OrIcon-795f3692.js';
-import '../../OrIcon.vue_vue_type_script_lang-0741508f.js';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrFloating-a556f2f3.js';
-import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import '../../OrLoader-c4809493.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 import '../StatusIcon/StatusIcon.js';

package/dist/bundled/v3/components/OrSwitch/OrSwitch.js

@@ -1,51 +1,59 @@
-import { s as script } from '../../OrSwitch.vue_vue_type_script_lang-62744582.js';
-export { s as OrSwitch } from '../../OrSwitch.vue_vue_type_script_lang-62744582.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, vShow, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
+import { s as script } from '../../OrSwitch.vue_vue_type_script_lang-8324e7aa.js';
+export { s as default } from '../../OrSwitch.vue_vue_type_script_lang-8324e7aa.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, mergeProps, vModelCheckbox, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import 'lodash';
-import '../../OrLoader-c4809493.js';
-import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../OrLabel/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
 
-const _withScopeId = n => (pushScopeId("data-v-2da28db8"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["checked", "disabled", "value"];
-const _hoisted_2 = {
-  class: "or-switch--switcher"
-};
-const _hoisted_3 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("span", {
-  class: "or-switch--layer"
-}, null, -1 /* HOISTED */));
-const _hoisted_4 = {
-  class: "or-switch--knob"
-};
-const _hoisted_5 = {
-  class: "or-switch--content"
-};
+const _hoisted_1 = ["id", "value", "required", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_loader = resolveComponent("or-loader");
-  return openBlock(), createElementBlock("label", {
-    class: normalizeClass(_ctx.rootClasses)
-  }, [createElementVNode("input", mergeProps(_ctx.$attrs, {
-    checked: _ctx.isChecked,
-    disabled: _ctx.isDisabled,
-    value: _ctx.value,
+  const _component_OrLoader = resolveComponent("OrLoader");
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [!_ctx.loading ? withDirectives((openBlock(), createElementBlock("input", mergeProps({
+    key: 0
+  }, _ctx.$attrs, {
+    id: _ctx.controlId,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
+    class: _ctx.controlStyles,
     type: "checkbox",
-    class: "or-switch--input visually-hidden",
-    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1), createCommentVNode("  Switcher  "), createElementVNode("span", _hoisted_2, [_hoisted_3, createElementVNode("span", _hoisted_4, [createVNode(Transition, {
-    name: "fade",
-    persisted: ""
+    value: _ctx.inputValue,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1)), [[vModelCheckbox, _ctx.proxyModelValue]]) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.loaderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, [createVNode(_component_OrLoader, {
+    variant: 'circular',
+    color: 'primary',
+    size: 'm'
+  })], 10 /* CLASS, PROPS */, _hoisted_2)), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 2,
+    "control-id": _ctx.controlId,
+    variant: _ctx.labelVariant,
+    required: _ctx.required,
+    disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [withDirectives(createVNode(_component_or_loader, {
-      class: "or-switch--loader"
-    }, null, 512 /* NEED_PATCH */), [[vShow, _ctx.isLoading]])]),
-    _: 1 /* STABLE */
-  })])]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])])], 2 /* CLASS */);
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 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-2da28db8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2da28db8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-switch[data-v-2da28db8] {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n}\n.or-switch--switcher[data-v-2da28db8] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  min-height: 1.25rem;\n  margin-right: calc(0.5rem + 3px);\n  margin-left: 3px;\n}\n.or-switch--layer[data-v-2da28db8] {\n  width: 2.125rem;\n  min-width: 2.125rem;\n  height: 0.875rem;\n  min-height: 0.875rem;\n  background-color: var(--c-neutral-2);\n  border-radius: 9999px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color, opacity;\n}\n.or-switch--knob[data-v-2da28db8] {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem;\n  min-width: 1.25rem;\n  height: 1.25rem;\n  min-height: 1.25rem;\n  background-color: var(--c-white);\n  border-radius: 9999px;\n  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.24);\n  transform: translate(-3px, -50%);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: transform, box-shadow;\n}\n.or-switch--content[data-v-2da28db8] {\n  color: var(--c-neutral-6);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n.or-switch--loader.or-loader[data-v-2da28db8]::after {\n  width: calc(1.25rem - 0.3125rem);\n  min-width: calc(1.25rem - 0.3125rem);\n  height: calc(1.25rem - 0.3125rem);\n  min-height: calc(1.25rem - 0.3125rem);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-switch:not(.or-switch.is-loading):not(.or-switch.is-disabled):not(.or-switch.is-readonly):not(.or-switch:disabled):not(.or-switch.is-focused):not(.or-switch:active):hover .or-switch--layer[data-v-2da28db8] {\n    background-color: var(--c-neutral-2-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-switch:not(.or-switch.is-loading):not(.or-switch.is-disabled):not(.or-switch.is-readonly):not(.or-switch:disabled):not(.or-switch.is-focused):not(.or-switch:active):hover .or-switch--layer[data-v-2da28db8] {\n    background-color: var(--c-neutral-2-darken-3);\n}\n}\n.or-switch:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-2da28db8] {\n  background-color: var(--c-neutral-2-darken-5);\n}\n.or-switch[data-v-2da28db8]:disabled, .or-switch.is-disabled[data-v-2da28db8] {\n  cursor: not-allowed;\n}\n.or-switch:disabled .or-switch--layer[data-v-2da28db8], .or-switch.is-disabled .or-switch--layer[data-v-2da28db8] {\n  opacity: 0.5;\n}\n.or-switch:disabled .or-switch--knob[data-v-2da28db8], .or-switch.is-disabled .or-switch--knob[data-v-2da28db8] {\n  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.24);\n}\n.or-switch:disabled .or-switch--content[data-v-2da28db8], .or-switch.is-disabled .or-switch--content[data-v-2da28db8] {\n  color: var(--c-neutral-4);\n}\n.or-switch.is-checked .or-switch--layer[data-v-2da28db8] {\n  background-color: var(--c-primary);\n}\n.or-switch.is-checked .or-switch--knob[data-v-2da28db8] {\n  transform: translate(calc(100% - 3px), -50%);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-switch.is-checked:not(.or-switch.is-checked.is-loading):not(.or-switch.is-checked.is-disabled):not(.or-switch.is-checked.is-readonly):not(.or-switch.is-checked:disabled):not(.or-switch.is-checked.is-focused):not(.or-switch.is-checked:active):hover .or-switch--layer[data-v-2da28db8] {\n    background-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-switch.is-checked:not(.or-switch.is-checked.is-loading):not(.or-switch.is-checked.is-disabled):not(.or-switch.is-checked.is-readonly):not(.or-switch.is-checked:disabled):not(.or-switch.is-checked.is-focused):not(.or-switch.is-checked:active):hover .or-switch--layer[data-v-2da28db8] {\n    background-color: var(--c-primary-darken-3);\n}\n}\n.or-switch.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-2da28db8] {\n  background-color: var(--c-primary-darken-5);\n}\n.or-switch.is-loading[data-v-2da28db8] {\n  cursor: progress;\n}";
+var css_248z = "\ninput[data-v-4296509a] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-2da28db8";
-script.__file = "src/components/or-switch/OrSwitch.vue";
+script.__scopeId = "data-v-4296509a";
+script.__file = "src/components/or-switch-v3/OrSwitch.vue";

package/dist/bundled/v3/components/OrSwitch/index.js

@@ -0,0 +1,7 @@
+export { s as OrSwitch } from '../../OrSwitch.vue_vue_type_script_lang-62744582.js';
+import 'vue-demi';
+import 'lodash';
+import '../../OrLoader-c4809493.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/OrSwitchV3/{OrSwitchV3.js → index.js}

@@ -1,8 +1,8 @@
-export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-038412d6.js';
+export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-8324e7aa.js';
 import 'vue-demi';
-import '../../OrLabel-bd9faa53.js';
+import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';
-import '../../OrLoader-87f8250e.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-a927d554.js';

package/dist/bundled/v3/components/OrTab/OrTab.js

@@ -1,22 +1,22 @@
-import { s as script } from '../../OrTab.vue_vue_type_script_lang-71e4fa50.js';
-export { s as OrTab } from '../../OrTab.vue_vue_type_script_lang-71e4fa50.js';
-import { withDirectives, openBlock, createElementBlock, renderSlot, vShow } from 'vue';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import { s as script } from '../../OrTab.vue_vue_type_script_lang-20595913.js';
+export { s as default } from '../../OrTab.vue_vue_type_script_lang-20595913.js';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 import 'vue-demi';
-import '../../v4-cf8987a3.js';
-import 'lodash';
+import '../../useClassAttribute-47fdb016.js';
 
-const _hoisted_1 = {
-  class: "or-tab",
-  role: "tabpanel"
-};
+const _hoisted_1 = ["selected"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")], 512 /* NEED_PATCH */)), [[vShow, _ctx.isActive]]);
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles,
+    tabindex: 0,
+    selected: _ctx.selected ? '' : null,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */, _hoisted_1);
 }
 
-var css_248z = ".or-tab[data-v-1ed45584] {\n  padding-top: var(--s-3);\n}";
-styleInject(css_248z);
-
 script.render = render;
-script.__scopeId = "data-v-1ed45584";
-script.__file = "src/components/or-tab/OrTab.vue";
+script.__file = "src/components/or-tab-v3/OrTab.vue";

package/dist/bundled/v3/components/OrTab/index.js

@@ -0,0 +1,4 @@
+export { s as OrTab } from '../../OrTab.vue_vue_type_script_lang-71e4fa50.js';
+import 'vue-demi';
+import '../../v4-cf8987a3.js';
+import 'lodash';

package/dist/bundled/v3/components/OrTabHeaderItem/OrTabHeaderItem.js

@@ -1,5 +1,27 @@
-export { s as OrTabHeaderItem } from '../../OrTabHeaderItem-d668cc59.js';
+import { s as script } from '../../OrTabHeaderItem.vue_vue_type_script_lang-0a67721f.js';
+export { s as default } from '../../OrTabHeaderItem.vue_vue_type_script_lang-0a67721f.js';
+import { openBlock, createElementBlock, mergeProps, toDisplayString } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import 'lodash';
-import 'vue';
-import '../../style-inject.es-4c6f2515.js';
+
+const _hoisted_1 = ["disabled", "aria-selected", "aria-disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("button", mergeProps({
+    ref: "rootRef"
+  }, _ctx.$attrs, {
+    class: _ctx.rootClasses,
+    disabled: _ctx.isDisabled,
+    "aria-selected": _ctx.isActive,
+    "aria-disabled": _ctx.isDisabled,
+    type: "button",
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }), toDisplayString(_ctx.title), 17 /* TEXT, FULL_PROPS */, _hoisted_1);
+}
+
+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-210f24b8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-210f24b8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-tab-header-item[data-v-210f24b8] {\n  padding: 0;\n  font-size: var(--fs-1);\n  font-weight: var(--fw-2);\n  line-height: var(--lh-1);\n  color: var(--c-neutral-5);\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n.or-tab-header-item[data-v-210f24b8]:not(:last-child) {\n  margin-right: var(--s-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-tab-header-item[data-v-210f24b8]:not(.or-tab-header-item.is-loading):not(.or-tab-header-item.is-disabled):not(.or-tab-header-item.is-readonly):not(.or-tab-header-item:disabled):not(.or-tab-header-item.is-focused):not(.or-tab-header-item:active):hover {\n    color: var(--c-neutral-6);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-tab-header-item[data-v-210f24b8]:not(.or-tab-header-item.is-loading):not(.or-tab-header-item.is-disabled):not(.or-tab-header-item.is-readonly):not(.or-tab-header-item:disabled):not(.or-tab-header-item.is-focused):not(.or-tab-header-item:active):hover {\n    color: var(--c-neutral-6);\n}\n}\n.or-tab-header-item[data-v-210f24b8]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-6-darken-5);\n}\n.or-tab-header-item[data-v-210f24b8]:disabled, .or-tab-header-item.is-disabled[data-v-210f24b8] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3);\n}\n.or-tab-header-item.is-active[data-v-210f24b8] {\n  color: var(--c-neutral-6);\n  cursor: default;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-210f24b8";
+script.__file = "src/components/or-tab-header-item/OrTabHeaderItem.vue";

package/dist/bundled/v3/components/OrTabHeaderItem/index.js

@@ -0,0 +1,3 @@
+export { s as OrTabHeaderItem } from '../../OrTabHeaderItem.vue_vue_type_script_lang-0a67721f.js';
+import 'vue-demi';
+import 'lodash';