@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

package/dist/bundled/v3/components/OrFormGroupV3/OrFormGroup.js

@@ -0,0 +1 @@
+export { s as default } from '../OrFormGroupV3-53cf45ee.js';

package/dist/bundled/v3/components/OrFormGroupV3/OrFormGroup.vue.d.ts

@@ -0,0 +1,67 @@
+import { PropType } from 'vue-demi';
+import { FormGroupDirection } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    direction: {
+        type: PropType<"vertical" | "horizontal">;
+        default: FormGroupDirection;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    labelStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
+    invalid: import("vue-demi").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    direction: {
+        type: PropType<"vertical" | "horizontal">;
+        default: FormGroupDirection;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>>, {
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    direction: "vertical" | "horizontal";
+    error: string | boolean;
+    hint: string;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrFormGroupV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrFormGroupV3 } from './OrFormGroup.vue';
+export * from './props';

package/dist/bundled/v3/components/OrFormGroupV3/index.js

@@ -0,0 +1 @@
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroupV3-53cf45ee.js';

package/dist/bundled/v3/components/OrFormGroupV3/props.d.ts

@@ -0,0 +1,4 @@
+export declare enum FormGroupDirection {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}

package/dist/bundled/v3/components/OrFormGroupV3/props.js

@@ -0,0 +1 @@
+export { F as FormGroupDirection } from '../OrFormGroupV3-53cf45ee.js';

package/dist/bundled/v3/components/OrFormGroupV3/styles.d.ts

@@ -0,0 +1,5 @@
+import { FormGroupDirection } from './props';
+export declare const FormGroupRoot: string[];
+export declare const FormGroupContent: string[];
+export declare const FormGroupLabel: string[];
+export declare const FormGroupContentDirections: Record<FormGroupDirection, string[]>;

package/dist/bundled/v3/components/OrFormGroupV3/styles.js

@@ -0,0 +1 @@
+export { b as FormGroupContent, d as FormGroupContentDirections, c as FormGroupLabel, a as FormGroupRoot } from '../OrFormGroupV3-53cf45ee.js';

package/dist/bundled/v3/components/OrFormGroupV3-53cf45ee.js

@@ -0,0 +1,122 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { s as script$1 } from './OrLabelV3-5fd72248.js';
+import { s as script$2 } from './OrErrorV3-f61387d6.js';
+import { s as script$3 } from './OrHintV3-1fcfaa19.js';
+
+var FormGroupDirection;
+(function (FormGroupDirection) {
+  FormGroupDirection["Vertical"] = "vertical";
+  FormGroupDirection["Horizontal"] = "horizontal";
+})(FormGroupDirection || (FormGroupDirection = {}));
+
+const FormGroupRoot = [
+// Layout
+'layout-column', 'gap-md md:gap-sm'];
+const FormGroupContent = [
+// Layout
+'pl-[10px] md:pl-[0]'];
+const FormGroupLabel = [
+// Typography
+'!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark', 'invalid:!theme-foreground-error', 'dark:invalid:!theme-foreground-error-dark'];
+const FormGroupContentDirections = {
+  [FormGroupDirection.Vertical]: ['layout-column', 'gap-md md:gap-sm'],
+  [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
+};
+
+var script = defineComponent({
+  name: 'OrFormGroupV3',
+  components: {
+    OrLabel: script$1,
+    OrError: script$2,
+    OrHint: script$3
+  },
+  props: {
+    label: {
+      type: String,
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    direction: {
+      type: String,
+      default: FormGroupDirection.Vertical
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    }
+  },
+  setup(props) {
+    // Refs
+    const root = ref();
+    // State
+    const invalid = computed(() => !!props.error);
+    // Styles
+    const rootStyles = computed(() => ['or-form-group-v3', ...FormGroupRoot]);
+    const labelStyles = computed(() => [...FormGroupLabel]);
+    const contentStyles = computed(() => [...FormGroupContent, ...FormGroupContentDirections[props.direction]]);
+    return {
+      root,
+      rootStyles,
+      labelStyles,
+      contentStyles,
+      invalid
+    };
+  }
+});
+
+const _hoisted_1 = {
+  class: "layout-row"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    invalid: _ctx.invalid ? '' : null,
+    class: normalizeClass(_ctx.labelStyles)
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["required", "disabled", "invalid", "class"])) : createCommentVNode("v-if", true)])]), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.hint && !_ctx.error ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
+    key: 1,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-form-group-v3/OrFormGroup.vue";
+
+export { FormGroupDirection as F, FormGroupRoot as a, FormGroupContent as b, FormGroupLabel as c, FormGroupContentDirections as d, script as s };

package/dist/bundled/v3/components/OrHint/OrHint.js

@@ -0,0 +1,30 @@
+import { openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { s as styleInject } from '../OrAvatar-bfa6fd65.js';
+import { defineComponent } from 'vue-demi';
+
+var script = defineComponent({
+  name: 'OrHint',
+  props: {
+    hint: {
+      type: String,
+      default: '',
+      required: true
+    }
+  }
+});
+
+const _hoisted_1 = {
+  class: "or-hint"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("p", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-53cd20d8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-53cd20d8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-hint[data-v-53cd20d8] {\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  color: var(--c-neutral-4);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-53cd20d8";
+script.__file = "src/components/or-hint/OrHint.vue";
+
+export { script as default };

package/dist/bundled/v3/components/OrHint/OrHint.vue.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue-demi").DefineComponent<{
+    hint: {
+        type: PropType<string>;
+        default: string;
+        required: true;
+    };
+}, unknown, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    hint: {
+        type: PropType<string>;
+        default: string;
+        required: true;
+    };
+}>>, {
+    hint: string;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrHint/index.d.ts

@@ -0,0 +1 @@
+export { default as OrHint } from './OrHint.vue';

package/dist/bundled/v3/components/OrHint/index.js

@@ -0,0 +1 @@
+export { default as OrHint } from './OrHint.js';

package/dist/bundled/v3/components/OrHintV3/OrHint.js

@@ -0,0 +1 @@
+export { s as default } from '../OrHintV3-1fcfaa19.js';

package/dist/bundled/v3/components/OrHintV3/OrHint.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    textStyles: import("vue-demi").ComputedRef<string[]>;
+    addonStyles: import("vue-demi").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrHintV3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrHintV3 } from './OrHint.vue';

package/dist/bundled/v3/components/OrHintV3/index.js

@@ -0,0 +1 @@
+export { s as OrHintV3 } from '../OrHintV3-1fcfaa19.js';

package/dist/bundled/v3/components/OrHintV3/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const Hint: string[];
+export declare const HintText: string[];
+export declare const HintAddon: string[];

package/dist/bundled/v3/components/OrHintV3/styles.js

@@ -0,0 +1 @@
+export { H as Hint, b as HintAddon, a as HintText } from '../OrHintV3-1fcfaa19.js';

package/dist/bundled/v3/components/OrHintV3-1fcfaa19.js

@@ -0,0 +1,63 @@
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, ref, computed } from 'vue-demi';
+
+const Hint = [
+// Layout
+'layout-row !items-start justify-between',
+// Spacing
+'gap-sm',
+// Typography
+'typography-caption-regular',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+const HintText = [
+// Interactivity
+'interactivity-default'];
+const HintAddon = [
+// Layout
+'layout-inline-row empty:hidden',
+// Typography
+'whitespace-nowrap'];
+
+var script = defineComponent({
+  name: 'OrHint',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-hint-v3', ...Hint]);
+    const textStyles = computed(() => [...HintText]);
+    const addonStyles = computed(() => [...HintAddon]);
+    return {
+      root,
+      rootStyles,
+      textStyles,
+      addonStyles
+    };
+  }
+});
+
+const _hoisted_1 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.textStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.addonStyles)
+  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-hint-v3/OrHint.vue";
+
+export { Hint as H, HintText as a, HintAddon as b, script as s };

package/dist/bundled/v3/components/OrIcon/OrIcon.js

@@ -0,0 +1 @@
+export { OrIcon as default } from './index.js';

package/dist/bundled/v3/components/OrIcon/OrIcon.vue.d.ts

@@ -0,0 +1,95 @@
+import { PropType } from 'vue-demi';
+import { OrIconColors, OrIconType } from './constants';
+import { OrFloatingPlacements } from '../or-floating';
+declare const _default: import("vue-demi").DefineComponent<{
+    iconType: {
+        type: PropType<OrIconType>;
+        default: OrIconType;
+        required: false;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    color: {
+        type: PropType<OrIconColors>;
+        default: string;
+        required: false;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    tooltipPlacement: {
+        type: PropType<OrFloatingPlacements>;
+        default: OrFloatingPlacements;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    size: {
+        type: NumberConstructor;
+        default: null;
+    };
+}, {
+    tooltipTrigger: import("vue-demi").Ref<HTMLElement | undefined>;
+}, {
+    tooltipIsShown: boolean;
+}, {
+    iconClasses(): any[];
+    fontSize(): any;
+    rootClasses(): any[];
+    localAttrs(): any;
+}, {
+    showTooltip(): void;
+    hideTooltip(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    iconType: {
+        type: PropType<OrIconType>;
+        default: OrIconType;
+        required: false;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    color: {
+        type: PropType<OrIconColors>;
+        default: string;
+        required: false;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    tooltipPlacement: {
+        type: PropType<OrFloatingPlacements>;
+        default: OrFloatingPlacements;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    size: {
+        type: NumberConstructor;
+        default: null;
+    };
+}>>, {
+    iconType: OrIconType;
+    icon: string;
+    color: OrIconColors;
+    tooltipText: string;
+    tooltipPlacement: OrFloatingPlacements;
+    isDisabled: boolean;
+    size: number;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrIcon/constants.d.ts

@@ -0,0 +1,20 @@
+export declare enum OrIconColors {
+    primary = "primary",
+    error = "error",
+    warning = "warning",
+    success = "success",
+    'neutral-0' = "neutral-0",
+    'neutral-1' = "neutral-1",
+    'neutral-2' = "neutral-2",
+    'neutral-3' = "neutral-3",
+    'neutral-4' = "neutral-4",
+    'neutral-5' = "neutral-5",
+    'neutral-6' = "neutral-6"
+}
+export declare enum OrIconType {
+    outline = "outlined",
+    filled = "filled",
+    rounded = "round",
+    sharp = "sharp",
+    'two-tone' = "two-tone"
+}

package/dist/bundled/v3/components/OrIcon/constants.js

@@ -0,0 +1 @@
+export { OrIconColors, OrIconType } from './index.js';

package/dist/bundled/v3/components/OrIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrIcon } from './OrIcon.vue';
+export * from './constants';

package/dist/bundled/v3/components/OrIcon/index.js

@@ -0,0 +1,160 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
+import { s as styleInject } from '../OrAvatar-bfa6fd65.js';
+import { defineComponent, ref } from 'vue-demi';
+import { p as pxToRem } from '../OrBottomSheetV3-199292db.js';
+import { OrTooltipContent as script$1 } from '../OrTooltip/index.js';
+import { s as script$2, O as OrFloatingPlacements } from '../OrFloating-3ae45ca5.js';
+
+var OrIconColors;
+(function (OrIconColors) {
+  OrIconColors["primary"] = "primary";
+  OrIconColors["error"] = "error";
+  OrIconColors["warning"] = "warning";
+  OrIconColors["success"] = "success";
+  OrIconColors["neutral-0"] = "neutral-0";
+  OrIconColors["neutral-1"] = "neutral-1";
+  OrIconColors["neutral-2"] = "neutral-2";
+  OrIconColors["neutral-3"] = "neutral-3";
+  OrIconColors["neutral-4"] = "neutral-4";
+  OrIconColors["neutral-5"] = "neutral-5";
+  OrIconColors["neutral-6"] = "neutral-6";
+})(OrIconColors || (OrIconColors = {}));
+var OrIconType;
+(function (OrIconType) {
+  OrIconType["outline"] = "outlined";
+  OrIconType["filled"] = "filled";
+  OrIconType["rounded"] = "round";
+  OrIconType["sharp"] = "sharp";
+  OrIconType["two-tone"] = "two-tone";
+})(OrIconType || (OrIconType = {}));
+
+var script = defineComponent({
+  name: 'OrIcon',
+  components: {
+    OrTooltipContent: script$1,
+    OrFloating: script$2
+  },
+  inheritAttrs: false,
+  props: {
+    iconType: {
+      type: String,
+      default: OrIconType.filled,
+      required: false
+    },
+    icon: {
+      type: String,
+      default: '',
+      required: false
+    },
+    color: {
+      type: String,
+      default: '',
+      required: false
+    },
+    tooltipText: {
+      type: String,
+      default: null,
+      required: false
+    },
+    tooltipPlacement: {
+      type: String,
+      default: OrFloatingPlacements.TOP,
+      required: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    size: {
+      type: Number,
+      default: null
+    }
+  },
+  setup() {
+    const tooltipTrigger = ref();
+    return {
+      tooltipTrigger
+    };
+  },
+  data() {
+    return {
+      tooltipIsShown: false
+    };
+  },
+  computed: {
+    iconClasses() {
+      return ['or-icon', `material-icons${this.iconType === OrIconType.filled ? '' : `-${this.iconType}`}`, {
+        'is-disabled': this.isDisabled,
+        [`is-${this.color}-color`]: !!this.color,
+        'with-tooltip': !!this.tooltipText
+      }];
+    },
+    fontSize() {
+      return Number.isInteger(this.size) ? {
+        fontSize: pxToRem(this.size)
+      } : null;
+    },
+    rootClasses() {
+      return ['or-icon-root', this.$attrs.class];
+    },
+    localAttrs() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
+      const {
+        class: _,
+        ...rest
+      } = this.$attrs;
+      return rest;
+    }
+  },
+  methods: {
+    showTooltip() {
+      this.tooltipIsShown = true;
+    },
+    hideTooltip() {
+      this.tooltipIsShown = false;
+    }
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_tooltip_content = resolveComponent("or-tooltip-content");
+  const _component_or_floating = resolveComponent("or-floating");
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(_ctx.rootClasses)
+  }, [createElementVNode("span", mergeProps({
+    ref: "tooltipTrigger"
+  }, _ctx.localAttrs, {
+    class: _ctx.iconClasses,
+    style: _ctx.fontSize,
+    onMouseover: _cache[0] || (_cache[0] = function () {
+      return _ctx.showTooltip && _ctx.showTooltip(...arguments);
+    }),
+    onMouseleave: _cache[1] || (_cache[1] = function () {
+      return _ctx.hideTooltip && _ctx.hideTooltip(...arguments);
+    })
+  }), [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.icon), 1 /* TEXT */)])], 16 /* FULL_PROPS */), _ctx.tooltipText && _ctx.tooltipIsShown ? (openBlock(), createBlock(_component_or_floating, {
+    key: 0,
+    trigger: _ctx.tooltipTrigger,
+    placement: _ctx.tooltipPlacement,
+    "is-using-shift": "",
+    "is-using-flip": "",
+    offset: 8
+  }, {
+    default: withCtx(() => [createVNode(_component_or_tooltip_content, {
+      content: _ctx.tooltipText,
+      placement: _ctx.tooltipPlacement,
+      "is-shown": _ctx.tooltipIsShown
+    }, null, 8 /* PROPS */, ["content", "placement", "is-shown"])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger", "placement"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-4eab0c98 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-4eab0c98 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-icon-root[data-v-4eab0c98] {\n  position: relative;\n  display: inline-flex;\n}\n.or-icon[data-v-4eab0c98] {\n  display: inline-flex;\n  font-size: 1.25rem;\n  color: inherit;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n.or-icon.with-tooltip[data-v-4eab0c98] {\n  cursor: pointer;\n}\n.or-icon.is-primary-color[data-v-4eab0c98] {\n  color: var(--c-primary);\n}\n.or-icon.is-warning-color[data-v-4eab0c98] {\n  color: var(--c-warning);\n}\n.or-icon.is-success-color[data-v-4eab0c98] {\n  color: var(--c-success);\n}\n.or-icon.is-error-color[data-v-4eab0c98] {\n  color: var(--c-error);\n}\n.or-icon.is-neutral-0-color[data-v-4eab0c98] {\n  color: var(--c-neutral-0);\n}\n.or-icon.is-neutral-1-color[data-v-4eab0c98] {\n  color: var(--c-neutral-1);\n}\n.or-icon.is-neutral-2-color[data-v-4eab0c98] {\n  color: var(--c-neutral-2);\n}\n.or-icon.is-neutral-3-color[data-v-4eab0c98] {\n  color: var(--c-neutral-3);\n}\n.or-icon.is-neutral-4-color[data-v-4eab0c98] {\n  color: var(--c-neutral-4);\n}\n.or-icon.is-neutral-5-color[data-v-4eab0c98] {\n  color: var(--c-neutral-5);\n}\n.or-icon.is-neutral-6-color[data-v-4eab0c98] {\n  color: var(--c-neutral-6);\n}\n.or-icon[data-v-4eab0c98]:disabled, .or-icon.is-disabled[data-v-4eab0c98] {\n  cursor: not-allowed;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-4eab0c98";
+script.__file = "src/components/or-icon/OrIcon.vue";
+
+export { script as OrIcon, OrIconColors, OrIconType };