@onereach/ui-components 4.3.8 → 4.3.9-beta.2653.0

package/dist/esm/v2/{OrCarousel-e0c2e387.js → OrCarousel-5c2b2d10.js}

@@ -171,9 +171,15 @@ var script = defineComponent({
   },
   methods: {
     initEventsEmitting() {
+      var _this = this;
       EVENTS.forEach(e => {
         var _a;
-        return (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.on(e, (...args) => this.$emit(e, args));
+        return (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.on(e, function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return _this.$emit(e, args);
+        });
       });
     }
   }

package/dist/esm/v2/{OrCheckbox-7b98fc08.js → OrCheckbox-03e5eaff.js}

@@ -66,9 +66,10 @@ var script = defineComponent({
     }
   },
   methods: {
-    onChange({
-      target
-    }) {
+    onChange(_ref) {
+      let {
+        target
+      } = _ref;
       if (this.isDisabled || this.withState) return;
       const isChecked = target.checked;
       if (this.isArrayModelValue) {

package/dist/esm/v2/{OrCheckbox-60e4456b.js → OrCheckbox-59332f84.js}

@@ -76,9 +76,10 @@ var script = defineComponent({
   },
   emits: ['update:modelValue', 'click', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const control = ref();

package/dist/esm/v2/{OrCheckboxTree-85f8ec89.js → OrCheckboxTree-df80d4ab.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, watch } from 'vue-demi';
 import { useVModel, useToggle } from '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrCheckbox-60e4456b.js';
+import { _ as __vue_component__$2 } from './OrCheckbox-59332f84.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { f as flattenDeep } from './flattenDeep-e7a8b995.js';
+import { f as flattenDeep } from './flattenDeep-fe0af413.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const CheckboxTreeRoot = [
@@ -49,9 +49,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // State
     const hasChildren = computed(() => props.item.children && props.item.children.length > 0);
     const childrenValues = computed(() => {

package/dist/esm/v2/{OrCode-e54e09f7.js → OrCode-0288dd2d.js}

@@ -4,13 +4,13 @@ import { indentWithTab } from '@codemirror/commands';
 import { basicSetup, EditorView as EditorView$1 } from 'codemirror';
 import { useElementHover } from '@vueuse/core';
 import { defineComponent, ref } from 'vue-demi';
-import './OrButton.vue_rollup-plugin-vue_styles.0-48c5883e.js';
-import { _ as __vue_component__$1 } from './OrIconButton-23972f7d.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-277ce06c.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
+import { _ as __vue_component__$1 } from './OrIconButton-83608cbc.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-20b054cc.js';
 import { _ as __vue_component__$4 } from './OrError-efc74907.js';
 import { _ as __vue_component__$5 } from './OrHint-fe65fbe6.js';
 import { _ as __vue_component__$6 } from './OrLabel-931394a5.js';
-import { _ as __vue_component__$2 } from './OrModal-b9cfb8ec.js';
+import { _ as __vue_component__$2 } from './OrModal-3f09ae47.js';
 import { _ as __vue_component__$3 } from './OrTeleport.vue2-f0c16c71.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';
@@ -298,9 +298,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue', 'focus', 'blur'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // editor config
     const root = ref();
     const target = ref();

package/dist/esm/v2/{OrCollapse-50e3914c.js → OrCollapse-57c64292.js}

@@ -32,9 +32,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // data
     const isActive = ref(props.modelValue || props.isVisible);
     const reqAF = ref(null);
@@ -88,7 +89,8 @@ var script = defineComponent({
       reqAF.value = null;
     });
     // watchers
-    watch([() => props.modelValue, () => props.isVisible], ([newValue, newIsVisible]) => {
+    watch([() => props.modelValue, () => props.isVisible], _ref2 => {
+      let [newValue, newIsVisible] = _ref2;
       if (newValue !== isActive.value || newIsVisible !== isActive.value) {
         isActive.value = newValue || newIsVisible;
       }

package/dist/esm/v2/{OrColorPicker-fa92b4fa.js → OrColorPicker-ca470d10.js}

@@ -328,7 +328,8 @@ var Palette = {
 
 const defaultTones = ['900', '700', '500', '300', '100'];
 function defaultPalette() {
-  return Object.entries(Palette).reduce((acc, [color, schema]) => {
+  return Object.entries(Palette).reduce((acc, _ref) => {
+    let [color, schema] = _ref;
     if (color === 'black' || color === 'white') {
       acc.push([Palette[color].default]);
     } else {

package/dist/esm/v2/{OrConfirm-61904137.js → OrConfirm-687e6730.js}

@@ -2,8 +2,8 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-9622e713.js';
-import { _ as __vue_component__$3 } from './OrInput-27f35cd3.js';
-import { _ as __vue_component__$1 } from './OrOverlay-38acdcfa.js';
+import { _ as __vue_component__$3 } from './OrInput-61086e47.js';
+import { _ as __vue_component__$1 } from './OrOverlay-4c8c11e2.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ConfirmType;
@@ -123,9 +123,10 @@ var script = defineComponent({
   },
   emits: ['open', 'close', 'confirm'],
   expose: ['root', 'isActive', 'open', 'close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const confirmationInput = ref();

package/dist/esm/v2/{OrConfirm-5d5dd9bc.js → OrConfirm-b62d9ce4.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrButton-4e532ddb.js';
-import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_styles.0-277ce06c.js';
-import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-b9cfb8ec.js';
-import { _ as __vue_component__$3 } from './OrInput-c005a759.js';
+import { _ as __vue_component__$1 } from './OrButton-dbf0efe7.js';
+import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_styles.0-20b054cc.js';
+import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-3f09ae47.js';
+import { _ as __vue_component__$3 } from './OrInput-bc2371b6.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -87,9 +87,10 @@ var script = defineComponent({
     }
   },
   emits: ['close', 'confirm'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const confirmationTextboxRef = ref();
     const confirmationButtonRef = ref();
     const confirmationValue = ref('');

package/dist/esm/v2/{OrDatePicker-0870820f.js → OrDatePicker-f88f8950.js}

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-159efa66.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-bb583c5f.js';
 import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$a } from './OrIconButton-0ecb9d8e.js';
+import { _ as __vue_component__$a } from './OrIconButton-d8fc2902.js';
 import { _ as __vue_component__$9 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$b } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$c } from './OrLabel-63380256.js';
-import { _ as __vue_component__$d } from './OrPopover-20cac769.js';
+import { _ as __vue_component__$d } from './OrPopover-50995dcf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DatePicker = [

package/dist/esm/v2/{OrDateTimePicker-f2243479.js → OrDateTimePicker-32dae87a.js}

@@ -2,14 +2,14 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$9 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$a } from './OrHint-aa221198.js';
-import { _ as __vue_component__$c } from './OrIconButton-0ecb9d8e.js';
+import { _ as __vue_component__$c } from './OrIconButton-d8fc2902.js';
 import { _ as __vue_component__$b } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$d } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$e } from './OrLabel-63380256.js';
-import { _ as __vue_component__$f } from './OrPopover-20cac769.js';
+import { _ as __vue_component__$f } from './OrPopover-50995dcf.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-159efa66.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-bb583c5f.js';
 import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateTimePicker-6e2853ec.js → OrDateTimePicker-77ef1975.js}

@@ -5,10 +5,10 @@ import { _ as __vue_component__$2 } from './OrFloating-67b6592e.js';
 import { _ as __vue_component__$3 } from './OrLabel-931394a5.js';
 import { _ as __vue_component__$4 } from './OrError-efc74907.js';
 import { _ as __vue_component__$5 } from './OrHint-fe65fbe6.js';
-import { _ as __vue_component__$6 } from './OrCollapse-50e3914c.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-48c5883e.js';
-import { _ as __vue_component__$7 } from './OrIconButton-23972f7d.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-277ce06c.js';
+import { _ as __vue_component__$6 } from './OrCollapse-57c64292.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
+import { _ as __vue_component__$7 } from './OrIconButton-83608cbc.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-20b054cc.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 { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v2/{OrDateTimePickerMonthSelect-159efa66.js → OrDateTimePickerMonthSelect-bb583c5f.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$5 } from './OrIconButton-0ecb9d8e.js';
+import { _ as __vue_component__$5 } from './OrIconButton-d8fc2902.js';
 import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$7 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$6 } from './OrMenu-b2a79308.js';
-import './OrPopover-20cac769.js';
+import { _ as __vue_component__$6 } from './OrMenu-63ed2235.js';
+import './OrPopover-50995dcf.js';
 
 function useDatePlaceholder() {
   const sample = new Date(Date.UTC(1111, 1, 3, 4, 5)).toLocaleString(navigator.language, {
@@ -390,9 +390,10 @@ var script = defineComponent({
     const yearOptions = computed(() => {
       return Array.from({
         length: 11
-      }).map((_value, index, {
-        length
-      }) => {
+      }).map((_value, index, _ref) => {
+        let {
+          length
+        } = _ref;
         const value = proxyModelValue.value.getUTCFullYear() - Math.floor(length / 2) + index;
         return new Date(Date.UTC(value, proxyModelValue.value.getUTCMonth(), proxyModelValue.value.getUTCDate(), proxyModelValue.value.getUTCHours(), proxyModelValue.value.getUTCMinutes()));
       });

package/dist/esm/v2/{OrIconButton-23972f7d.js → OrIconButton-83608cbc.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-277ce06c.js';
+import { s as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-20b054cc.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrIconButton-0ecb9d8e.js → OrIconButton-d8fc2902.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$2 } from './OrTooltip-d08323f1.js';
-import './OrPopover-20cac769.js';
+import { _ as __vue_component__$2 } from './OrTooltip-93a3eefb.js';
+import './OrPopover-50995dcf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/esm/v2/OrIconButton.vue_rollup-plugin-vue_styles.0-20b054cc.js

@@ -0,0 +1,206 @@
+import { defineComponent, isVue3, h } from 'vue-demi';
+import { _ as __vue_component__$2 } from './OrIcon-a40e60af.js';
+import { _ as __vue_component__$3 } from './OrLoader-212ef381.js';
+import { _ as __vue_component__$1 } from './OrTooltip-97a42707.js';
+import './OrTooltipContent-d85e1071.js';
+import { O as OrFloatingPlacements } from './OrFloating-67b6592e.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+
+var ICON_BUTTON_TYPE;
+(function (ICON_BUTTON_TYPE) {
+  ICON_BUTTON_TYPE["ICON"] = "icon";
+  ICON_BUTTON_TYPE["FLOATING"] = "floating";
+})(ICON_BUTTON_TYPE || (ICON_BUTTON_TYPE = {}));
+var BUTTON_TYPE;
+(function (BUTTON_TYPE) {
+  BUTTON_TYPE["CONTAINED"] = "contained";
+  BUTTON_TYPE["OUTLINE"] = "outline";
+  BUTTON_TYPE["OUTLINED"] = "outlined";
+  BUTTON_TYPE["TEXT"] = "text";
+  BUTTON_TYPE["INLINE"] = "inline";
+})(BUTTON_TYPE || (BUTTON_TYPE = {}));
+var HTML_BUTTON_TYPE;
+(function (HTML_BUTTON_TYPE) {
+  HTML_BUTTON_TYPE["BUTTON"] = "button";
+  HTML_BUTTON_TYPE["SUBMIT"] = "submit";
+  HTML_BUTTON_TYPE["RESET"] = "reset";
+})(HTML_BUTTON_TYPE || (HTML_BUTTON_TYPE = {}));
+var BUTTON_SIZE;
+(function (BUTTON_SIZE) {
+  BUTTON_SIZE["DEFAULT"] = "default";
+  BUTTON_SIZE["SMALL"] = "small";
+})(BUTTON_SIZE || (BUTTON_SIZE = {}));
+var BUTTON_LOADER_TYPE;
+(function (BUTTON_LOADER_TYPE) {
+  BUTTON_LOADER_TYPE["DEFAULT"] = "default";
+  BUTTON_LOADER_TYPE["TEXT"] = "text";
+})(BUTTON_LOADER_TYPE || (BUTTON_LOADER_TYPE = {}));
+var BUTTON_COLOR;
+(function (BUTTON_COLOR) {
+  BUTTON_COLOR["PRIMARY"] = "primary";
+  BUTTON_COLOR["SUCCESS"] = "success";
+  BUTTON_COLOR["WARNING"] = "warning";
+  BUTTON_COLOR["ERROR"] = "error";
+  BUTTON_COLOR["NEUTRAL_0"] = "neutral-0";
+  BUTTON_COLOR["NEUTRAL_3"] = "neutral-3";
+  BUTTON_COLOR["NEUTRAL_4"] = "neutral-4";
+  BUTTON_COLOR["NEUTRAL_5"] = "neutral-5";
+  BUTTON_COLOR["NEUTRAL_6"] = "neutral-6";
+})(BUTTON_COLOR || (BUTTON_COLOR = {}));
+
+/** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
+var script$1 = defineComponent({
+  props: {
+    tooltipText: {
+      type: String,
+      default: ''
+    },
+    tooltipPlacement: {
+      type: String,
+      default: OrFloatingPlacements.TOP
+    }
+  },
+  ...(isVue3 ? {
+    setup(props, _ref) {
+      let {
+        slots
+      } = _ref;
+      const content = slots.default;
+      if (!props.tooltipText) {
+        return content;
+      }
+      const tooltipProps = {
+        content: props.tooltipText,
+        placement: props.tooltipPlacement
+      };
+      return () => h(__vue_component__$1, tooltipProps, content);
+    }
+  } : {
+    render() {
+      const content = this.$slots.default;
+      if (!this.tooltipText) {
+        return content;
+      }
+      const props = {
+        content: this.$props.tooltipText,
+        placement: this.$props.tooltipPlacement
+      };
+      return h(__vue_component__$1, {
+        props
+      }, content);
+    }
+  })
+});
+
+/* script */
+const __vue_script__ = script$1;
+
+/* template */
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = undefined;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+var script = defineComponent({
+  name: 'OrIconButton',
+  components: {
+    OrIcon: __vue_component__$2,
+    OrLoader: __vue_component__$3,
+    OrTooltipWrapper: __vue_component__
+  },
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      default: null
+    },
+    iconColor: {
+      type: String,
+      default: null
+    },
+    bgColor: {
+      type: String,
+      default: null
+    },
+    type: {
+      type: String,
+      default: ICON_BUTTON_TYPE.ICON
+    },
+    htmlButtonType: {
+      type: String,
+      default: HTML_BUTTON_TYPE.BUTTON,
+      required: false
+    },
+    tooltipText: {
+      type: String,
+      default: ''
+    },
+    tooltipPlacement: {
+      type: String,
+      default: OrFloatingPlacements.TOP
+    },
+    isLoading: Boolean,
+    isDisabled: Boolean,
+    size: {
+      type: String,
+      default: BUTTON_SIZE.DEFAULT
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  setup() {
+    return {
+      isVue3
+    };
+  },
+  computed: {
+    buttonClasses() {
+      var _a;
+      return {
+        [(_a = this.color) !== null && _a !== void 0 ? _a : BUTTON_COLOR.PRIMARY]: true,
+        [this.type]: true,
+        [`is-${this.iconColor}-icon-color`]: !!this.iconColor,
+        [`is-${this.bgColor}-bg-color`]: !!this.bgColor,
+        [`size-${this.size}`]: true,
+        loading: this.isLoading,
+        disabled: this.isDisabled
+      };
+    }
+  },
+  watch: {
+    color: {
+      handler(val) {
+        if (!val) return;
+        console.warn('OrIconButton color is being deprecated, consider using iconColor and bgColor.');
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleButtonClick(event) {
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+var css_248z = "@keyframes spinAround-data-v-150ffd54{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-150ffd54{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-150ffd54]{--or-icon-button-font-size:1.25rem;--or-icon-button-loader-size:1.25rem;position:relative;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background:0 0;border:none;outline:0}.or-icon-button-root[data-v-150ffd54]{display:inline-flex;width:fit-content;height:fit-content}.or-icon-button.disabled[data-v-150ffd54]{cursor:not-allowed}.or-icon-button.loading[data-v-150ffd54]{cursor:progress}.or-icon-button.size-small[data-v-150ffd54]{--or-icon-button-size:1.75rem;--or-icon-button-font-size:0.875rem;--or-icon-button-loader-size:0.875rem;min-width:auto}.or-icon-button.icon[data-v-150ffd54]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-150ffd54]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-150ffd54]  .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-150ffd54]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-150ffd54],.or-icon-button.icon.primary.loading[data-v-150ffd54]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.primary.loading[data-v-150ffd54]  .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-150ffd54]{color:var(--c-success)}.or-icon-button.icon.success[data-v-150ffd54]  .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-150ffd54]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-150ffd54],.or-icon-button.icon.success.loading[data-v-150ffd54]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.success.loading[data-v-150ffd54]  .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-150ffd54]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-150ffd54]  .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-150ffd54]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-150ffd54],.or-icon-button.icon.warning.loading[data-v-150ffd54]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.warning.loading[data-v-150ffd54]  .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-150ffd54]{color:var(--c-error)}.or-icon-button.icon.error[data-v-150ffd54]  .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-150ffd54]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-150ffd54],.or-icon-button.icon.error.loading[data-v-150ffd54]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.error.loading[data-v-150ffd54]  .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-150ffd54]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-0.loading[data-v-150ffd54]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-150ffd54]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-3.loading[data-v-150ffd54]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-150ffd54]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-4.loading[data-v-150ffd54]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-150ffd54]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-5.loading[data-v-150ffd54]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-150ffd54]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-6.loading[data-v-150ffd54]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-150ffd54]{width:var(--or-icon-button-size);height:var(--or-icon-button-size);border-radius:var(--or-icon-button-size);box-shadow:0 1px 2px 0 rgba(0,0,0,.2);color:var(--c-white)}.or-icon-button.floating[data-v-150ffd54]:not(.size-small){--or-icon-button-font-size:1.5rem;--or-icon-button-loader-size:1.25rem;--or-icon-button-size:3.5rem}.or-icon-button.floating[data-v-150ffd54]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-150ffd54]::after,.or-icon-button.floating[data-v-150ffd54]  .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-150ffd54]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.primary[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.primary.disabled[data-v-150ffd54],.or-icon-button.floating.primary.loading[data-v-150ffd54]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-150ffd54]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.success[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.success.disabled[data-v-150ffd54],.or-icon-button.floating.success.loading[data-v-150ffd54]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-150ffd54]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.warning[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.warning.disabled[data-v-150ffd54],.or-icon-button.floating.warning.loading[data-v-150ffd54]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-150ffd54]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.error[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.error.disabled[data-v-150ffd54],.or-icon-button.floating.error.loading[data-v-150ffd54]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-150ffd54]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.neutral-0[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.neutral-0.disabled[data-v-150ffd54],.or-icon-button.floating.neutral-0.loading[data-v-150ffd54]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-150ffd54]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.neutral-3[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.neutral-3.disabled[data-v-150ffd54],.or-icon-button.floating.neutral-3.loading[data-v-150ffd54]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-150ffd54]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.neutral-4[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.neutral-4.disabled[data-v-150ffd54],.or-icon-button.floating.neutral-4.loading[data-v-150ffd54]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-150ffd54]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.neutral-5[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.neutral-5.disabled[data-v-150ffd54],.or-icon-button.floating.neutral-5.loading[data-v-150ffd54]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-150ffd54]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-icon-button.floating.neutral-6[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-icon-button.floating.neutral-6.disabled[data-v-150ffd54],.or-icon-button.floating.neutral-6.loading[data-v-150ffd54]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-150ffd54]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-primary-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-primary-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-primary-bg-color.loading[data-v-150ffd54]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-150ffd54]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-success-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-success-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-success-bg-color.loading[data-v-150ffd54]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-150ffd54]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-warning-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-warning-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-warning-bg-color.loading[data-v-150ffd54]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-150ffd54]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-error-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-error-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-error-bg-color.loading[data-v-150ffd54]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-0-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-3-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-4-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-5-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-150ffd54]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-6-bg-color.disabled[data-v-150ffd54],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-primary-icon-color.loading[data-v-150ffd54]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-success-icon-color.loading[data-v-150ffd54]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-warning-icon-color.loading[data-v-150ffd54]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-error-icon-color.loading[data-v-150ffd54]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-0-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-3-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-4-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-5-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-6-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-150ffd54]::after{width:var(--or-icon-button-loader-size);height:var(--or-icon-button-loader-size)}";
+styleInject(css_248z);
+
+export { BUTTON_TYPE as B, HTML_BUTTON_TYPE as H, ICON_BUTTON_TYPE as I, BUTTON_COLOR as a, BUTTON_SIZE as b, BUTTON_LOADER_TYPE as c, script as s };

package/dist/esm/v2/{OrInlineInput-1e7f2ba2.js → OrInlineInput-46d0cc13.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-0ecb9d8e.js';
+import { _ as __vue_component__$3 } from './OrIconButton-d8fc2902.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInlineTextEdit-9541b625.js → OrInlineTextEdit-a129aaf1.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrCollapse-50e3914c.js';
+import { _ as __vue_component__$1 } from './OrCollapse-57c64292.js';
 import { _ as __vue_component__$2 } from './OrError-efc74907.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-48c5883e.js';
-import { _ as __vue_component__$3 } from './OrIconButton-23972f7d.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-277ce06c.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
+import { _ as __vue_component__$3 } from './OrIconButton-83608cbc.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-20b054cc.js';
 import { useVModel } from '@vueuse/core';
 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';
@@ -86,9 +86,10 @@ var script = defineComponent({
     }
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'save', 'clear'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     var _a;
     const inputRef = ref();
     const localValue = useVModel(props, 'modelValue', emit);

package/dist/esm/v2/{OrInlineTextarea-ab911736.js → OrInlineTextarea-c23c5fb2.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-0ecb9d8e.js';
+import { _ as __vue_component__$3 } from './OrIconButton-d8fc2902.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInput-27f35cd3.js → OrInput-61086e47.js}

@@ -5,7 +5,7 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-0ecb9d8e.js';
+import { _ as __vue_component__$4 } from './OrIconButton-d8fc2902.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';