@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

package/dist/bundled/v2/useToast-0c42015d.js

@@ -0,0 +1,115 @@
+import { noop } from '@vueuse/core';
+import { u as useToastEventBus } from './useToastEventBus-578adc7c.js';
+import { T as ToastType } from './constants-25998e4c.js';
+
+class Timer {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  constructor() {
+    this.startedAt = null;
+    this.timer = null;
+    this.callback = noop;
+    this.delay = 0;
+  }
+  start(callback, delay) {
+    if (delay && delay > 0) {
+      this.callback = callback;
+      this.delay = delay;
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  pause() {
+    if (this.timer && this.startedAt) {
+      this.stop();
+      this.delay -= Date.now() - this.startedAt;
+    }
+  }
+  resume() {
+    this.stop();
+    if (this.delay > 0) {
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  stop() {
+    if (this.timer) clearTimeout(this.timer);
+  }
+}
+
+function useToast(globalToastProps = {}) {
+  const {
+    emit
+  } = useToastEventBus();
+  function notify(props, behaviour = {}) {
+    const {
+      duration = 5000,
+      pauseOnHover = true,
+      onToastClose,
+      onToastClick
+    } = behaviour;
+    const propsData = {
+      ...props,
+      ...globalToastProps
+    };
+    const config = {
+      toastProps: propsData,
+      //generate ToastHash
+      hash: Math.random().toString(36).slice(2),
+      ...(Number.isInteger(duration) && {
+        timer: new Timer()
+      }),
+      toastBehaviour: {
+        duration,
+        pauseOnHover,
+        onToastClose,
+        onToastClick
+      }
+    };
+    emit('toastNotify', config);
+    return {
+      close: () => emit('toastClose', config),
+      update: data => emit('toastUpdate', {
+        ...config,
+        toastProps: {
+          ...config.toastProps,
+          ...data
+        }
+      })
+    };
+  }
+  function clearAll() {
+    emit('toastCloseAll');
+  }
+  function success(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.success
+    }, behaviour);
+  }
+  function error(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.error
+    }, behaviour);
+  }
+  function loading(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.loading,
+      dismissible: false
+    }, {
+      ...behaviour,
+      duration: 0 // <- toast with type "loading" will not cloe automatically
+    });
+  }
+
+  return {
+    notify,
+    clearAll,
+    success,
+    error,
+    loading
+  };
+}
+
+export { useToast as u };

package/dist/bundled/v2/useToastEventBus-578adc7c.js

@@ -0,0 +1,55 @@
+import { ref } from 'vue-demi';
+import { createSharedComposable, useEventBus } from '@vueuse/core';
+
+function useQueue(initialValue) {
+  //generic needed! see https://github.com/vuejs/core/issues/2136
+  const queue = ref(initialValue || []);
+  const addItem = item => {
+    const refItem = ref(item);
+    queue.value.push(refItem);
+  };
+  const removeItem = condition => {
+    const index = queue.value.findIndex((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    });
+    if (index !== -1) queue.value.splice(index, 1);
+  };
+  const getItem = condition => {
+    return queue.value.filter((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    })[0];
+  };
+  const clearAll = () => {
+    queue.value = [];
+  };
+  return {
+    queue,
+    addItem,
+    removeItem,
+    clearAll,
+    getItem
+  };
+}
+
+const useToastEventBus = () => {
+  const busPull = {
+    toastNotify: useEventBus('toastNotify'),
+    toastClose: useEventBus('toastClose'),
+    toastCloseAll: useEventBus('toastCloseAll'),
+    toastUpdate: useEventBus('toastUpdate')
+  };
+  return {
+    on: (namedQueue, listener) => {
+      busPull[namedQueue].on(listener);
+    },
+    off: (namedQueue, listener) => {
+      busPull[namedQueue].off(listener);
+    },
+    emit: (namedQueue, data) => {
+      busPull[namedQueue].emit(data);
+    }
+  };
+};
+var useToastEventBus$1 = createSharedComposable(useToastEventBus);
+
+export { useQueue as a, useToastEventBus$1 as u };

package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-d1400693.js → OrAvatar.vue_vue_type_script_lang-c4736ba4.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import './OrIcon-6f6eb367.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
+import './components/OrIcon/OrIcon.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 
 var OR_AVATAR_SIZE;
 (function (OR_AVATAR_SIZE) {

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-09679ad9.js → OrBottomSheet.vue_vue_type_script_lang-34f23911.js}

@@ -1,7 +1,7 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
-import './components/OrOverlay/OrOverlay.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
+import './components/OrOverlayV3/OrOverlayV3.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-44194ab4.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 
 const BottomSheetRoot = [

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-a9c5ef76.js → OrButton.vue_vue_type_script_lang-255594c4.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue-demi';
-import './OrLoader-c4809493.js';
+import './components/OrLoader/OrLoader.js';
 import { s as script$1, L as LoaderViews } from './OrLoader.vue_vue_type_script_lang-352f1432.js';
 
 var OrButtonViews;

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-9355421f.js → OrButton.vue_vue_type_script_lang-530056ac.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrLoader/OrLoader.js';
+import './components/OrLoaderV3/OrLoaderV3.js';
 import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-a927d554.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-e8c1cece.js → OrButton.vue_vue_type_script_lang-a0fdda7f.js}

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue-demi';
-import { b as BUTTON_TYPE, a as BUTTON_COLOR, B as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './constants-6678dfb5.js';
-import './OrIcon-6f6eb367.js';
-import './OrLoader-c4809493.js';
+import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './constants-c5d1139f.js';
+import './components/OrIcon/OrIcon.js';
+import './components/OrLoader/OrLoader.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 import { s as script$2, L as LoaderViews } from './OrLoader.vue_vue_type_script_lang-352f1432.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
 
 var script = defineComponent({
   name: 'OrButton',

package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-7ba771b4.js

@@ -0,0 +1,107 @@
+import { defineComponent, ref } from 'vue-demi';
+import './components/OrCard/OrCard.js';
+import { s as script$1 } from './OrCard.vue_vue_type_script_lang-81561dd8.js';
+import './components/OrIcon/OrIcon.js';
+import './components/OrSearch/OrSearch.js';
+import { s as script$3 } from './OrSearch.vue_vue_type_script_lang-7248d03f.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+
+var CARD_COLLECTION_LAYOUT;
+(function (CARD_COLLECTION_LAYOUT) {
+  CARD_COLLECTION_LAYOUT["GRID"] = "grid";
+  CARD_COLLECTION_LAYOUT["LIST"] = "list";
+})(CARD_COLLECTION_LAYOUT || (CARD_COLLECTION_LAYOUT = {}));
+
+var script = defineComponent({
+  name: 'OrCardCollection',
+  components: {
+    OrCard: script$1,
+    OrIcon: script$2,
+    OrSearch: script$3,
+    OrIconButton: script$4
+  },
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    activeItem: {
+      type: Object,
+      default: undefined
+    },
+    layoutOptions: {
+      type: Array,
+      default: () => [{
+        name: 'grid',
+        icon: 'apps'
+      }, {
+        name: 'list',
+        icon: 'menu'
+      }]
+    },
+    layout: {
+      type: String,
+      default: CARD_COLLECTION_LAYOUT.GRID
+    },
+    sortableColumns: {
+      type: Array,
+      default: undefined
+    },
+    filterPlaceholder: {
+      type: String,
+      default: 'Search'
+    }
+  },
+  emits: ['filter', 'sort', 'layoutChanged', 'itemClicked'],
+  setup(props, {
+    slots
+  }) {
+    var _a;
+    if (!slots.default) throw new Error('Can\'t render collection without default template for cards.');
+    const sortingDirection = ref('asc');
+    const filterValue = ref('');
+    const sortingColumn = ref(((_a = props.sortableColumns) === null || _a === void 0 ? void 0 : _a.length) ? props.sortableColumns[0].name : '');
+    const selectedLayout = ref(props.layout);
+    return {
+      sortingDirection,
+      filterValue,
+      sortingColumn,
+      selectedLayout
+    };
+  },
+  computed: {
+    rootClasses() {
+      return ['or-card-collection', `or-card-collection-${this.selectedLayout}`];
+    },
+    sortingDirectionIcon() {
+      const icon = this.sortingDirection === 'asc' ? 'arrow-upward' : 'arrow-downward';
+      return icon;
+    }
+  },
+  methods: {
+    selectSortable(column) {
+      const nextValue = this.sortingDirection === 'asc' ? 'desc' : 'asc';
+      this.sortingDirection = this.sortingColumn === column.name ? nextValue : this.sortingDirection;
+      this.sortingColumn = column.name;
+      const eventPayload = {
+        column,
+        direction: this.sortingDirection
+      };
+      this.$emit('sort', eventPayload);
+    },
+    emitFilterChange() {
+      this.$emit('filter', this.filterValue);
+    },
+    selectLayout(layout) {
+      this.selectedLayout = layout;
+      this.$emit('layoutChanged', this.selectedLayout);
+    },
+    handleClick(item) {
+      this.$emit('itemClicked', item);
+    }
+  }
+});
+
+export { CARD_COLLECTION_LAYOUT as C, script as s };

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-141d29ac.js → OrCardCollection.vue_vue_type_script_lang-d715fda0.js}

@@ -1,13 +1,13 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import './components/OrCard/OrCard.js';
+import './components/OrCardV3/OrCardV3.js';
 import { s as script$1 } from './OrCard.vue_vue_type_script_lang-898278b1.js';
-import './components/OrIconButton/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import './OrInput-0540584e.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-2dfa8684.js';
-import './components/OrSortHeader/OrSortHeader.js';
-import { s as script$4 } from './OrSortHeader.vue_vue_type_script_lang-60cacb5e.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
+import './components/OrInputV3/OrInputV3.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-73a237e6.js';
+import './components/OrSortHeaderV3/OrSortHeaderV3.js';
+import { s as script$4 } from './OrSortHeader.vue_vue_type_script_lang-447f9a3b.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
 
 var CardCollectionView;
 (function (CardCollectionView) {

package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-9a0994ce.js → OrCarousel.vue_vue_type_script_lang-4a5c0885.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
-import './OrIcon-6f6eb367.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
+import './components/OrIcon/OrIcon.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-45641503.js → OrCheckbox.vue_vue_type_script_lang-8099010e.js}

@@ -1,5 +1,5 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import './components/OrLabel/OrLabel.js';
+import './components/OrLabelV3/OrLabelV3.js';
 import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-d11f0d34.js → OrCheckbox.vue_vue_type_script_lang-ef0d1fc7.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import './OrIcon-6f6eb367.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
+import './components/OrIcon/OrIcon.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 
 var script = defineComponent({
   name: 'OrCheckbox',

package/dist/bundled/v3/{OrChips.vue_vue_type_script_lang-2b237b38.js → OrChips.vue_vue_type_script_lang-2c869503.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1, O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from './OrChipsInput-9a30cf50.js';
-import './OrLabel-48580954.js';
+import { s as script$1, O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from './OrChipsInput-006429d5.js';
+import './components/OrLabel/OrLabel.js';
+import './components/OrError/OrError.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import './OrError-dff84d09.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-e6a90141.js → OrCode.vue_vue_type_script_lang-ba6f6967.js}

@@ -2,15 +2,15 @@ import { useElementHover } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
 import script$3 from './components/OrTeleportVue3/OrTeleportVue3.js';
-import './OrIconButton-54994f76.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
-import './OrModal-1e176a11.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-67de248c.js';
-import './OrError-dff84d09.js';
-import './OrHint-f6730014.js';
-import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
-import './OrLabel-48580954.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import './components/OrModal/OrModal.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-c1dd0512.js';
+import './components/OrError/OrError.js';
+import './components/OrHint/OrHint.js';
+import './components/OrLabel/OrLabel.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
+import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
 
 /**

package/dist/bundled/v3/{OrCollapse.vue_vue_type_script_lang-0dfd5dea.js → OrCollapse.vue_vue_type_script_lang-76f0f586.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { s as setStyle, r as requestAF, b as reflow, c as removeStyle, d as cancelAF, e as getBCR } from './dom-ba0fb2e2.js';
+import { s as setStyle, r as requestAF, b as reflow, d as removeStyle, c as cancelAF, e as getBCR } from './dom-28f5f62a.js';
 import _ from 'lodash';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrColorPicker.vue_vue_type_script_lang-e855c8e1.js → OrColorPicker.vue_vue_type_script_lang-b1583c1d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
 import './components/OrFloating/OrFloating.js';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-21499d17.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-91fd6681.js';
 
 const red = {
   50: '#FFEBEE',

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-41e9c687.js → OrConfirm.vue_vue_type_script_lang-01f99902.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-63e094a0.js';
-import './components/OrOverlay/OrOverlay.js';
-import './components/OrButton/OrButton.js';
-import { s as script$2, B as ButtonColor } from './OrButton.vue_vue_type_script_lang-9355421f.js';
-import './OrInput-0540584e.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-2dfa8684.js';
+import './components/OrOverlayV3/OrOverlayV3.js';
+import './components/OrButtonV3/OrButtonV3.js';
+import { s as script$2, B as ButtonColor } from './OrButton.vue_vue_type_script_lang-530056ac.js';
+import './components/OrInputV3/OrInputV3.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-73a237e6.js';
 
 var ConfirmType;
 (function (ConfirmType) {

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-49ae70d3.js → OrConfirm.vue_vue_type_script_lang-34d925f6.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-63e094a0.js';
-import './OrButton-a1b966c0.js';
-import './OrModal-1e176a11.js';
+import './components/OrButtonV2/OrButtonV2.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-a0fdda7f.js';
+import './components/OrModal/OrModal.js';
 import script$3 from './components/OrInput/OrInput.js';
-import { a as BUTTON_COLOR } from './constants-6678dfb5.js';
-import { s as script$2, O as OrModalSizes } from './OrModal.vue_vue_type_script_lang-67de248c.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-e8c1cece.js';
+import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
+import { s as script$2, O as OrModalSizes } from './OrModal.vue_vue_type_script_lang-c1dd0512.js';
 
 var script = defineComponent({
   name: 'OrConfirm',

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-6fa60fa4.js → OrDateTimePicker.vue_vue_type_script_lang-7bc603fd.js}

@@ -1,21 +1,21 @@
 import _ from 'lodash';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
-import { s as setStyle, r as requestAF, a as getCS, b as reflow, d as cancelAF } from './dom-ba0fb2e2.js';
+import { s as setStyle, r as requestAF, a as getCS, b as reflow, c as cancelAF } from './dom-28f5f62a.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { s as script$1, O as OrDateTimePickerTypes, D as DEFAULT_TEXT } from './OrDateTimePickerCalendarItem-6c38b593.js';
 import './components/OrFloating/OrFloating.js';
-import './OrLabel-48580954.js';
-import './OrError-dff84d09.js';
-import './OrHint-f6730014.js';
+import './components/OrLabel/OrLabel.js';
+import './components/OrError/OrError.js';
+import './components/OrHint/OrHint.js';
 import './components/OrCollapse/OrCollapse.js';
-import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-0dfd5dea.js';
-import './OrIconButton-54994f76.js';
-import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-21499d17.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
+import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-76f0f586.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 
 const MINUTE = 1000 * 60;
 const HOUR = MINUTE * 60;

package/dist/bundled/v3/{OrErrorTag.vue_vue_type_script_lang-e0023f89.js → OrErrorTag.vue_vue_type_script_lang-a97b4bde.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
+import './components/OrIconV3/OrIconV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
 

package/dist/bundled/v3/{OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js → OrExpansionPanel.vue_vue_type_script_lang-73d3cf14.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
+import './components/OrIconV3/OrIconV3.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
 

package/dist/bundled/v3/{OrFab.vue_vue_type_script_lang-0ddad598.js → OrFab.vue_vue_type_script_lang-696b9c8b.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
+import './components/OrIconV3/OrIconV3.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
 
 var FabColor;

package/dist/bundled/v3/{OrFloating.vue_vue_type_script_lang-21499d17.js → OrFloating.vue_vue_type_script_lang-91fd6681.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, nextTick } from 'vue-demi';
 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 script$1 from './components/OrTeleportVue3/OrTeleportVue3.js';
-import { g as getMaxZIndex, a as getCS } from './dom-ba0fb2e2.js';
+import { g as getMaxZIndex, a as getCS } from './dom-28f5f62a.js';
 
 var OrFloatingPlacements;
 (function (OrFloatingPlacements) {

package/dist/bundled/v3/{OrIcon.vue_vue_type_script_lang-3c949339.js → OrIcon.vue_vue_type_script_lang-63e18388.js}

@@ -3,7 +3,7 @@ import _ from 'lodash';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import script$1 from './components/OrTooltipContent/OrTooltipContent.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$2, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-21499d17.js';
+import { s as script$2, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-91fd6681.js';
 
 var OrIconColors;
 (function (OrIconColors) {

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js → OrIconButton.vue_vue_type_script_lang-7c94b69b.js}

@@ -1,11 +1,11 @@
 import { defineComponent } from 'vue-demi';
-import script$3 from './components/OrTooltipWrapper/OrTooltipWrapper.js';
-import { I as ICON_BUTTON_TYPE, H as HTML_BUTTON_TYPE, B as BUTTON_SIZE, a as BUTTON_COLOR } from './constants-6678dfb5.js';
-import './OrIcon-6f6eb367.js';
-import './OrLoader-c4809493.js';
+import script$3 from './components/OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import { I as ICON_BUTTON_TYPE, H as HTML_BUTTON_TYPE, b as BUTTON_SIZE, a as BUTTON_COLOR } from './constants-c5d1139f.js';
+import './components/OrIcon/OrIcon.js';
+import './components/OrLoader/OrLoader.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-63e18388.js';
 import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-352f1432.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-3c949339.js';
-import { O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-21499d17.js';
+import { O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-91fd6681.js';
 
 var script = defineComponent({
   name: 'OrIconButton',

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-7c25ed7b.js → OrIconButton.vue_vue_type_script_lang-8db5f6cf.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIcon/OrIcon.js';
+import './components/OrIconV3/OrIconV3.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import './components/OrTooltip/OrTooltip.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-f5885526.js';
+import './components/OrTooltipV3/OrTooltipV3.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-4595c67d.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 
 var IconButtonColor;

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-eb63f759.js → OrInlineInput.vue_vue_type_script_lang-bb756766.js}

@@ -1,13 +1,13 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue-demi';
-import './components/OrError/OrError.js';
-import './components/OrHint/OrHint.js';
-import './components/OrIconButton/OrIconButton.js';
-import './components/OrInlineInputBox/OrInlineInputBox.js';
+import './components/OrErrorV3/OrErrorV3.js';
+import './components/OrHintV3/OrHintV3.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
+import './components/OrInlineInputBoxV3/OrInlineInputBoxV3.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_vue_type_script_lang-5412bfef.js';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-1a6d87b8.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
 
 var InlineInputType;
 (function (InlineInputType) {

package/dist/bundled/v3/{OrInlineTextEdit.vue_vue_type_script_lang-2f7580e9.js → OrInlineTextEdit.vue_vue_type_script_lang-a90f8a3e.js}

@@ -1,13 +1,13 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
-import { s as setStyle, r as requestAF, a as getCS, b as reflow, d as cancelAF } from './dom-ba0fb2e2.js';
+import { s as setStyle, r as requestAF, a as getCS, b as reflow, c as cancelAF } from './dom-28f5f62a.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import './components/OrCollapse/OrCollapse.js';
-import './OrError-dff84d09.js';
-import './OrIconButton-54994f76.js';
-import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-0dfd5dea.js';
+import './components/OrError/OrError.js';
+import './components/OrIconButtonV2/OrIconButtonV2.js';
+import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-76f0f586.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
 
 var InlineTextEditTypes;
 (function (InlineTextEditTypes) {