@onereach/ui-components 2.76.4 → 2.76.5-beta.2422.0

package/dist/esm/v2/components/or-search-v3/index.js

@@ -1,15 +1,15 @@
-export { _ as OrSearchV3 } from '../../OrSearch-cb0e904d.js';
+export { _ as OrSearchV3 } from '../../OrSearch-429d7386.js';
 export { a as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrInput-285611af.js';
+import '../../OrInput-0a40888a.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-9e7976ef.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-272790e7.js';
-import '../../OrIconButton-75e7b80c.js';
+import '../../OrIconButton-138aee2b.js';
 import '../../OrIcon-c434985a.js';
 import '../../OrTooltip-5a02f34c.js';
 import '../../OrPopover-a101a230.js';

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-703cf847.js';
+export { _ as OrSelectV3 } from '../../OrSelect-090de47b.js';
 export { a as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
@@ -14,10 +14,10 @@ import '../../OrExpansionPanel-0a12d957.js';
 import '../../OrIcon-c434985a.js';
 import '../../OrHint-272790e7.js';
 import '../../OrInputBox-5c4b3104.js';
-import '../../OrInput-285611af.js';
+import '../../OrInput-0a40888a.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrIconButton-75e7b80c.js';
+import '../../OrIconButton-138aee2b.js';
 import '../../OrTooltip-5a02f34c.js';
 import '../../OrPopover-a101a230.js';
 import '@floating-ui/dom';
@@ -28,4 +28,4 @@ import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrLoader-b11ed386.js';
 import '../../OrMenuItem-4f810513.js';
-import '../../OrTag-7663d423.js';
+import '../../OrTag-ff7537b6.js';

package/dist/esm/v2/components/or-sidebar-v3/index.js

@@ -1,10 +1,10 @@
-export { _ as OrSidebarV3 } from '../../OrSidebar-5f5a5962.js';
-export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-81b32e0d.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-41e8d230.js';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-911009ff.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-75e7b80c.js';
+import '../../OrIconButton-138aee2b.js';
 import '../../OrIcon-c434985a.js';
 import '../../OrTooltip-5a02f34c.js';
 import '../../OrPopover-a101a230.js';

package/dist/esm/v2/components/or-sidebar-v3/partials/index.js

@@ -1,7 +1,7 @@
-export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-81b32e0d.js';
+export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-911009ff.js';
 import 'lodash';
 import 'vue-demi';
-import '../../../OrIconButton-75e7b80c.js';
+import '../../../OrIconButton-138aee2b.js';
 import '../../../OrIcon-c434985a.js';
 import '../../../normalize-component-6e8e3d80.js';
 import '../../../OrTooltip-5a02f34c.js';

package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js

@@ -1,7 +1,7 @@
-export { _ as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-81b32e0d.js';
+export { _ as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-911009ff.js';
 import 'lodash';
 import 'vue-demi';
-import '../../../../OrIconButton-75e7b80c.js';
+import '../../../../OrIconButton-138aee2b.js';
 import '../../../../OrIcon-c434985a.js';
 import '../../../../normalize-component-6e8e3d80.js';
 import '../../../../OrTooltip-5a02f34c.js';

package/dist/esm/v2/components/or-stepper/index.js

@@ -1,7 +1,7 @@
-export { _ as OrStepper } from '../../OrStepper-3e08af91.js';
+export { _ as OrStepper } from '../../OrStepper-cb48096d.js';
 import 'vue-demi';
-import '../../OrButton-df2eea65.js';
-import '../../OrIconButton.vue_rollup-plugin-vue_styles.0-3846c424.js';
+import '../../OrButton-b1dd2d83.js';
+import '../../OrIconButton.vue_rollup-plugin-vue_styles.0-dd33a2f5.js';
 import '../../OrIcon-dd72b52f.js';
 import 'lodash';
 import '../../OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';

package/dist/esm/v2/components/or-tag-v3/index.js

@@ -1,6 +1,6 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-7663d423.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-ff7537b6.js';
 import 'vue-demi';
-import '../../OrIconButton-75e7b80c.js';
+import '../../OrIconButton-138aee2b.js';
 import '../../OrIcon-c434985a.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrTooltip-5a02f34c.js';

package/dist/esm/v2/components/or-textbox/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTextbox, T as TextboxTypes } from '../../OrTextbox-a2cc5280.js';
+export { _ as OrTextbox, T as TextboxTypes } from '../../OrTextbox-e307a304.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useToggle-29e4d7c7.js';
@@ -8,7 +8,7 @@ import 'lodash';
 import '../../OrLabel-931394a5.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton.vue_rollup-plugin-vue_styles.0-3846c424.js';
+import '../../OrIconButton.vue_rollup-plugin-vue_styles.0-dd33a2f5.js';
 import '../../OrIcon-dd72b52f.js';
 import '../../OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
 import '../../OrFloating-67b6592e.js';
@@ -17,7 +17,7 @@ import '../../OrTeleport.vue2-f0c16c71.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../OrLoader-212ef381.js';
 import '../../OrTooltip-cefc51f9.js';
-import '../../OrIconButton-9c30897c.js';
+import '../../OrIconButton-b8297c91.js';
 import '../../OrHint-fe65fbe6.js';
 import '../../OrError-efc74907.js';
 import '../../OrCollapse-50e3914c.js';

package/dist/esm/v2/components/or-toast/index.js

@@ -1,6 +1,6 @@
-export { _ as OrToast, a as OrToastContainer } from '../../OrToastContainer-8566bc09.js';
+export { _ as OrToast, a as OrToastContainer } from '../../OrToastContainer-f7c34699.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../../useToast-4fbe0e5a.js';
-import '../../OrIconButton.vue_rollup-plugin-vue_styles.0-3846c424.js';
+import '../../OrIconButton.vue_rollup-plugin-vue_styles.0-dd33a2f5.js';
 import 'vue-demi';
 import '../../OrIcon-dd72b52f.js';
 import 'lodash';
@@ -15,6 +15,6 @@ import '../../dom-7a41831b.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../OrLoader-212ef381.js';
 import '../../OrTooltip-cefc51f9.js';
-import '../../OrIconButton-9c30897c.js';
+import '../../OrIconButton-b8297c91.js';
 import '../../OrProgress-e6f20dc1.js';
 import '@vueuse/core';

package/dist/esm/v2/components/or-toast-v3/index.js

@@ -1,11 +1,11 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-a12f6aef.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-b1f1d3d4.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-0665462d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-75e7b80c.js';
+import '../../OrIconButton-138aee2b.js';
 import '../../OrIcon-c434985a.js';
 import '../../OrTooltip-5a02f34c.js';
 import '../../OrPopover-a101a230.js';

package/dist/esm/v2/index.js

@@ -2,25 +2,25 @@ export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-b75af823.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-ca3a1268.js';
 export { _ as OrBottomSheetV3 } from './OrBottomSheet-c9bfe63f.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-549e8852.js';
-export { _ as OrButtonV2 } from './OrButton-df2eea65.js';
-export { _ as OrIconButton } from './OrIconButton-9c30897c.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-3846c424.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-eaa2c409.js';
+export { _ as OrButtonV2 } from './OrButton-b1dd2d83.js';
+export { _ as OrIconButton } from './OrIconButton-b8297c91.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-dd33a2f5.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-c5ee65ba.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
-export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-050fb8d2.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-0c0d24f6.js';
+export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-66862420.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-88451f3f.js';
 export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-d20717ec.js';
 export { _ as OrCheckbox } from './OrCheckbox-63d444f1.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-ac3cc642.js';
 export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_styles.0-8d277377.js';
 export { _ as OrChips } from './OrChips-7f85a4ba.js';
-export { _ as OrCode, O as OrCodeLanguages } from './OrCode-930709c5.js';
+export { _ as OrCode, O as OrCodeLanguages } from './OrCode-c4ec5534.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-f7c58a78.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-6c16c0a7.js';
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-4059980e.js';
+export { _ as OrConfirm } from './OrConfirm-d4bcccae.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d9fb300f.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-cafe599c.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-32ba5c0c.js';
 export { _ as OrErrorV3 } from './OrError-9e7976ef.js';
@@ -31,54 +31,54 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { _ as OrHint } from './OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from './OrHint-272790e7.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-dd72b52f.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-75e7b80c.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-138aee2b.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-c434985a.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-46146af0.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-26f61f94.js';
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-b914488a.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-49c5fd4d.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-de79d561.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-ac547645.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-709254e2.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-5c4b3104.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-285611af.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-0a40888a.js';
 export { _ as OrInput } from './OrInput-c005a759.js';
 export { _ as OrLabel } from './OrLabel-931394a5.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-49398089.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-e2fd196e.js';
-export { _ as OrList } from './OrList-1440d8ca.js';
-export { _ as OrListOfInputs } from './OrListOfInputs-5a9fc474.js';
+export { _ as OrList } from './OrList-9ad0350b.js';
+export { _ as OrListOfInputs } from './OrListOfInputs-78cd85a3.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-b11ed386.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-4f810513.js';
 export { _ as OrMenuV3 } from './OrMenu-40013a4a.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-a101a230.js';
-export { _ as OrModal, O as OrModalSizes } from './OrModal-a02dcd2a.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-11e0aaf3.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-0b22c94c.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-32a7774e.js';
+export { _ as OrModal, O as OrModalSizes } from './OrModal-365edc36.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-89fea276.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-d44ad3d7.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-0a01ff5a.js';
 export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';
-export { _ as OrOverflowMenu } from './OrOverflowMenu-0f356aca.js';
+export { _ as OrOverflowMenu } from './OrOverflowMenu-663429d4.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-2ded265b.js';
-export { _ as OrPassword } from './OrPassword-7a006ccb.js';
-export { _ as OrPaginationV3 } from './OrPagination-67635368.js';
+export { _ as OrPassword } from './OrPassword-ebc92322.js';
+export { _ as OrPaginationV3 } from './OrPagination-97d55699.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-59293ca5.js';
 export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-ffd31026.js';
-export { _ as OrSearch } from './OrSearch-1d7880eb.js';
-export { _ as OrSearchV3 } from './OrSearch-cb0e904d.js';
+export { _ as OrSearch } from './OrSearch-5913c0dc.js';
+export { _ as OrSearchV3 } from './OrSearch-429d7386.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from './OrSelect-03e79c4b.js';
-export { _ as OrSelectV3 } from './OrSelect-703cf847.js';
+export { _ as OrSelectV3 } from './OrSelect-090de47b.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from './OrSidebar-5f5a5962.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-81b32e0d.js';
+export { _ as OrSidebarV3 } from './OrSidebar-41e8d230.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-911009ff.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-6a6f285d.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-6ee72718.js';
 export { _ as OrSlider } from './OrSlider-ded83b5c.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-ffe6bc57.js';
-export { _ as OrStepper } from './OrStepper-3e08af91.js';
+export { _ as OrStepper } from './OrStepper-cb48096d.js';
 export { _ as OrSwitch } from './OrSwitch-cd24ee40.js';
 export { _ as OrSwitchV3 } from './OrSwitch-6309430f.js';
 export { _ as OrTab } from './OrTab-8dfdeca0.js';
@@ -87,16 +87,16 @@ export { _ as OrTabV3 } from './OrTab-8e1e3751.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-411fc919.js';
 export { _ as OrTag } from './OrTag-2845a49f.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-7663d423.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ff7537b6.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-91d662a0.js';
 export { _ as OrTextarea } from './OrTextarea-724a4d6f.js';
 export { _ as OrTextareaV3 } from './OrTextarea-a51a7959.js';
-export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-a2cc5280.js';
-export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-8566bc09.js';
+export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-e307a304.js';
+export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-f7c34699.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-a12f6aef.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-b1f1d3d4.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { _ as OrTooltip } from './OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';

package/dist/esm/v2/{types-a12f6aef.js → types-b1f1d3d4.js}

@@ -2,7 +2,7 @@ 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-0665462d.js';
-import { _ as __vue_component__$2 } from './OrIconButton-75e7b80c.js';
+import { _ as __vue_component__$2 } from './OrIconButton-138aee2b.js';
 import { _ as __vue_component__$3 } from './OrLoader-b11ed386.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v3/{OrButton-769333b2.js → OrButton-b1ffc582.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrLoader-18f66bca.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 var ButtonVariant;
 (function (ButtonVariant) {
@@ -144,16 +144,17 @@ const _hoisted_2 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLoader = resolveComponent("OrLoader");
-  return openBlock(), createElementBlock("button", {
+  return openBlock(), createElementBlock("button", mergeProps({
     ref: "root",
-    class: normalizeClass(_ctx.rootStyles),
+    class: _ctx.rootStyles,
     type: _ctx.type,
     activated: _ctx.activated ? '' : null,
-    disabled: _ctx.disabled,
+    disabled: _ctx.disabled
+  }, toHandlers(_ctx.$listeners, true), {
     onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
     onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }, [createElementVNode("div", {
+  }), [createElementVNode("div", {
     class: normalizeClass(['contents', _ctx.loading && 'invisible'])
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.variant !== 'link' ? (openBlock(), createBlock(_component_OrLoader, {
     key: 0,
@@ -162,7 +163,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     size: 's'
   })) : (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [createTextVNode(toDisplayString(_ctx.loadingText) + "… ", 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))])) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+  }, [createTextVNode(toDisplayString(_ctx.loadingText) + "… ", 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
 }
 
 script.render = render;

package/dist/esm/v3/{OrCardCollection-1258cd45.js → OrCardCollection-0124a3df.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrCard-e3a5aea4.js';
 import { s as script$2 } from './OrIcon-ed3e10b4.js';
-import { s as script$3 } from './OrSearch-4a5c943b.js';
-import { a as script$4 } from './OrIconButton-b668558a.js';
+import { s as script$3 } from './OrSearch-7a01bb20.js';
+import { a as script$4 } from './OrIconButton-bc9deb47.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrCardCollection-7a1d0533.js → OrCardCollection-8339ebe2.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$3 } from './OrButton-769333b2.js';
-import { s as script$2 } from './OrIconButton-bbed669a.js';
+import { s as script$3 } from './OrButton-b1ffc582.js';
+import { s as script$2 } from './OrIconButton-63abd073.js';
 import { s as script$6 } from './OrIcon-ea40e58c.js';
 import { s as script$5 } from './OrMenuItem-de91aded.js';
 import { s as script$4 } from './OrMenu-8c333ea1.js';
 import './OrPopover-35ee1b1e.js';
-import { s as script$7 } from './OrSearch-683d34a9.js';
+import { s as script$7 } from './OrSearch-4568eb9d.js';
 import './OrInputBox-2467d7e4.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrCode-fe49ca8e.js → OrCode-57b5501c.js}

@@ -5,11 +5,11 @@ import { basicSetup, EditorView as EditorView$1 } from 'codemirror';
 import { useElementHover } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
-import { a as script$1 } from './OrIconButton-b668558a.js';
+import { a as script$1 } from './OrIconButton-bc9deb47.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-1414c530.js';
 import { s as script$6 } from './OrLabel-876f8729.js';
-import { s as script$2 } from './OrModal-153310f7.js';
+import { s as script$2 } from './OrModal-56d60dd7.js';
 import { s as script$3 } from './OrTeleport.vue3-9bce0c02.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';

package/dist/esm/v3/{OrConfirm-45796889.js → OrConfirm-db6872cf.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1, b as BUTTON_COLOR } from './OrIconButton-b668558a.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-153310f7.js';
+import { s as script$1, b as BUTTON_COLOR } from './OrIconButton-bc9deb47.js';
+import { s as script$2, O as OrModalSizes } from './OrModal-56d60dd7.js';
 import { s as script$3 } from './OrInput-0dbd5a01.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';

package/dist/esm/v3/{OrConfirm-84060862.js → OrConfirm-e821e06e.js}

@@ -1,8 +1,8 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2, a as ButtonColor } from './OrButton-769333b2.js';
-import { s as script$3 } from './OrInput-3beb9d66.js';
+import { s as script$2, a as ButtonColor } from './OrButton-b1ffc582.js';
+import { s as script$3 } from './OrInput-d16b7930.js';
 import { s as script$1 } from './OrOverlay-55f6cf9c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-efd8aae7.js → OrDateTimePicker-6e87bc5e.js}

@@ -6,7 +6,7 @@ import { s as script$3 } from './OrLabel-876f8729.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-1414c530.js';
 import { s as script$6 } from './OrCollapse-37a52e8f.js';
-import { a as script$7 } from './OrIconButton-b668558a.js';
+import { a as script$7 } from './OrIconButton-bc9deb47.js';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-7a41831b.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';

package/dist/esm/v3/{OrIconButton-bbed669a.js → OrIconButton-63abd073.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-ea40e58c.js';
 import { s as script$2 } from './OrTooltip-adece7b6.js';
 import './OrPopover-35ee1b1e.js';
-import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
+import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;
 (function (IconButtonColor) {
@@ -120,7 +120,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: _ctx.rootStyles,
       type: 'button',
       selected: _ctx.selected ? '' : null,
-      disabled: _ctx.disabled,
+      disabled: _ctx.disabled
+    }, toHandlers(_ctx.$listeners, true), {
       onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
       onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))

package/dist/esm/v3/{OrIconButton-b668558a.js → OrIconButton-bc9deb47.js}

@@ -1,7 +1,7 @@
 import { defineComponent, isVue3, h } from 'vue-demi';
 import { s as script$3 } from './OrIcon-ed3e10b4.js';
 import { s as script$4, L as LoaderViews } from './OrLoader-15174477.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$5 } from './OrTooltip-8d7385bc.js';
 import { O as OrFloatingPlacements } from './OrFloating-291c7653.js';
@@ -143,14 +143,15 @@ const _hoisted_1$1 = ["disabled", "type"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_loader = resolveComponent("or-loader");
   const _component_or_icon = resolveComponent("or-icon");
-  return openBlock(), createElementBlock("button", {
-    class: normalizeClass(["or-button", _ctx.states]),
+  return openBlock(), createElementBlock("button", mergeProps({
+    class: ["or-button", _ctx.states],
     disabled: _ctx.isDisabled,
-    type: _ctx.htmlButtonType,
+    type: _ctx.htmlButtonType
+  }, toHandlers(_ctx.$listeners, true), {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleButtonClick && _ctx.handleButtonClick(...args)),
     onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }, [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
+  }), [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
     key: 0,
     type: _ctx.loadingType,
     "text-type-label": _ctx.loadingText
@@ -165,7 +166,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: "or-button-right-icon",
     icon: _ctx.icon
-  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 4 /* STYLE */)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1$1);
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 4 /* STYLE */)], 16 /* FULL_PROPS */, _hoisted_1$1);
 }
 
 var css_248z$1 = "/**\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}";
@@ -313,20 +314,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "tooltip-text": _ctx.tooltipText,
     "tooltip-placement": _ctx.tooltipPlacement
   }, {
-    default: withCtx(() => [createElementVNode("button", {
-      class: normalizeClass(["or-icon-button", _ctx.buttonClasses]),
+    default: withCtx(() => [createElementVNode("button", mergeProps({
+      class: ["or-icon-button", _ctx.buttonClasses],
       disabled: _ctx.isDisabled,
-      type: _ctx.htmlButtonType,
+      type: _ctx.htmlButtonType
+    }, toHandlers(_ctx.$listeners, true), {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleButtonClick && _ctx.handleButtonClick(...args)),
       onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-    }, [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
+    }), [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
       key: 0
     })) : createCommentVNode("v-if", true), !_ctx.isLoading ? renderSlot(_ctx.$slots, "default", {
       key: 1
     }, () => [createVNode(_component_or_icon, {
       icon: _ctx.icon
-    }, null, 8 /* PROPS */, ["icon"])]) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_2)]),
+    }, null, 8 /* PROPS */, ["icon"])]) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_2)]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["tooltip-text", "tooltip-placement"])]);
 }

package/dist/esm/v3/{OrInlineInput-509412a3.js → OrInlineInput-8d408f0c.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-5e926d62.js';
 import { s as script$2 } from './OrHint-031f9265.js';
-import { s as script$3 } from './OrIconButton-bbed669a.js';
+import { s as script$3 } from './OrIconButton-63abd073.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-09b33e18.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';