@onereach/ui-components-vue2 16.2.0-beta.4827.0

package/dist/esm/OrIconButton.vue_rollup-plugin-vue_styles.0-b4273ff6.js

@@ -0,0 +1,208 @@
+import { defineComponent, h } from 'vue';
+import { isVue3 } from '@/constants';
+import { OrIcon as __vue_component__$2 } from './components/or-icon/index.js';
+import { OrLoader as __vue_component__$3 } from './components/or-loader/index.js';
+import { OrTooltip as __vue_component__$1 } from './components/or-tooltip/index.js';
+import './components/or-tooltip/or-tooltip-content/index.js';
+import { OrFloatingPlacements } from './components/or-floating/index.js';
+import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
+import { s as styleInject } from './style-inject.es-87955792.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, {
+      slots
+    }) {
+      const content = slots.default;
+      if (!props.tooltipText) {
+        return content;
+      }
+      const tooltipProps = {
+        content: props.tooltipText,
+        placement: props.tooltipPlacement
+      };
+      // @ts-ignore
+      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
+      };
+      // @ts-ignore
+      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-4a67c368{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-4a67c368{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-4a67c368]{--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-4a67c368]{display:inline-flex;width:fit-content;height:fit-content}.or-icon-button.disabled[data-v-4a67c368]{cursor:not-allowed}.or-icon-button.loading[data-v-4a67c368]{cursor:progress}.or-icon-button.size-small[data-v-4a67c368]{--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-4a67c368]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-4a67c368]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-4a67c368]  .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-4a67c368]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-4a67c368],.or-icon-button.icon.primary.loading[data-v-4a67c368]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.primary.loading[data-v-4a67c368]  .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-4a67c368]{color:var(--c-success)}.or-icon-button.icon.success[data-v-4a67c368]  .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-4a67c368]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-4a67c368],.or-icon-button.icon.success.loading[data-v-4a67c368]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.success.loading[data-v-4a67c368]  .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-4a67c368]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-4a67c368]  .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-4a67c368]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-4a67c368],.or-icon-button.icon.warning.loading[data-v-4a67c368]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.warning.loading[data-v-4a67c368]  .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-4a67c368]{color:var(--c-error)}.or-icon-button.icon.error[data-v-4a67c368]  .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-4a67c368]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-4a67c368],.or-icon-button.icon.error.loading[data-v-4a67c368]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.error.loading[data-v-4a67c368]  .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-4a67c368]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-4a67c368]  .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-4a67c368]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-4a67c368],.or-icon-button.icon.neutral-0.loading[data-v-4a67c368]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-4a67c368]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-4a67c368]  .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-4a67c368]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-4a67c368],.or-icon-button.icon.neutral-3.loading[data-v-4a67c368]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-4a67c368]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-4a67c368]  .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-4a67c368]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-4a67c368],.or-icon-button.icon.neutral-4.loading[data-v-4a67c368]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-4a67c368]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-4a67c368]  .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-4a67c368]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-4a67c368],.or-icon-button.icon.neutral-5.loading[data-v-4a67c368]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-4a67c368]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-4a67c368]  .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-4a67c368]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-4a67c368]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-4a67c368],.or-icon-button.icon.neutral-6.loading[data-v-4a67c368]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-4a67c368]{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-4a67c368]: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-4a67c368]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-4a67c368]::after,.or-icon-button.floating[data-v-4a67c368]  .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-4a67c368]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.primary.loading[data-v-4a67c368]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-4a67c368]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.success.loading[data-v-4a67c368]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-4a67c368]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.warning.loading[data-v-4a67c368]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-4a67c368]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.error.loading[data-v-4a67c368]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-4a67c368]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.neutral-0.loading[data-v-4a67c368]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-4a67c368]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.neutral-3.loading[data-v-4a67c368]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-4a67c368]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.neutral-4.loading[data-v-4a67c368]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-4a67c368]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.neutral-5.loading[data-v-4a67c368]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-4a67c368]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.neutral-6.loading[data-v-4a67c368]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-4a67c368]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-primary-bg-color.loading[data-v-4a67c368]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-4a67c368]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-success-bg-color.loading[data-v-4a67c368]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-4a67c368]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-warning-bg-color.loading[data-v-4a67c368]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-4a67c368]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-error-bg-color.loading[data-v-4a67c368]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-4a67c368]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-4a67c368]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-4a67c368]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-4a67c368]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-4a67c368]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-4a67c368]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-4a67c368]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-4a67c368]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-4a67c368]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-4a67c368]: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-4a67c368]: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-4a67c368],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-4a67c368]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-4a67c368]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-primary-icon-color.loading[data-v-4a67c368]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-4a67c368]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-success-icon-color.loading[data-v-4a67c368]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-4a67c368]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-warning-icon-color.loading[data-v-4a67c368]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-4a67c368]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-error-icon-color.loading[data-v-4a67c368]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-4a67c368]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-4a67c368]: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-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-neutral-0-icon-color.loading[data-v-4a67c368]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-4a67c368]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-4a67c368]: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-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-neutral-3-icon-color.loading[data-v-4a67c368]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-4a67c368]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-4a67c368]: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-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-neutral-4-icon-color.loading[data-v-4a67c368]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-4a67c368]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-4a67c368]: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-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-neutral-5-icon-color.loading[data-v-4a67c368]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-4a67c368]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-4a67c368]  .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-4a67c368]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-4a67c368]: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-4a67c368]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-4a67c368]: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-4a67c368]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-4a67c368],.or-icon-button.is-neutral-6-icon-color.loading[data-v-4a67c368]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-4a67c368]  .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-4a67c368]  .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-4a67c368]::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/OrInputBox.vue_rollup-plugin-vue_script-c67af3f6.js

@@ -0,0 +1,205 @@
+import { defineComponent, ref, computed } from 'vue';
+import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
+
+const InputBoxAddon = [
+// Layout
+'layout-inline-row',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+
+var script$1 = defineComponent({
+  name: 'OrInputBoxAddon',
+  props: {
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-input-box-addon-v3', ...InputBoxAddon]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script$1;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: 'root',
+    class: _vm.rootStyles,
+    attrs: {
+      "invalid": _vm.invalid,
+      "readonly": _vm.readonly,
+      "disabled": _vm.disabled
+    }
+  }, [_vm._t("default")], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* 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__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+var InputBoxDirection;
+(function (InputBoxDirection) {
+  InputBoxDirection["Row"] = "row";
+  InputBoxDirection["Column"] = "column";
+})(InputBoxDirection || (InputBoxDirection = {}));
+var InputBoxVariant;
+(function (InputBoxVariant) {
+  InputBoxVariant["Styled"] = "styled";
+  InputBoxVariant["Unstyled"] = "unstyled";
+  InputBoxVariant["Embedded"] = "embedded";
+})(InputBoxVariant || (InputBoxVariant = {}));
+var InputBoxSize;
+(function (InputBoxSize) {
+  InputBoxSize["M"] = "m";
+  InputBoxSize["S"] = "s";
+})(InputBoxSize || (InputBoxSize = {}));
+
+const InputBox = [
+// Overflow
+'overflow-hidden',
+// Box
+'w-full',
+// Shape
+'rounded-md',
+// Theme (children)
+'children:outline-none'];
+const InputBoxDirections = {
+  [InputBoxDirection.Row]: [
+  // Layout
+  'layout-row'],
+  [InputBoxDirection.Column]: [
+  // Layout
+  'layout-column']
+};
+const InputBoxVariants = {
+  [InputBoxVariant.Styled]: [
+  // Theme
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark', 'theme-outline-transparent outline-2', 'dark:theme-outline-transparent',
+  // Theme (focus)
+  'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-primary focus-within:border-1', 'dark:focus-within:theme-border-primary-dark', 'focus-within:theme-outline-primary focus-within:outline-2', 'dark:focus-within:theme-outline-primary-dark',
+  // Theme (invalid)
+  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-error invalid:border-1', 'dark:invalid:theme-border-error-dark', 'invalid:theme-outline-transparent invalid:outline-2', 'dark:invalid:theme-outline-transparent',
+  // Theme (invalid + focus)
+  'invalid:focus-within:theme-background-error-translucent-1', 'dark:invalid:focus-within:theme-background-error-translucent-1-dark', 'invalid:focus-within:theme-border-error invalid:focus-within:border-1', 'dark:invalid:focus-within:theme-border-error-dark', 'invalid:focus-within:theme-outline-error invalid:focus-within:outline-2', 'dark:invalid:focus-within:theme-outline-error-dark',
+  // Theme (read-only)
+  'read-only:theme-background-primary-translucent-1', 'dark:read-only:theme-background-primary-translucent-1-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
+  // Theme (invalid + read-only)
+  'invalid:read-only:bg-error-opacity-0-08', 'dark:invalid:read-only:bg-error-opacity-0-08-dark', 'invalid:read-only:!border-transparent', 'dark:invalid:read-only:!border-transparent'],
+  [InputBoxVariant.Unstyled]: [
+  // Theme (disabled)
+  'disabled:theme-foreground-disabled', 'dark:disabled:theme-foreground-disabled-dark'],
+  [InputBoxVariant.Embedded]: [
+  // Spacing (children)
+  'first:children:!ms-0', 'last:children:!me-0']
+};
+const InputBoxSizes = {
+  'm-row': [
+  // Box (children)
+  'children:min-h-[46px] md:children:min-h-[34px]',
+  // Spacing
+  'gap-sm+ md:gap-sm',
+  // Spacing (children)
+  'first:children:ms-md md:first:children:ms-sm+', 'last:children:me-md md:last:children:me-sm+',
+  // Typography
+  'typography-body-2-regular'],
+  'm-column': [
+  // Typography
+  'typography-body-2-regular'],
+  's-row': [
+  // Box (children)
+  'children:min-h-[30px]',
+  // Spacing
+  'gap-[6px]',
+  // Spacing (children)
+  'first:children:ms-md md:first:children:ms-sm+', 'last:children:me-md md:last:children:me-sm+',
+  // Typography
+  'typography-caption-regular'],
+  's-column': [
+  // Typography
+  'typography-caption-regular']
+};
+
+var script = defineComponent({
+  name: 'OrInputBox',
+  components: {
+    OrInputBoxAddon: __vue_component__
+  },
+  props: {
+    direction: {
+      type: String,
+      default: () => InputBoxDirection.Row
+    },
+    variant: {
+      type: String,
+      default: () => InputBoxVariant.Styled
+    },
+    size: {
+      type: String,
+      default: () => InputBoxSize.M
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  emits: ['focus'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-input-box-v3', ...InputBox, ...InputBoxDirections[props.direction], ...InputBoxVariants[props.variant], ...InputBoxSizes[`${props.size}-${props.direction}`]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+export { InputBoxDirection as I, InputBoxVariant as a, InputBoxSize as b, script as s };

package/dist/esm/OrSkeletonCircle.vue_rollup-plugin-vue_script-04e581e4.js

@@ -0,0 +1,44 @@
+import { defineComponent, ref, computed } from 'vue';
+import { p as pxToRem } from './px-to-rem-a21cdf39.js';
+import { S as SkeletonRoot, a as SkeletonCircle, b as SkeletonAnimated } from './styles-b98d8bf7.js';
+
+var script = defineComponent({
+  name: 'OrSkeletonCircle',
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    size: {
+      type: [Number, String],
+      required: false,
+      default: 40
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-circle', ...SkeletonRoot, ...SkeletonCircle, ...(props.animated ? SkeletonAnimated : [])]);
+    const rootStyle = computed(() => {
+      var _a;
+      const size = (_a = props.size) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
+      const sizeStyle = typeof size === 'number' ? pxToRem(size) : size;
+      return {
+        'width': sizeStyle,
+        'min-width': sizeStyle,
+        'height': sizeStyle,
+        'min-height': sizeStyle
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+export { script as s };

package/dist/esm/OrSkeletonRect.vue_rollup-plugin-vue_script-8f353c08.js

@@ -0,0 +1,47 @@
+import { defineComponent, ref, computed } from 'vue';
+import { p as pxToRem } from './px-to-rem-a21cdf39.js';
+import { S as SkeletonRoot, c as SkeletonRect, b as SkeletonAnimated } from './styles-b98d8bf7.js';
+
+var script = defineComponent({
+  name: 'OrSkeletonRect',
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    height: {
+      type: [Number, String],
+      required: false,
+      default: 36
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-rect', ...SkeletonRoot, ...SkeletonRect, ...(props.animated ? SkeletonAnimated : [])]);
+    const rootStyle = computed(() => {
+      var _a, _b;
+      const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
+      const height = (_b = props.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
+      return {
+        'width': typeof width === 'number' ? pxToRem(width) : width,
+        'height': typeof height === 'number' ? pxToRem(height) : height
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+export { script as s };