@onereach/ui-components 2.65.0-beta.1953.0 → 2.65.0

package/dist/bundled/v3/OrFab.vue_vue_type_script_lang-059752a4.js

@@ -1,62 +0,0 @@
-import './OrIcon-51dd7fb2.js';
-import { d as defineComponent, c as computed } from './runtime-core.esm-bundler-d2b749cd.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73fde058.js';
-import { r as ref } from './reactivity.esm-bundler-942db00f.js';
-
-var FabColor;
-(function (FabColor) {
-  FabColor["Primary"] = "primary";
-  FabColor["Danger"] = "danger";
-})(FabColor || (FabColor = {}));
-
-const FabRoot = [
-// Layout
-'flex', 'justify-center', 'items-center',
-// Box
-'rounded-full',
-// Sizing
-'px-md', 'py-md',
-// Theme
-'shadow-button', 'dark:shadow-button-dark'];
-const FabRootColors = {
-  'primary': [
-  // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
-  'danger': [
-  // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark']
-};
-
-var script = defineComponent({
-  name: 'OrFab',
-  components: {
-    OrIcon: script$1
-  },
-  inheritAttrs: false,
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    color: {
-      type: String,
-      default: FabColor.Primary
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-fab', ...FabRoot, ...FabRootColors[props.color]]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { FabColor as F, script as s };

package/dist/bundled/v3/OrFloating-c505cc90.js

@@ -1,23 +0,0 @@
-import { s as script } from './OrFloating.vue_vue_type_script_lang-0ade39d3.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, renderSlot } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-
-const _hoisted_1 = {
-  ref: "content",
-  class: "or-floating"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_teleport = resolveComponent("or-teleport");
-  return openBlock(), createBlock(_component_or_teleport, null, {
-    default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")], 512 /* NEED_PATCH */)]),
-
-    _: 3 /* FORWARDED */
-  });
-}
-
-var css_248z = ".or-floating[data-v-059a0010] {\n  position: absolute;\n  z-index: 1;\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-059a0010";
-script.__file = "src/components/or-floating/OrFloating.vue";

package/dist/bundled/v3/OrFloating.vue_vue_type_script_lang-0ade39d3.js

@@ -1,169 +0,0 @@
-import { a as autoUpdate, c as computePosition, o as offset, h as hide, f as flip, s as shift } from './floating-ui.dom.esm-83eba816.js';
-import { s as script$1 } from './OrTeleportVue3-fe3e38da.js';
-import { h as getMaxZIndex, d as getCS } from './dom-457196ca.js';
-import { r as ref } from './reactivity.esm-bundler-942db00f.js';
-import { d as defineComponent, n as nextTick } from './runtime-core.esm-bundler-d2b749cd.js';
-
-var OrFloatingPlacements;
-(function (OrFloatingPlacements) {
-  OrFloatingPlacements["TOP_START"] = "top-start";
-  OrFloatingPlacements["RIGHT_START"] = "right-start";
-  OrFloatingPlacements["BOTTOM_START"] = "bottom-start";
-  OrFloatingPlacements["LEFT_START"] = "left-start";
-  OrFloatingPlacements["TOP"] = "top";
-  OrFloatingPlacements["RIGHT"] = "right";
-  OrFloatingPlacements["BOTTOM"] = "bottom";
-  OrFloatingPlacements["LEFT"] = "left";
-  OrFloatingPlacements["TOP_END"] = "top-end";
-  OrFloatingPlacements["RIGHT_END"] = "right-end";
-  OrFloatingPlacements["BOTTOM_END"] = "bottom-end";
-  OrFloatingPlacements["LEFT_END"] = "left-end";
-})(OrFloatingPlacements || (OrFloatingPlacements = {}));
-var OrFloatingHideStrategy;
-(function (OrFloatingHideStrategy) {
-  OrFloatingHideStrategy["REFERENCE_HIDDEN"] = "referenceHidden";
-  OrFloatingHideStrategy["ESCAPED"] = "escaped";
-})(OrFloatingHideStrategy || (OrFloatingHideStrategy = {}));
-
-var script = defineComponent({
-  name: 'OrFloating',
-  components: {
-    OrTeleport: script$1
-  },
-  props: {
-    trigger: {
-      type: HTMLElement,
-      required: false,
-      default: null
-    },
-    placement: {
-      type: String,
-      required: false,
-      default: OrFloatingPlacements.BOTTOM
-    },
-    offset: {
-      type: Number,
-      required: false,
-      default: 0
-    },
-    isInheritingWidth: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isHidePadded: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    hideStrategy: {
-      type: String,
-      required: false,
-      default: OrFloatingHideStrategy.REFERENCE_HIDDEN
-    },
-    isUsingFlip: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isUsingShift: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    zIndexOffset: {
-      type: Number,
-      required: false,
-      default: 0
-    }
-  },
-  setup() {
-    const content = ref();
-    return {
-      content
-    };
-  },
-  data() {
-    return {
-      isInitialized: false,
-      cleanup: null,
-      isFlipped: false
-    };
-  },
-  computed: {
-    isVertical() {
-      return this.placement ? this.placement.includes(OrFloatingPlacements.BOTTOM) || this.placement.includes(OrFloatingPlacements.TOP) : true;
-    }
-  },
-  watch: {
-    trigger(newVal, oldVal) {
-      if (this.content) {
-        if (!oldVal && newVal && !this.isInitialized) {
-          this.initialize();
-        } else if (newVal !== oldVal && this.isInitialized && this.cleanup) {
-          this.cleanup();
-          this.initialize();
-        }
-      }
-    },
-    content(val) {
-      if (val && this.trigger && !this.isInitialized) this.initialize();
-    }
-  },
-  async mounted() {
-    if (!this.content) {
-      //ref to content is undefined in Vue 2
-      await nextTick();
-      this.$forceUpdate();
-    }
-  },
-  beforeUnmount() {
-    if (this.cleanup) this.cleanup();
-  },
-  methods: {
-    async initialize() {
-      this.cleanup = autoUpdate(this.trigger, this.content, this.updatePosition);
-      let maxZIndex = getMaxZIndex(this.trigger) + this.zIndexOffset;
-      if (maxZIndex) Object.assign(this.content.style, {
-        zIndex: maxZIndex
-      });
-      this.isInitialized = true;
-      await this.updatePosition();
-    },
-    async updatePosition() {
-      var _a, _b, _c;
-      const {
-        x,
-        y,
-        middlewareData
-      } = await computePosition(this.trigger, this.content, {
-        placement: this.placement,
-        middleware: [offset(this.offset), hide({
-          strategy: this.hideStrategy
-        }), ...(this.isUsingFlip ? [flip({
-          crossAxis: !this.isUsingShift
-        })] : []), ...(this.isUsingShift ? [shift()] : [])]
-      });
-      this.isFlipped = this.isUsingFlip && ((_c = (_b = (_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.overflows) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0;
-      const {
-        escaped,
-        referenceHidden
-      } = middlewareData.hide;
-      const hidden = this.hideStrategy === OrFloatingHideStrategy.ESCAPED ? escaped : referenceHidden;
-      Object.assign(this.content.style, {
-        left: `${x}px`,
-        top: `${y}px`,
-        visibility: hidden ? 'hidden' : 'visible'
-      });
-      if (this.isInheritingWidth) {
-        const cs = getCS(this.trigger);
-        const width = cs.width;
-        Object.assign(this.content.style, {
-          width: width
-        });
-      }
-    }
-  }
-});
-
-export { OrFloatingPlacements as O, OrFloatingHideStrategy as a, script as s };

package/dist/bundled/v3/OrHint-314596a4.js

@@ -1,17 +0,0 @@
-import { s as script } from './OrHint.vue_vue_type_script_lang-28fde212.js';
-import { openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-
-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";

package/dist/bundled/v3/OrHint-ca2ebe32.js

@@ -1,37 +0,0 @@
-import { s as script } from './OrError.vue_vue_type_script_lang-1db70609.js';
-import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot } from 'vue';
-import { s as script$1 } from './OrHint.vue_vue_type_script_lang-b1871818.js';
-
-const _hoisted_1$1 = ["disabled"];
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _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 */)], 16 /* FULL_PROPS */, _hoisted_1$1);
-}
-
-script.render = render$1;
-script.__file = "src/components/or-error-v3/OrError.vue";
-
-const _hoisted_1 = ["disabled"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _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 */)], 16 /* FULL_PROPS */, _hoisted_1);
-}
-
-script$1.render = render;
-script$1.__file = "src/components/or-hint-v3/OrHint.vue";

package/dist/bundled/v3/OrHint.vue_vue_type_script_lang-28fde212.js

@@ -1,16 +0,0 @@
-import _ from 'lodash';
-import { d as defineComponent } from './runtime-core.esm-bundler-d2b749cd.js';
-
-var script = defineComponent({
-  name: 'OrHint',
-  props: {
-    hint: {
-      type: String,
-      default: '',
-      required: true,
-      validator: _.isString
-    }
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrHint.vue_vue_type_script_lang-b1871818.js

@@ -1,52 +0,0 @@
-import { u as useClassAttribute } from './useClassAttribute-1af05c57.js';
-import { d as defineComponent, c as computed } from './runtime-core.esm-bundler-d2b749cd.js';
-import { r as ref } from './reactivity.esm-bundler-942db00f.js';
-
-const HintRoot = [
-// Layout
-'flex', 'items-start', 'justify-between',
-// Sizing
-'gap-sm',
-// Typography
-'typography-caption-regular',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-const HintText = [
-// Layout
-'grow',
-// Interactivity
-'interactivity-none'];
-const HintAddon = [
-// Layout
-'flex empty:hidden',
-// Box
-'min-w-max'];
-
-var script = defineComponent({
-  name: 'OrHint',
-  inheritAttrs: false,
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-hint', ...HintRoot, classAttribute.value]);
-    const textStyles = computed(() => [...HintText]);
-    const addonStyles = computed(() => [...HintAddon]);
-    return {
-      root,
-      rootStyles,
-      textStyles,
-      addonStyles
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrIcon-223093d8.js

@@ -1,39 +0,0 @@
-import { s as script } from './OrIcon.vue_vue_type_script_lang-079e1007.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-
-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] = (...args) => _ctx.showTooltip && _ctx.showTooltip(...args)),
-    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.hideTooltip && _ctx.hideTooltip(...args))
-  }), [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";

package/dist/bundled/v3/OrIcon-51dd7fb2.js

@@ -1,13 +0,0 @@
-import { s as script } from './OrIcon.vue_vue_type_script_lang-73fde058.js';
-import { openBlock, createElementBlock, mergeProps, toDisplayString } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles
-  }), toDisplayString(_ctx.icon), 17 /* TEXT, FULL_PROPS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-icon-v3/OrIcon.vue";

package/dist/bundled/v3/OrIcon.vue_vue_type_script_lang-079e1007.js

@@ -1,116 +0,0 @@
-import _ from 'lodash';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { s as script$1 } from './OrTooltipContent-42bcf4a4.js';
-import './OrFloating-c505cc90.js';
-import { s as script$2, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-0ade39d3.js';
-import { d as defineComponent } from './runtime-core.esm-bundler-d2b749cd.js';
-import { r as ref } from './reactivity.esm-bundler-942db00f.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() {
-      return _.omit(this.$attrs, 'class');
-    }
-  },
-  methods: {
-    showTooltip() {
-      this.tooltipIsShown = true;
-    },
-    hideTooltip() {
-      this.tooltipIsShown = false;
-    }
-  }
-});
-
-export { OrIconColors as O, OrIconType as a, script as s };

package/dist/bundled/v3/OrIcon.vue_vue_type_script_lang-73fde058.js

@@ -1,103 +0,0 @@
-import { u as useClassAttribute } from './useClassAttribute-1af05c57.js';
-import { d as defineComponent, c as computed } from './runtime-core.esm-bundler-d2b749cd.js';
-import { r as ref } from './reactivity.esm-bundler-942db00f.js';
-
-var IconVariant;
-(function (IconVariant) {
-  IconVariant["Outlined"] = "outlined";
-  IconVariant["OutlinedBold"] = "outlined-bold";
-  IconVariant["Filled"] = "filled";
-  IconVariant["FilledBold"] = "filled-bold";
-  IconVariant["Inherit"] = "inherit";
-})(IconVariant || (IconVariant = {}));
-var IconSize;
-(function (IconSize) {
-  IconSize["XL"] = "xl";
-  IconSize["L"] = "l";
-  IconSize["M"] = "m";
-  IconSize["S"] = "s";
-  IconSize["Inherit"] = "inherit";
-})(IconSize || (IconSize = {}));
-
-const IconRoot = [
-// Layout
-'inline-flex', 'items-center', 'justify-center',
-// Typography
-'align-bottom'];
-const IconRootVariants = {
-  'outlined': [
-  // Iconography
-  'iconography-outlined'],
-  'outlined-bold': [
-  // Iconography
-  'iconography-outlined-bold'],
-  'filled': [
-  // Iconography
-  'iconography-filled'],
-  'filled-bold': [
-  // Iconography
-  'iconography-filled-bold'],
-  'inherit': [
-  // Iconography
-  'iconography-inherit']
-};
-const IconRootSizes = {
-  'xl': [
-  // Box
-  'w-[36px] md:w-[32px]', 'h-[36px] md:h-[32px]',
-  // Typography
-  'text-[32px] md:text-[28px]'],
-  'l': [
-  // Box
-  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
-  // Typography
-  'text-[24px] md:text-[20px]'],
-  'm': [
-  // Box
-  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
-  // Typography
-  'text-[20px] md:text-[16px]'],
-  's': [
-  // Box
-  'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
-  // Typography
-  'text-[16px] md:text-[12px]'],
-  'inherit': [
-  // Box
-  'w-full', 'h-full',
-  // Typography
-  'text-inherit']
-};
-
-var script = defineComponent({
-  name: 'OrIcon',
-  inheritAttrs: false,
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    variant: {
-      type: String,
-      default: IconVariant.Outlined
-    },
-    size: {
-      type: String,
-      default: IconSize.M
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-icon', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size], classAttribute.value]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { IconVariant as I, IconSize as a, script as s };