@onereach/ui-components 4.3.3-beta.2627.0 → 4.3.3

package/dist/esm/v2/index.js

@@ -1,31 +1,31 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-7c024521.js';
-export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-3df48865.js';
-export { _ as OrBottomSheetV3 } from './OrBottomSheet-6b875223.js';
-export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-b4a39652.js';
-export { _ as OrButtonV2 } from './OrButton-dbf0efe7.js';
-export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-83608cbc.js';
-export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-20b054cc.js';
+export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-12b0e276.js';
+export { _ as OrBottomSheetV3 } from './OrBottomSheet-0938dbde.js';
+export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-549e8852.js';
+export { _ as OrButtonV2 } from './OrButton-4e532ddb.js';
+export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-23972f7d.js';
+export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-277ce06c.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-9622e713.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
-export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-fe8a1a88.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-7a8cd067.js';
+export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-9bf513b7.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-ead1d063.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
-export { _ as OrCarousel } from './OrCarousel-5c2b2d10.js';
+export { _ as OrCarousel } from './OrCarousel-e0c2e387.js';
 export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
-export { _ as OrCheckbox } from './OrCheckbox-03e5eaff.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-59332f84.js';
+export { _ as OrCheckbox } from './OrCheckbox-7b98fc08.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-60e4456b.js';
 export { _ as OrChip } from './OrChip-8a1abfc5.js';
 export { _ as OrChips } from './OrChips-a01d8520.js';
-export { _ as OrCode, O as OrCodeLanguages } from './OrCode-0288dd2d.js';
-export { _ as OrCollapse } from './OrCollapse-57c64292.js';
-export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-ca470d10.js';
-export { _ as OrConfirm } from './OrConfirm-b62d9ce4.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-09bb952d.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-8603b729.js';
+export { _ as OrCode, O as OrCodeLanguages } from './OrCode-e54e09f7.js';
+export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
+export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-fa92b4fa.js';
+export { _ as OrConfirm } from './OrConfirm-5d5dd9bc.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d1572223.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-ff4cebfb.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-77ef1975.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-f270e639.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6e2853ec.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-da3d6d4d.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
@@ -36,47 +36,47 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { _ as OrHint } from './OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-a40e60af.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-e13b8108.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-0ec2cda6.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-3ad8d3e5.js';
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-a129aaf1.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-968008cc.js';
-export { _ as OrInput } from './OrInput-bc2371b6.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-d73d9322.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-7a60a995.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-9541b625.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-56d8f558.js';
+export { _ as OrInput } from './OrInput-c005a759.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-884b6686.js';
 export { _ as OrLabel } from './OrLabel-931394a5.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-63380256.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-3679a61f.js';
-export { _ as OrList } from './OrList-7de293f5.js';
-export { _ as OrListOfInputs } from './OrListOfInputs-fa926159.js';
+export { _ as OrList } from './OrList-61c7b8ea.js';
+export { _ as OrListOfInputs } from './OrListOfInputs-e1b09290.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-212ef381.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-6f9b8a93.js';
-export { _ as OrMenuV3 } from './OrMenu-2f823afc.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-d7fc7c17.js';
-export { _ as OrModal, O as OrModalSizes } from './OrModal-3f09ae47.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-4d570c2f.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-bfa97981.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-855e31ad.js';
-export { _ as OrNumberInput } from './OrNumberInput-5b1135df.js';
-export { _ as OrOverflowMenu } from './OrOverflowMenu-13fac7a3.js';
+export { _ as OrMenuV3 } from './OrMenu-55befbc8.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-c902e2fd.js';
+export { _ as OrModal, O as OrModalSizes } from './OrModal-b9cfb8ec.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-b0a470f9.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-fdb88eec.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-4497b02f.js';
+export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';
+export { _ as OrOverflowMenu } from './OrOverflowMenu-83540c76.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
-export { _ as OrOverlayV3 } from './OrOverlay-2b61ec26.js';
-export { _ as OrPaginationV3 } from './OrPagination-a333b8a2.js';
-export { _ as OrPassword } from './OrPassword-82877067.js';
+export { _ as OrOverlayV3 } from './OrOverlay-b1609eef.js';
+export { _ as OrPaginationV3 } from './OrPagination-67b30f14.js';
+export { _ as OrPassword } from './OrPassword-022e10fd.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-e6f20dc1.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-29957e64.js';
-export { _ as OrRadio } from './OrRadio-f53c0944.js';
+export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-a812088f.js';
-export { _ as OrSearch } from './OrSearch-330e9af0.js';
-export { _ as OrSearchV3 } from './OrSearch-d5202cd2.js';
+export { _ as OrSearch } from './OrSearch-620d5d76.js';
+export { _ as OrSearchV3 } from './OrSearch-dea30353.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
-export { _ as OrSelect } from './OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from './OrSelect-c5e6f9ee.js';
+export { _ as OrSelect } from './OrSelect-d887118b.js';
+export { _ as OrSelectV3 } from './OrSelect-7266296e.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from './OrSidebar-00b1be87.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-ace90e38.js';
+export { _ as OrSidebarV3 } from './OrSidebar-82a4c03f.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-c41c688a.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-db96ddb6.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-8df5791c.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-8063af02.js';
@@ -86,45 +86,45 @@ export { _ as OrSkeletonRectV3 } from './OrSkeletonRect-0f06777f.js';
 export { _ as OrSkeletonTextV3 } from './OrSkeletonText-5529bcd1.js';
 export { _ as OrSlider } from './OrSlider-c0a7f9cf.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-8596b958.js';
-export { _ as OrStepper } from './OrStepper-2ae3fc21.js';
-export { _ as OrSwitch } from './OrSwitch-e7fe2b86.js';
+export { _ as OrStepper } from './OrStepper-b00f7531.js';
+export { _ as OrSwitch } from './OrSwitch-cd24ee40.js';
 export { _ as OrSwitchV3 } from './OrSwitch-9fae0bae.js';
 export { _ as OrTab } from './OrTab-8dfdeca0.js';
-export { _ as OrTabHeaderItem } from './OrTabHeaderItem-46947417.js';
+export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from './OrTab-5b198746.js';
-export { _ as OrTabs } from './OrTabs-1b314eeb.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-c383bde4.js';
-export { _ as OrTag } from './OrTag-8ded4261.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-a36ef302.js';
+export { _ as OrTabs } from './OrTabs-12138346.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-a8008116.js';
+export { _ as OrTag } from './OrTag-6349049b.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-213bc082.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-6097bca5.js';
-export { _ as OrTextarea } from './OrTextarea-226ab7a2.js';
+export { _ as OrTextarea } from './OrTextarea-724a4d6f.js';
 export { _ as OrTextareaV3 } from './OrTextarea-800f63d4.js';
-export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-90badc95.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-fc6fa5ab.js';
-export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-2f530752.js';
-export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-8fffa58d.js';
-export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332cc2.js';
+export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-0373bd6a.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-038ceb81.js';
+export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-1625b803.js';
+export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-b674518e.js';
+export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { _ as OrTooltip } from './OrTooltip-97a42707.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-d85e1071.js';
-export { _ as OrTooltipV3 } from './OrTooltip-6add8ee9.js';
+export { _ as OrTooltipV3 } from './OrTooltip-b7290ed1.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
-export { u as useElevation } from './useElevation-b5a49746.js';
-export { u as useOverflow } from './useOverflow-c856b7b7.js';
+export { u as useElevation } from './useElevation-df91fa50.js';
+export { u as useOverflow } from './useOverflow-af6161c8.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
-export { u as useToggle } from './useToggle-c04fc920.js';
+export { u as useToggle } from './useToggle-29e4d7c7.js';
 export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { R as RX_ABBREVIATION_FROM_STRING } from './color-40b7fe6b.js';
-export { f as flattenDeep } from './flattenDeep-fe0af413.js';
+import { R as RX_ABBREVIATION_FROM_STRING } from './color-1f348774.js';
+export { f as flattenDeep } from './flattenDeep-e7a8b995.js';
 import 'vue-demi';
 import 'lodash';
 import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
 import '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-48c5883e.js';
 import '@splidejs/splide';
 import './OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
 import '@codemirror/state';
@@ -142,7 +142,7 @@ import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
 import './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import './OrDateTimePickerMonthSelect-58303f9d.js';
+import './OrDateTimePickerMonthSelect-7803ed9e.js';
 import './OrDateTimePickerTimeSelect-0b70d0df.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';

package/dist/esm/v2/{types-8fffa58d.js → types-b674518e.js}

@@ -1,8 +1,8 @@
 import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-fb92f29f.js';
-import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-a1332cc2.js';
-import { _ as __vue_component__$2 } from './OrIconButton-e13b8108.js';
+import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
+import { _ as __vue_component__$2 } from './OrIconButton-0ec2cda6.js';
 import { _ as __vue_component__$3 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -276,12 +276,9 @@ var script = defineComponent({
     });
     // State
     const queue = computed(() => {
-      return queueRef.value.map(_ref => {
-        let {
-          value
-        } = _ref;
-        return value;
-      });
+      return queueRef.value.map(({
+        value
+      }) => value);
     });
     // Methods
     function createToast(toastConfiguration) {

package/dist/esm/{v3/useElevation-b5a49746.js → v2/useElevation-df91fa50.js}

@@ -15,8 +15,7 @@ function useElevation(element, trigger) {
     element.style.zIndex = String(Math.max(0, ...getPageElevations(element)) + 1);
   }
   // Effects
-  watch([elementRef, triggerRef], _ref => {
-    let [element] = _ref;
+  watch([elementRef, triggerRef], ([element]) => {
     if (element) setElementElevation(element);
   }, {
     immediate: true

package/dist/esm/{v3/useOverflow-c856b7b7.js → v2/useOverflow-af6161c8.js}

@@ -10,11 +10,10 @@ function useOverflow(container) {
   function updateState() {
     const container = containerRef.value;
     if (container) {
-      const update = [...container.children].reduce((_ref, child) => {
-        let {
-          innerItems,
-          outerItems
-        } = _ref;
+      const update = [...container.children].reduce(({
+        innerItems,
+        outerItems
+      }, child) => {
         const item = child;
         const {
           x: itemOffset,

package/dist/esm/{v3/useToast-a1332cc2.js → v2/useToast-0665462d.js}

@@ -117,13 +117,11 @@ class Timer {
   }
 }
 
-function useToast() {
-  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useToast(globalToastProps = {}) {
   const {
     emit
   } = useToastEventBus$1();
-  function notify(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function notify(props, behaviour = {}) {
     const {
       duration = 5000,
       pauseOnHover = true,
@@ -163,22 +161,19 @@ function useToast() {
   function clearAll() {
     emit('toastCloseAll');
   }
-  function success(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function success(props, behaviour = {}) {
     return notify({
       ...props,
       toastType: ToastType.Success
     }, behaviour);
   }
-  function error(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function error(props, behaviour = {}) {
     return notify({
       ...props,
       toastType: ToastType.Error
     }, behaviour);
   }
-  function loading(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function loading(props, behaviour = {}) {
     return notify({
       ...props,
       toastType: ToastType.Loading,

package/dist/esm/{v3/useToast-b5ea5cb2.js → v2/useToast-4fbe0e5a.js}

@@ -109,13 +109,11 @@ class Timer {
   }
 }
 
-function useToast() {
-  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useToast(globalToastProps = {}) {
   const {
     emit
   } = useToastEventBus$1();
-  function notify(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function notify(props, behaviour = {}) {
     const {
       duration = 5000,
       pauseOnHover = true,
@@ -155,22 +153,19 @@ function useToast() {
   function clearAll() {
     emit('toastCloseAll');
   }
-  function success(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function success(props, behaviour = {}) {
     return notify({
       ...props,
       toastType: ToastType.success
     }, behaviour);
   }
-  function error(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function error(props, behaviour = {}) {
     return notify({
       ...props,
       toastType: ToastType.error
     }, behaviour);
   }
-  function loading(props) {
-    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function loading(props, behaviour = {}) {
     return notify({
       ...props,
       toastType: ToastType.loading,

package/dist/esm/{v3/useToggle-c04fc920.js → v2/useToggle-29e4d7c7.js}

@@ -1,7 +1,6 @@
 import { ref } from 'vue-demi';
 
-function useToggle() {
-  let defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+function useToggle(defaultValue = false) {
   const isActiveToggle = ref(defaultValue);
   function show() {
     isActiveToggle.value = true;

package/dist/esm/v3/{OrAvatar-8a73221d.js → OrAvatar-14a5c5f0.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-b566a871.js';
+import { s as script$1 } from './OrIcon-925c5413.js';
 import _ from 'lodash';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -71,12 +71,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     src: _ctx.src,
     class: "image",
     alt: "avatar",
-    onLoad: _cache[0] || (_cache[0] = function () {
-      return _ctx.showImage && _ctx.showImage(...arguments);
-    }),
-    onError: _cache[1] || (_cache[1] = function () {
-      return _ctx.hideImage && _ctx.hideImage(...arguments);
-    })
+    onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.showImage && _ctx.showImage(...args)),
+    onError: _cache[1] || (_cache[1] = (...args) => _ctx.hideImage && _ctx.hideImage(...args))
   }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1)) : (openBlock(), createBlock(_component_or_icon, {
     key: 1,
     icon: _ctx.icon

package/dist/esm/v3/{OrAvatar-3ccb5f60.js → OrAvatar-1ebca2e8.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect } from 'vue-demi';
-import { h as hslToColorString, g as generateHslFromString } from './color-40b7fe6b.js';
+import { h as hslToColorString, g as generateHslFromString } from './color-1f348774.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrBottomSheet-67a0d6b5.js → OrBottomSheet-6538d9c3.js}

@@ -1,6 +1,6 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
-import { s as script$1 } from './OrOverlay-bf72f582.js';
+import { s as script$1 } from './OrOverlay-d63d39c3.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode } from 'vue';
 
 const BottomSheetRoot = [
@@ -78,8 +78,7 @@ var script = defineComponent({
     function open() {
       state.value = 'open';
     }
-    function close() {
-      let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    function close(auto = false) {
       state.value = 'closed';
       if (auto) {
         context.emit('update:state:closed-automatically');
@@ -131,12 +130,9 @@ var script = defineComponent({
     // #region Click Outside
     onClickOutside(root, event => {
       const path = event.composedPath();
-      if (!path.some(_ref => {
-        let {
-          classList
-        } = _ref;
-        return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
-      })) {
+      if (!path.some(({
+        classList
+      }) => (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3')))) {
         close(true);
       }
     });

package/dist/esm/v3/OrButton-f8b10d79.js

@@ -0,0 +1,142 @@
+import { defineComponent, isVue3 } from 'vue-demi';
+import { s as script$1 } from './OrIcon-925c5413.js';
+import { s as script$2, L as LoaderViews } from './OrLoader-15174477.js';
+import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './OrIconButton-5387fd59.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+
+var script = defineComponent({
+  name: 'OrButton',
+  components: {
+    OrIcon: script$1,
+    OrLoader: script$2
+  },
+  props: {
+    type: {
+      type: String,
+      default: BUTTON_TYPE.CONTAINED
+    },
+    color: {
+      type: String,
+      default: BUTTON_COLOR.PRIMARY
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String,
+      default: BUTTON_SIZE.DEFAULT
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    htmlButtonType: {
+      type: String,
+      default: HTML_BUTTON_TYPE.BUTTON,
+      required: false
+    },
+    iconPosition: {
+      type: String,
+      default: 'left'
+    },
+    loadingType: {
+      type: String,
+      default: LoaderViews.default
+    },
+    loadingText: {
+      type: String,
+      default: ''
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  setup() {
+    return {
+      isVue3
+    };
+  },
+  computed: {
+    states() {
+      const outline = this.type === BUTTON_TYPE.OUTLINE; // `outline` type is deprecated, use `outlined` instead
+      const type = outline ? BUTTON_TYPE.OUTLINED : this.type;
+      return {
+        [type]: true,
+        [this.color]: true,
+        [`size-${this.size}`]: true,
+        disabled: this.isDisabled,
+        loading: this.isLoading
+      };
+    },
+    showLeftIcon() {
+      return !!this.icon && this.iconPosition === 'left';
+    },
+    showRightIcon() {
+      return !!this.icon && this.iconPosition === 'right';
+    },
+    /**
+     * Button's content is hidden rather then removed,
+     * in order to retain original button size when loading indicator is active.
+     */
+    isContentVisible() {
+      return this.isLoading ? {
+        'visibility': 'hidden'
+      } : {};
+    }
+  },
+  methods: {
+    handleButtonClick(event) {
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+const _hoisted_1 = ["disabled", "type"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_loader = resolveComponent("or-loader");
+  const _component_or_icon = resolveComponent("or-icon");
+  return openBlock(), createElementBlock("button", mergeProps({
+    class: ["or-button", _ctx.states],
+    disabled: _ctx.isDisabled,
+    type: _ctx.htmlButtonType
+  }, toHandlers({
+    ...(_ctx.isVue3 ? {} : _ctx.$listeners),
+    click: e => _ctx.handleButtonClick(e),
+    focus: e => _ctx.$emit('focus', e),
+    blur: e => _ctx.$emit('blur', e)
+  }, true)), [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
+    key: 0,
+    type: _ctx.loadingType,
+    "text-type-label": _ctx.loadingText
+  }, null, 8 /* PROPS */, ["type", "text-type-label"])) : createCommentVNode("v-if", true), createElementVNode("span", {
+    class: "or-button-content",
+    style: normalizeStyle(_ctx.isContentVisible)
+  }, [renderSlot(_ctx.$slots, "prepend", {}, () => [_ctx.showLeftIcon ? (openBlock(), createBlock(_component_or_icon, {
+    key: 0,
+    class: "or-button-left-icon",
+    icon: _ctx.icon
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)]), renderSlot(_ctx.$slots, "append", {}, () => [_ctx.showRightIcon ? (openBlock(), createBlock(_component_or_icon, {
+    key: 0,
+    class: "or-button-right-icon",
+    icon: _ctx.icon
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 4 /* STYLE */)], 16 /* 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-dd050812 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-dd050812 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/** \"Contained\" and \"Floating Icon\" buttons have the same color scheme  */\n/** \"Outline\" button has some styles copy-pasted from \"Contained\" button */\n/** \"Text\", \"Inline\" and \"Icon\" buttons have the same color scheme */\n.or-button[data-v-dd050812] {\n  --or-button-height: 2rem;\n  --or-button-font-size: var(--fs-1);\n  --or-loader-size: 1.25rem;\n  --or-icon-size: 1rem;\n  --or-icon-margin: 0.5rem;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--or-button-height);\n  padding: 0;\n  font-family: inherit;\n  font-size: var(--or-button-font-size);\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color, background-color, box-shadow, border-color;\n}\n.or-button.contained[data-v-dd050812], .or-button.outlined[data-v-dd050812], .or-button.text[data-v-dd050812] {\n  min-width: 6rem;\n  padding: 0 1rem;\n  font-weight: var(--fw-1);\n  border-radius: 0.25rem;\n}\n.or-button.inline[data-v-dd050812] {\n  --or-button-height: 1.25rem;\n  --or-button-font-size: var(--fs-0);\n  --or-icon-margin: 0.25rem;\n  --or-loader-size: 1.25rem;\n  --or-icon-size: 1rem;\n}\n.or-button.contained[data-v-dd050812] {\n  color: var(--c-white);\n}\n.or-button.contained .or-loader[data-v-dd050812]::after,\n.or-button.contained[data-v-dd050812] .or-icon {\n  color: var(--c-white);\n}\n.or-button.contained.primary[data-v-dd050812] {\n  background-color: var(--c-primary);\n}\n.or-button.contained.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.primary.disabled[data-v-dd050812], .or-button.contained.primary.loading[data-v-dd050812] {\n  background-color: var(--c-primary-lighten-20);\n}\n.or-button.contained.success[data-v-dd050812] {\n  background-color: var(--c-success);\n}\n.or-button.contained.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.success.disabled[data-v-dd050812], .or-button.contained.success.loading[data-v-dd050812] {\n  background-color: var(--c-success-lighten-20);\n}\n.or-button.contained.warning[data-v-dd050812] {\n  background-color: var(--c-warning);\n}\n.or-button.contained.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.warning.disabled[data-v-dd050812], .or-button.contained.warning.loading[data-v-dd050812] {\n  background-color: var(--c-warning-lighten-20);\n}\n.or-button.contained.error[data-v-dd050812] {\n  background-color: var(--c-error);\n}\n.or-button.contained.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.error.disabled[data-v-dd050812], .or-button.contained.error.loading[data-v-dd050812] {\n  background-color: var(--c-error-lighten-20);\n}\n.or-button.contained.neutral-0[data-v-dd050812] {\n  background-color: var(--c-neutral-0);\n}\n.or-button.contained.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-0.disabled[data-v-dd050812], .or-button.contained.neutral-0.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.contained.neutral-3[data-v-dd050812] {\n  background-color: var(--c-neutral-3);\n}\n.or-button.contained.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-3.disabled[data-v-dd050812], .or-button.contained.neutral-3.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.contained.neutral-4[data-v-dd050812] {\n  background-color: var(--c-neutral-4);\n}\n.or-button.contained.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-4.disabled[data-v-dd050812], .or-button.contained.neutral-4.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.contained.neutral-5[data-v-dd050812] {\n  background-color: var(--c-neutral-5);\n}\n.or-button.contained.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-5.disabled[data-v-dd050812], .or-button.contained.neutral-5.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.contained.neutral-6[data-v-dd050812] {\n  background-color: var(--c-neutral-6);\n}\n.or-button.contained.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-6.disabled[data-v-dd050812], .or-button.contained.neutral-6.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outlined.primary[data-v-dd050812] {\n  color: var(--c-primary);\n  border: 1px solid var(--c-primary);\n}\n.or-button.outlined.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.primary .or-loader[data-v-dd050812]::after {\n  color: var(--c-primary);\n}\n.or-button.outlined.primary.disabled[data-v-dd050812], .or-button.outlined.primary.loading[data-v-dd050812] {\n  border: 1px solid var(--c-primary-lighten-20);\n}\n.or-button.outlined.primary.disabled[data-v-dd050812] {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.outlined.success[data-v-dd050812] {\n  color: var(--c-success);\n  border: 1px solid var(--c-success);\n}\n.or-button.outlined.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.success .or-loader[data-v-dd050812]::after {\n  color: var(--c-success);\n}\n.or-button.outlined.success.disabled[data-v-dd050812], .or-button.outlined.success.loading[data-v-dd050812] {\n  border: 1px solid var(--c-success-lighten-20);\n}\n.or-button.outlined.success.disabled[data-v-dd050812] {\n  color: var(--c-success-lighten-20);\n}\n.or-button.outlined.warning[data-v-dd050812] {\n  color: var(--c-warning);\n  border: 1px solid var(--c-warning);\n}\n.or-button.outlined.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.warning .or-loader[data-v-dd050812]::after {\n  color: var(--c-warning);\n}\n.or-button.outlined.warning.disabled[data-v-dd050812], .or-button.outlined.warning.loading[data-v-dd050812] {\n  border: 1px solid var(--c-warning-lighten-20);\n}\n.or-button.outlined.warning.disabled[data-v-dd050812] {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.outlined.error[data-v-dd050812] {\n  color: var(--c-error);\n  border: 1px solid var(--c-error);\n}\n.or-button.outlined.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.error .or-loader[data-v-dd050812]::after {\n  color: var(--c-error);\n}\n.or-button.outlined.error.disabled[data-v-dd050812], .or-button.outlined.error.loading[data-v-dd050812] {\n  border: 1px solid var(--c-error-lighten-20);\n}\n.or-button.outlined.error.disabled[data-v-dd050812] {\n  color: var(--c-error-lighten-20);\n}\n.or-button.outlined.neutral-0[data-v-dd050812] {\n  color: var(--c-neutral-0);\n  border: 1px solid var(--c-neutral-0);\n}\n.or-button.outlined.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-0 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-0);\n}\n.or-button.outlined.neutral-0.disabled[data-v-dd050812], .or-button.outlined.neutral-0.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-0-lighten-20);\n}\n.or-button.outlined.neutral-0.disabled[data-v-dd050812] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outlined.neutral-3[data-v-dd050812] {\n  color: var(--c-neutral-3);\n  border: 1px solid var(--c-neutral-3);\n}\n.or-button.outlined.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-3 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-3);\n}\n.or-button.outlined.neutral-3.disabled[data-v-dd050812], .or-button.outlined.neutral-3.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-3-lighten-20);\n}\n.or-button.outlined.neutral-3.disabled[data-v-dd050812] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outlined.neutral-4[data-v-dd050812] {\n  color: var(--c-neutral-4);\n  border: 1px solid var(--c-neutral-4);\n}\n.or-button.outlined.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-4 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-4);\n}\n.or-button.outlined.neutral-4.disabled[data-v-dd050812], .or-button.outlined.neutral-4.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-4-lighten-20);\n}\n.or-button.outlined.neutral-4.disabled[data-v-dd050812] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outlined.neutral-5[data-v-dd050812] {\n  color: var(--c-neutral-5);\n  border: 1px solid var(--c-neutral-5);\n}\n.or-button.outlined.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-5 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-5);\n}\n.or-button.outlined.neutral-5.disabled[data-v-dd050812], .or-button.outlined.neutral-5.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-5-lighten-20);\n}\n.or-button.outlined.neutral-5.disabled[data-v-dd050812] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outlined.neutral-6[data-v-dd050812] {\n  color: var(--c-neutral-6);\n  border: 1px solid var(--c-neutral-6);\n}\n.or-button.outlined.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-6 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-6);\n}\n.or-button.outlined.neutral-6.disabled[data-v-dd050812], .or-button.outlined.neutral-6.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-6-lighten-20);\n}\n.or-button.outlined.neutral-6.disabled[data-v-dd050812] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.text.primary[data-v-dd050812], .or-button.inline.primary[data-v-dd050812] {\n  color: var(--c-primary);\n}\n.or-button.text.primary[data-v-dd050812] .or-icon, .or-button.inline.primary[data-v-dd050812] .or-icon {\n  color: var(--c-primary);\n}\n.or-button.text.primary[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-20);\n}\n.or-button.text.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-20);\n}\n.or-button.text.primary[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-25);\n}\n.or-button.text.primary[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.primary[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-25);\n}\n.or-button.text.primary .or-loader[data-v-dd050812]::after, .or-button.inline.primary .or-loader[data-v-dd050812]::after {\n  color: var(--c-primary);\n}\n.or-button.text.primary.disabled[data-v-dd050812], .or-button.text.primary.loading[data-v-dd050812], .or-button.inline.primary.disabled[data-v-dd050812], .or-button.inline.primary.loading[data-v-dd050812] {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.text.primary.disabled[data-v-dd050812] .or-icon, .or-button.text.primary.loading[data-v-dd050812] .or-icon, .or-button.inline.primary.disabled[data-v-dd050812] .or-icon, .or-button.inline.primary.loading[data-v-dd050812] .or-icon {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.text.success[data-v-dd050812], .or-button.inline.success[data-v-dd050812] {\n  color: var(--c-success);\n}\n.or-button.text.success[data-v-dd050812] .or-icon, .or-button.inline.success[data-v-dd050812] .or-icon {\n  color: var(--c-success);\n}\n.or-button.text.success[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-20);\n}\n.or-button.text.success[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.success[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-20);\n}\n.or-button.text.success[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-25);\n}\n.or-button.text.success[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.success[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-25);\n}\n.or-button.text.success .or-loader[data-v-dd050812]::after, .or-button.inline.success .or-loader[data-v-dd050812]::after {\n  color: var(--c-success);\n}\n.or-button.text.success.disabled[data-v-dd050812], .or-button.text.success.loading[data-v-dd050812], .or-button.inline.success.disabled[data-v-dd050812], .or-button.inline.success.loading[data-v-dd050812] {\n  color: var(--c-success-lighten-20);\n}\n.or-button.text.success.disabled[data-v-dd050812] .or-icon, .or-button.text.success.loading[data-v-dd050812] .or-icon, .or-button.inline.success.disabled[data-v-dd050812] .or-icon, .or-button.inline.success.loading[data-v-dd050812] .or-icon {\n  color: var(--c-success-lighten-20);\n}\n.or-button.text.warning[data-v-dd050812], .or-button.inline.warning[data-v-dd050812] {\n  color: var(--c-warning);\n}\n.or-button.text.warning[data-v-dd050812] .or-icon, .or-button.inline.warning[data-v-dd050812] .or-icon {\n  color: var(--c-warning);\n}\n.or-button.text.warning[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-20);\n}\n.or-button.text.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-20);\n}\n.or-button.text.warning[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-25);\n}\n.or-button.text.warning[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.warning[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-25);\n}\n.or-button.text.warning .or-loader[data-v-dd050812]::after, .or-button.inline.warning .or-loader[data-v-dd050812]::after {\n  color: var(--c-warning);\n}\n.or-button.text.warning.disabled[data-v-dd050812], .or-button.text.warning.loading[data-v-dd050812], .or-button.inline.warning.disabled[data-v-dd050812], .or-button.inline.warning.loading[data-v-dd050812] {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.text.warning.disabled[data-v-dd050812] .or-icon, .or-button.text.warning.loading[data-v-dd050812] .or-icon, .or-button.inline.warning.disabled[data-v-dd050812] .or-icon, .or-button.inline.warning.loading[data-v-dd050812] .or-icon {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.text.error[data-v-dd050812], .or-button.inline.error[data-v-dd050812] {\n  color: var(--c-error);\n}\n.or-button.text.error[data-v-dd050812] .or-icon, .or-button.inline.error[data-v-dd050812] .or-icon {\n  color: var(--c-error);\n}\n.or-button.text.error[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-20);\n}\n.or-button.text.error[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.error[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-20);\n}\n.or-button.text.error[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-25);\n}\n.or-button.text.error[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.error[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-25);\n}\n.or-button.text.error .or-loader[data-v-dd050812]::after, .or-button.inline.error .or-loader[data-v-dd050812]::after {\n  color: var(--c-error);\n}\n.or-button.text.error.disabled[data-v-dd050812], .or-button.text.error.loading[data-v-dd050812], .or-button.inline.error.disabled[data-v-dd050812], .or-button.inline.error.loading[data-v-dd050812] {\n  color: var(--c-error-lighten-20);\n}\n.or-button.text.error.disabled[data-v-dd050812] .or-icon, .or-button.text.error.loading[data-v-dd050812] .or-icon, .or-button.inline.error.disabled[data-v-dd050812] .or-icon, .or-button.inline.error.loading[data-v-dd050812] .or-icon {\n  color: var(--c-error-lighten-20);\n}\n.or-button.text.neutral-0[data-v-dd050812], .or-button.inline.neutral-0[data-v-dd050812] {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0[data-v-dd050812] .or-icon, .or-button.inline.neutral-0[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-button.text.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-button.text.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-button.text.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-button.text.neutral-0 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-0 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0.disabled[data-v-dd050812], .or-button.text.neutral-0.loading[data-v-dd050812], .or-button.inline.neutral-0.disabled[data-v-dd050812], .or-button.inline.neutral-0.loading[data-v-dd050812] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.text.neutral-0.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-0.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-0.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-0.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.text.neutral-3[data-v-dd050812], .or-button.inline.neutral-3[data-v-dd050812] {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3[data-v-dd050812] .or-icon, .or-button.inline.neutral-3[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-button.text.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-button.text.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-button.text.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-button.text.neutral-3 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-3 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3.disabled[data-v-dd050812], .or-button.text.neutral-3.loading[data-v-dd050812], .or-button.inline.neutral-3.disabled[data-v-dd050812], .or-button.inline.neutral-3.loading[data-v-dd050812] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.text.neutral-3.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-3.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-3.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-3.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.text.neutral-4[data-v-dd050812], .or-button.inline.neutral-4[data-v-dd050812] {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4[data-v-dd050812] .or-icon, .or-button.inline.neutral-4[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-button.text.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-button.text.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-button.text.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-button.text.neutral-4 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-4 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4.disabled[data-v-dd050812], .or-button.text.neutral-4.loading[data-v-dd050812], .or-button.inline.neutral-4.disabled[data-v-dd050812], .or-button.inline.neutral-4.loading[data-v-dd050812] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.text.neutral-4.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-4.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-4.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-4.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.text.neutral-5[data-v-dd050812], .or-button.inline.neutral-5[data-v-dd050812] {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5[data-v-dd050812] .or-icon, .or-button.inline.neutral-5[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-button.text.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-button.text.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-button.text.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-button.text.neutral-5 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-5 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5.disabled[data-v-dd050812], .or-button.text.neutral-5.loading[data-v-dd050812], .or-button.inline.neutral-5.disabled[data-v-dd050812], .or-button.inline.neutral-5.loading[data-v-dd050812] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.text.neutral-5.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-5.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-5.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-5.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.text.neutral-6[data-v-dd050812], .or-button.inline.neutral-6[data-v-dd050812] {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6[data-v-dd050812] .or-icon, .or-button.inline.neutral-6[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-button.text.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-button.text.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-button.text.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-button.text.neutral-6 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-6 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6.disabled[data-v-dd050812], .or-button.text.neutral-6.loading[data-v-dd050812], .or-button.inline.neutral-6.disabled[data-v-dd050812], .or-button.inline.neutral-6.loading[data-v-dd050812] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.text.neutral-6.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-6.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-6.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-6.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.size-small[data-v-dd050812]:not(.inline) {\n  --or-button-height: 1.75rem;\n  --or-button-font-size: var(--fs-0);\n  --or-loader-size: 1rem;\n  --or-icon-size: 0.875rem;\n  min-width: auto;\n}\n.or-button.disabled[data-v-dd050812] {\n  cursor: not-allowed;\n}\n.or-button.loading[data-v-dd050812] {\n  cursor: progress;\n}\n.or-button .or-loader[data-v-dd050812] {\n  position: absolute;\n}\n.or-button .or-loader[data-v-dd050812]::after {\n  width: var(--or-loader-size);\n  height: var(--or-loader-size);\n}\n.or-button[data-v-dd050812] .or-icon {\n  font-size: var(--or-icon-size);\n}\n.or-button-content[data-v-dd050812] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.or-button-left-icon[data-v-dd050812] {\n  margin-right: var(--or-icon-margin);\n}\n.or-button-right-icon[data-v-dd050812] {\n  margin-left: var(--or-icon-margin);\n}\n@media only screen and (max-width: 576px) {\n.or-button[data-v-dd050812] {\n    --or-button-height: 2.75rem;\n    /* TODO: Introduce mobile typography */\n    --or-button-font-size: 1rem;\n    --or-loader-size: 1.5rem;\n    --or-icon-size: 1.25rem;\n}\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-dd050812";
+script.__file = "src/components/or-button-v2/OrButton.vue";
+
+export { script as s };