@onereach/ui-components 2.74.6-beta.2322.0 → 2.74.6-beta.2325.0

package/dist/esm/v2/{OrSkeletonText-38aef640.js → OrSkeletonText-cc94bdc9.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import _ from 'lodash';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 
 var script$2 = defineComponent({
   name: 'OrSkeletonCircle',
@@ -38,11 +38,9 @@ var script$2 = defineComponent({
   }
 });
 
-var css_248z$2 = "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}";
-styleInject(css_248z$2);
-
 /* script */
 const __vue_script__$2 = script$2;
+
 /* template */
 var __vue_render__$2 = function () {
   var _vm = this;
@@ -57,15 +55,20 @@ var __vue_render__$2 = function () {
 var __vue_staticRenderFns__$2 = [];
 
 /* style */
-const __vue_inject_styles__$2 = undefined;
+const __vue_inject_styles__$2 = function (inject) {
+  if (!inject) return;
+  inject("data-v-2bdce55a_0", {
+    source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__$2 = "data-v-2bdce55a";
 /* module identifier */
 const __vue_module_identifier__$2 = undefined;
 /* functional template */
 const __vue_is_functional_template__$2 = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -73,7 +76,7 @@ const __vue_is_functional_template__$2 = false;
 const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$2,
   staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, createInjector, undefined, undefined);
 
 var script$1 = defineComponent({
   name: 'OrSkeletonRect',
@@ -112,11 +115,9 @@ var script$1 = defineComponent({
   }
 });
 
-var css_248z$1 = "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}";
-styleInject(css_248z$1);
-
 /* script */
 const __vue_script__$1 = script$1;
+
 /* template */
 var __vue_render__$1 = function () {
   var _vm = this;
@@ -131,15 +132,20 @@ var __vue_render__$1 = function () {
 var __vue_staticRenderFns__$1 = [];
 
 /* style */
-const __vue_inject_styles__$1 = undefined;
+const __vue_inject_styles__$1 = function (inject) {
+  if (!inject) return;
+  inject("data-v-570f1e07_0", {
+    source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__$1 = "data-v-570f1e07";
 /* module identifier */
 const __vue_module_identifier__$1 = undefined;
 /* functional template */
 const __vue_is_functional_template__$1 = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -147,7 +153,7 @@ const __vue_is_functional_template__$1 = false;
 const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$1,
   staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
 
 var OrSkeletonTextSizes;
 (function (OrSkeletonTextSizes) {
@@ -204,11 +210,9 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}";
-styleInject(css_248z);
-
 /* script */
 const __vue_script__ = script;
+
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -228,15 +232,20 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = undefined;
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-1ddb38df_0", {
+    source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__ = "data-v-1ddb38df";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -244,6 +253,6 @@ const __vue_is_functional_template__ = false;
 const __vue_component__ = /*#__PURE__*/normalizeComponent({
   render: __vue_render__,
   staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
 
 export { OrSkeletonTextSizes as O, __vue_component__$2 as _, __vue_component__$1 as a, __vue_component__ as b };

package/dist/esm/v2/{OrSlider-1bdcb8fd.js → OrSlider-f7b9c7c2.js}

@@ -1,9 +1,9 @@
-import { _ as __vue_component__$1 } from './OrIcon-007214aa.js';
+import { _ as __vue_component__$1 } from './OrIcon-819166f6.js';
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside, useDraggable } from '@vueuse/core';
 import { f as addClass, h as removeClass } from './dom-3a15d036.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 
 var script = defineComponent({
   name: 'OrSlider',
@@ -225,14 +225,9 @@ var script = defineComponent({
   }
 });
 
-var css_248z$1 = "@keyframes spinAround-data-v-26784114{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-26784114{from{opacity:1}to{opacity:0}}.or-slider[data-v-26784114]{display:flex;align-items:center;outline:0}.or-slider:not(.is-disabled).is-active:not(.has-marker) .or-slider__thumb[data-v-26784114]::before,.or-slider:not(.is-disabled).is-dragging:not(.has-marker) .or-slider__thumb[data-v-26784114]::before{transform:scale(1)}.or-slider:not(.is-disabled).is-active .or-slider__marker[data-v-26784114],.or-slider:not(.is-disabled).is-dragging .or-slider__marker[data-v-26784114]{opacity:1;transform:scale(1) translateY(-26px)}.or-slider:not(.is-disabled).is-active .or-slider__marker-text[data-v-26784114],.or-slider:not(.is-disabled).is-dragging .or-slider__marker-text[data-v-26784114]{color:#fff}.or-slider:not(.is-disabled).is-active .or-slider__snap-point[data-v-26784114],.or-slider:not(.is-disabled).is-dragging .or-slider__snap-point[data-v-26784114]{opacity:1}.or-slider:not(.is-disabled).is-active .or-slider__icon[data-v-26784114]  .or-icon,.or-slider:not(.is-disabled).is-dragging .or-slider__icon[data-v-26784114]  .or-icon{color:var(--c-primary)}.or-slider.is-disabled .or-slider__icon[data-v-26784114]{opacity:.6}.or-slider.is-disabled .or-slider__track[data-v-26784114]{cursor:default}.or-slider.is-disabled .or-slider__track-fill[data-v-26784114]{background-color:transparent}.or-slider.is-disabled .or-slider__thumb[data-v-26784114]{background-color:#ddd;border:var(--s-1) solid #fff}.or-slider__icon[data-v-26784114]{display:flex;margin-right:var(--s-4)}.or-slider__track[data-v-26784114]{position:relative;display:flex;align-items:center;width:100%;height:18px;margin:0 auto;cursor:pointer}.or-slider__track-background[data-v-26784114],.or-slider__track-fill[data-v-26784114]{position:absolute;top:calc((18px - 3px)/ 2);left:0;display:block;height:3px;content:\"\"}.or-slider__track-background[data-v-26784114]{width:100%;background-color:var(--c-neutral-1-darken-5)}.or-slider__snap-point[data-v-26784114]{position:absolute;z-index:1;width:var(--s-1);height:3px;background-color:var(--c-neutral-6);opacity:0;transition:opacity .2s ease}.or-slider__track-fill[data-v-26784114]{width:100%;background-color:var(--c-primary);transform-origin:left}.or-slider__thumb[data-v-26784114]{position:relative;left:0;z-index:1;display:block;width:14px;height:14px;margin-left:calc(-14px / 2);cursor:inherit;background-color:var(--c-primary);border-radius:50%}.or-slider__thumb[data-v-26784114]::before{position:absolute;display:block;width:36px;height:36px;margin-top:calc((14px - 36px)/ 2);margin-left:calc((14px - 36px)/ 2);content:\"\";background-color:rgba(33,150,243,.38);border-radius:50%;transition:transform .2s ease;transform:scale(0);transform-origin:center}.or-slider__marker[data-v-26784114]{position:absolute;width:36px;height:36px;margin-top:calc((14px - 36px)/ 2);margin-left:calc((14px - 36px)/ 2);user-select:none;opacity:0;transition:all .2s ease;transform:scale(0) translateY(0)}.or-slider__marker svg[data-v-26784114]{width:36px;height:36px;fill:var(--c-primary)}.or-slider__marker-text[data-v-26784114]{position:absolute;top:var(--s-2);left:0;width:36px;font-size:var(--fs-1);font-weight:var(--fs-1);color:var(--c-primary);text-align:center;transition:color .2s ease}";
-styleInject(css_248z$1);
-
-var css_248z = ".or-slider--is-dragging{touch-action:none;user-select:none}";
-styleInject(css_248z);
-
 /* script */
 const __vue_script__ = script;
+
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -347,15 +342,24 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = undefined;
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-26784114_0", {
+    source: "@keyframes spinAround-data-v-26784114{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-26784114{from{opacity:1}to{opacity:0}}.or-slider[data-v-26784114]{display:flex;align-items:center;outline:0}.or-slider:not(.is-disabled).is-active:not(.has-marker) .or-slider__thumb[data-v-26784114]::before,.or-slider:not(.is-disabled).is-dragging:not(.has-marker) .or-slider__thumb[data-v-26784114]::before{transform:scale(1)}.or-slider:not(.is-disabled).is-active .or-slider__marker[data-v-26784114],.or-slider:not(.is-disabled).is-dragging .or-slider__marker[data-v-26784114]{opacity:1;transform:scale(1) translateY(-26px)}.or-slider:not(.is-disabled).is-active .or-slider__marker-text[data-v-26784114],.or-slider:not(.is-disabled).is-dragging .or-slider__marker-text[data-v-26784114]{color:#fff}.or-slider:not(.is-disabled).is-active .or-slider__snap-point[data-v-26784114],.or-slider:not(.is-disabled).is-dragging .or-slider__snap-point[data-v-26784114]{opacity:1}.or-slider:not(.is-disabled).is-active .or-slider__icon[data-v-26784114]  .or-icon,.or-slider:not(.is-disabled).is-dragging .or-slider__icon[data-v-26784114]  .or-icon{color:var(--c-primary)}.or-slider.is-disabled .or-slider__icon[data-v-26784114]{opacity:.6}.or-slider.is-disabled .or-slider__track[data-v-26784114]{cursor:default}.or-slider.is-disabled .or-slider__track-fill[data-v-26784114]{background-color:transparent}.or-slider.is-disabled .or-slider__thumb[data-v-26784114]{background-color:#ddd;border:var(--s-1) solid #fff}.or-slider__icon[data-v-26784114]{display:flex;margin-right:var(--s-4)}.or-slider__track[data-v-26784114]{position:relative;display:flex;align-items:center;width:100%;height:18px;margin:0 auto;cursor:pointer}.or-slider__track-background[data-v-26784114],.or-slider__track-fill[data-v-26784114]{position:absolute;top:calc((18px - 3px)/ 2);left:0;display:block;height:3px;content:\"\"}.or-slider__track-background[data-v-26784114]{width:100%;background-color:var(--c-neutral-1-darken-5)}.or-slider__snap-point[data-v-26784114]{position:absolute;z-index:1;width:var(--s-1);height:3px;background-color:var(--c-neutral-6);opacity:0;transition:opacity .2s ease}.or-slider__track-fill[data-v-26784114]{width:100%;background-color:var(--c-primary);transform-origin:left}.or-slider__thumb[data-v-26784114]{position:relative;left:0;z-index:1;display:block;width:14px;height:14px;margin-left:calc(-14px / 2);cursor:inherit;background-color:var(--c-primary);border-radius:50%}.or-slider__thumb[data-v-26784114]::before{position:absolute;display:block;width:36px;height:36px;margin-top:calc((14px - 36px)/ 2);margin-left:calc((14px - 36px)/ 2);content:\"\";background-color:rgba(33,150,243,.38);border-radius:50%;transition:transform .2s ease;transform:scale(0);transform-origin:center}.or-slider__marker[data-v-26784114]{position:absolute;width:36px;height:36px;margin-top:calc((14px - 36px)/ 2);margin-left:calc((14px - 36px)/ 2);user-select:none;opacity:0;transition:all .2s ease;transform:scale(0) translateY(0)}.or-slider__marker svg[data-v-26784114]{width:36px;height:36px;fill:var(--c-primary)}.or-slider__marker-text[data-v-26784114]{position:absolute;top:var(--s-2);left:0;width:36px;font-size:var(--fs-1);font-weight:var(--fs-1);color:var(--c-primary);text-align:center;transition:color .2s ease}",
+    map: undefined,
+    media: undefined
+  }), inject("data-v-26784114_1", {
+    source: ".or-slider--is-dragging{touch-action:none;user-select:none}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__ = "data-v-26784114";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -363,6 +367,6 @@ const __vue_is_functional_template__ = false;
 const __vue_component__ = /*#__PURE__*/normalizeComponent({
   render: __vue_render__,
   staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
 
 export { __vue_component__ as _ };

package/dist/esm/v2/{OrStepper-ac60bab7.js → OrStepper-4f44e7b7.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$6 } from './OrButton-8a87ebca.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-d27bb57a.js';
+import { _ as __vue_component__$6 } from './OrButton-c4f9955b.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 var script$5 = defineComponent({
   name: 'OrStepperButtonOptions',
@@ -132,11 +132,9 @@ var script$4 = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-1981b0d3{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1981b0d3{from{opacity:1}to{opacity:0}}.indication[data-v-1981b0d3]{display:flex;height:var(--s-4);width:var(--s-4);border-radius:var(--s-3)}.indication.ready[data-v-1981b0d3]{border:1px solid var(--c-primary);background-color:var(--c-neutral-1)}.indication.active[data-v-1981b0d3]{border:3px solid var(--c-primary);background-color:var(--c-neutral-0)}.indication.selected[data-v-1981b0d3]{background-color:var(--c-primary)}.indication.done[data-v-1981b0d3]{border:1px solid var(--c-primary);background-color:var(--c-neutral-1)}.indication.done .icon[data-v-1981b0d3]{padding:1px;font-size:var(--fs-0);color:var(--c-primary)}.indication.failed[data-v-1981b0d3]{background-color:var(--c-error)}.indication.failed .icon[data-v-1981b0d3]{color:var(--c-neutral-0);padding:var(--s-1);font-size:var(--fs-0)}";
-styleInject(css_248z);
-
 /* script */
 const __vue_script__$4 = script$4;
+
 /* template */
 var __vue_render__$4 = function () {
   var _vm = this;
@@ -151,15 +149,20 @@ var __vue_render__$4 = function () {
 var __vue_staticRenderFns__$4 = [];
 
 /* style */
-const __vue_inject_styles__$4 = undefined;
+const __vue_inject_styles__$4 = function (inject) {
+  if (!inject) return;
+  inject("data-v-1981b0d3_0", {
+    source: "@keyframes spinAround-data-v-1981b0d3{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1981b0d3{from{opacity:1}to{opacity:0}}.indication[data-v-1981b0d3]{display:flex;height:var(--s-4);width:var(--s-4);border-radius:var(--s-3)}.indication.ready[data-v-1981b0d3]{border:1px solid var(--c-primary);background-color:var(--c-neutral-1)}.indication.active[data-v-1981b0d3]{border:3px solid var(--c-primary);background-color:var(--c-neutral-0)}.indication.selected[data-v-1981b0d3]{background-color:var(--c-primary)}.indication.done[data-v-1981b0d3]{border:1px solid var(--c-primary);background-color:var(--c-neutral-1)}.indication.done .icon[data-v-1981b0d3]{padding:1px;font-size:var(--fs-0);color:var(--c-primary)}.indication.failed[data-v-1981b0d3]{background-color:var(--c-error)}.indication.failed .icon[data-v-1981b0d3]{color:var(--c-neutral-0);padding:var(--s-1);font-size:var(--fs-0)}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__$4 = "data-v-1981b0d3";
 /* module identifier */
 const __vue_module_identifier__$4 = undefined;
 /* functional template */
 const __vue_is_functional_template__$4 = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -167,7 +170,7 @@ const __vue_is_functional_template__$4 = false;
 const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$4,
   staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
 
 var script$3 = defineComponent({
   name: 'OrStepperTitle',

package/dist/esm/v2/{OrSwitch-1bd5b4d1.js → OrSwitch-10ecff82.js}

@@ -3,8 +3,8 @@ import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute
 import '@vueuse/core';
 import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-0945a4d9.js';
 import { _ as __vue_component__$2 } from './OrLoader-8f1f3af1.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 
 const SwitchRoot = [
 // Layout
@@ -140,11 +140,9 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-7c3b7494]{appearance:none;line-height:0}";
-styleInject(css_248z);
-
 /* script */
 const __vue_script__ = script;
+
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -227,15 +225,20 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = undefined;
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-7c3b7494_0", {
+    source: "input[data-v-7c3b7494]{appearance:none;line-height:0}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__ = "data-v-7c3b7494";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -243,6 +246,6 @@ const __vue_is_functional_template__ = false;
 const __vue_component__ = /*#__PURE__*/normalizeComponent({
   render: __vue_render__,
   staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
 
 export { __vue_component__ as _ };

package/dist/esm/v2/OrSwitch-f25f27f9.js

@@ -0,0 +1,155 @@
+import { defineComponent } from 'vue-demi';
+import _ from 'lodash';
+import { _ as __vue_component__$1 } from './OrLoader-003941a2.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
+
+var script = defineComponent({
+  name: 'OrSwitch',
+  components: {
+    OrLoader: __vue_component__$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: null,
+      default: null,
+      required: false
+    },
+    value: {
+      type: null,
+      default: null,
+      required: false
+    },
+    label: {
+      type: String,
+      default: '',
+      required: false,
+      validator: _.isString
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false,
+      validator: _.isBoolean
+    },
+    isLoading: {
+      type: Boolean,
+      default: false,
+      required: false,
+      validator: _.isBoolean
+    }
+  },
+  emits: ['update:modelValue'],
+  computed: {
+    isArrayModelValue() {
+      return _.isArray(this.modelValue);
+    },
+    isChecked() {
+      return this.isArrayModelValue ? _.some(this.modelValue, this.value) || _.includes(this.modelValue, this.value) : !!this.modelValue;
+    },
+    isInactive() {
+      return this.isLoading || this.isDisabled;
+    },
+    rootClasses() {
+      return ['or-switch', {
+        ['is-checked']: this.isChecked,
+        ['is-disabled']: this.isDisabled,
+        ['is-loading']: this.isLoading
+      }];
+    }
+  },
+  methods: {
+    onChange({
+      target
+    }) {
+      if (this.isInactive) return;
+      const isChecked = target.checked;
+      if (this.isArrayModelValue) {
+        const newValue = [...this.modelValue];
+        isChecked ? newValue.push(this.value) : newValue.splice(newValue.indexOf(this.value), 1);
+        this.$emit('update:modelValue', newValue);
+      } else {
+        this.$emit('update:modelValue', isChecked);
+      }
+    }
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('label', {
+    class: _vm.rootClasses
+  }, [_c('input', _vm._b({
+    staticClass: "or-switch--input visually-hidden",
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "type": "checkbox"
+    },
+    domProps: {
+      "checked": _vm.isChecked,
+      "value": _vm.value
+    },
+    on: {
+      "change": _vm.onChange
+    }
+  }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('span', {
+    staticClass: "or-switch--switcher"
+  }, [_c('span', {
+    staticClass: "or-switch--layer"
+  }), _vm._v(" "), _c('span', {
+    staticClass: "or-switch--knob"
+  }, [_c('transition', {
+    attrs: {
+      "name": "fade"
+    }
+  }, [_c('or-loader', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isLoading,
+      expression: "isLoading"
+    }],
+    staticClass: "or-switch--loader"
+  })], 1)], 1)]), _vm._v(" "), _c('span', {
+    staticClass: "or-switch--content"
+  }, [_vm._t("default", function () {
+    return [_vm._v(_vm._s(_vm.label))];
+  })], 2)]);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-fcbeb190_0", {
+    source: "@keyframes spinAround-data-v-fcbeb190{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-fcbeb190{from{opacity:1}to{opacity:0}}.or-switch[data-v-fcbeb190]{display:inline-flex;align-items:center;cursor:pointer}.or-switch--switcher[data-v-fcbeb190]{position:relative;display:inline-flex;align-items:center;min-height:1.25rem;margin-right:calc(.5rem + 3px);margin-left:3px}.or-switch--layer[data-v-fcbeb190]{width:2.125rem;min-width:2.125rem;height:.875rem;min-height:.875rem;background-color:var(--c-neutral-2);border-radius:9999px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color,opacity}.or-switch--knob[data-v-fcbeb190]{position:absolute;top:50%;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem;background-color:var(--c-white);border-radius:9999px;box-shadow:0 0 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.24);transform:translate(-3px,-50%);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform,box-shadow}.or-switch--content[data-v-fcbeb190]{color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-switch--loader.or-loader[data-v-fcbeb190]::after{width:calc(1.25rem - .3125rem);min-width:calc(1.25rem - .3125rem);height:calc(1.25rem - .3125rem);min-height:calc(1.25rem - .3125rem);border-color:var(--c-primary)}@media (hover:hover) and (pointer:fine){.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-fcbeb190]{background-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.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-fcbeb190]{background-color:var(--c-neutral-2-darken-3)}}.or-switch:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-neutral-2-darken-5)}.or-switch.is-disabled[data-v-fcbeb190],.or-switch[data-v-fcbeb190]:disabled{cursor:not-allowed}.or-switch.is-disabled .or-switch--layer[data-v-fcbeb190],.or-switch:disabled .or-switch--layer[data-v-fcbeb190]{opacity:.5}.or-switch.is-disabled .or-switch--knob[data-v-fcbeb190],.or-switch:disabled .or-switch--knob[data-v-fcbeb190]{box-shadow:0 0 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.24)}.or-switch.is-disabled .or-switch--content[data-v-fcbeb190],.or-switch:disabled .or-switch--content[data-v-fcbeb190]{color:var(--c-neutral-4)}.or-switch.is-checked .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary)}.or-switch.is-checked .or-switch--knob[data-v-fcbeb190]{transform:translate(calc(100% - 3px),-50%)}@media (hover:hover) and (pointer:fine){.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-fcbeb190]{background-color:var(--c-primary-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.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-fcbeb190]{background-color:var(--c-primary-darken-3)}}.or-switch.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary-darken-5)}.or-switch.is-loading[data-v-fcbeb190]{cursor:progress}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-fcbeb190";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
+
+export { __vue_component__ as _ };

package/dist/esm/v2/{OrTab-8dfdeca0.js → OrTab-eade8ab6.js}

@@ -1,8 +1,8 @@
 import { defineComponent, unref } from 'vue-demi';
 import { v4 } from 'uuid';
 import _ from 'lodash';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 
 var script = defineComponent({
   name: 'OrTab',
@@ -60,11 +60,9 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-tab[data-v-caa4f88a]{padding-top:var(--s-3)}";
-styleInject(css_248z);
-
 /* script */
 const __vue_script__ = script;
+
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -86,15 +84,20 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = undefined;
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-caa4f88a_0", {
+    source: ".or-tab[data-v-caa4f88a]{padding-top:var(--s-3)}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__ = "data-v-caa4f88a";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -102,6 +105,6 @@ const __vue_is_functional_template__ = false;
 const __vue_component__ = /*#__PURE__*/normalizeComponent({
   render: __vue_render__,
   staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
 
 export { __vue_component__ as _ };

package/dist/esm/v2/{OrTabHeaderItem-6a08756e.js → OrTabHeaderItem-d1a340d1.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, nextTick } from 'vue-demi';
 import _ from 'lodash';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 
 var script = defineComponent({
   name: 'OrTabHeaderItem',
@@ -62,11 +62,9 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-093b2d3a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-093b2d3a{from{opacity:1}to{opacity:0}}.or-tab-header-item[data-v-093b2d3a]{padding:0;font-size:var(--fs-1);font-weight:var(--fw-2);line-height:var(--lh-1);color:var(--c-neutral-5);cursor:pointer;background-color:transparent;border:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-tab-header-item[data-v-093b2d3a]:not(:last-child){margin-right:var(--s-6)}@media (hover:hover) and (pointer:fine){.or-tab-header-item[data-v-093b2d3a]: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{color:var(--c-neutral-6)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-tab-header-item[data-v-093b2d3a]: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{color:var(--c-neutral-6)}}.or-tab-header-item[data-v-093b2d3a]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active{color:var(--c-neutral-6-darken-5)}.or-tab-header-item.is-disabled[data-v-093b2d3a],.or-tab-header-item[data-v-093b2d3a]:disabled{cursor:not-allowed;color:var(--c-neutral-3)}.or-tab-header-item.is-active[data-v-093b2d3a]{color:var(--c-neutral-6);cursor:default}";
-styleInject(css_248z);
-
 /* script */
 const __vue_script__ = script;
+
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -89,15 +87,20 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = undefined;
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-093b2d3a_0", {
+    source: "@keyframes spinAround-data-v-093b2d3a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-093b2d3a{from{opacity:1}to{opacity:0}}.or-tab-header-item[data-v-093b2d3a]{padding:0;font-size:var(--fs-1);font-weight:var(--fw-2);line-height:var(--lh-1);color:var(--c-neutral-5);cursor:pointer;background-color:transparent;border:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-tab-header-item[data-v-093b2d3a]:not(:last-child){margin-right:var(--s-6)}@media (hover:hover) and (pointer:fine){.or-tab-header-item[data-v-093b2d3a]: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{color:var(--c-neutral-6)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-tab-header-item[data-v-093b2d3a]: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{color:var(--c-neutral-6)}}.or-tab-header-item[data-v-093b2d3a]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active{color:var(--c-neutral-6-darken-5)}.or-tab-header-item.is-disabled[data-v-093b2d3a],.or-tab-header-item[data-v-093b2d3a]:disabled{cursor:not-allowed;color:var(--c-neutral-3)}.or-tab-header-item.is-active[data-v-093b2d3a]{color:var(--c-neutral-6);cursor:default}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 const __vue_scope_id__ = "data-v-093b2d3a";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -105,6 +108,6 @@ const __vue_is_functional_template__ = false;
 const __vue_component__ = /*#__PURE__*/normalizeComponent({
   render: __vue_render__,
   staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
 
 export { __vue_component__ as _ };