@onereach/ui-components 2.68.0-beta.2053.0 → 2.68.0-beta.2056.0

package/dist/bundled/v2/components/OrTabHeaderItem/OrTabHeaderItem.js

@@ -1,5 +1,113 @@
-export { O as OrTabHeaderItem } from '../../OrTabHeaderItem-a187e5ce.js';
-import 'vue-demi';
-import 'lodash';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
+import { defineComponent, ref, computed, watch, nextTick } from 'vue-demi';
+import _ from 'lodash';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import { c as createInjector } from '../../browser-82dea9ed.js';
+
+var script = defineComponent({
+  name: 'OrTabHeaderItem',
+  rootClassName: 'or-tab-header-item',
+  props: {
+    isActive: {
+      type: Boolean,
+      default: false,
+      required: false,
+      validator: _.isBoolean
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false,
+      validator: _.isBoolean
+    },
+    title: {
+      type: String,
+      default: '',
+      required: false,
+      validator: _.isString
+    }
+  },
+  emits: ['click', 'select'],
+  setup(props, {
+    emit
+  }) {
+    const rootRef = ref(null);
+    // computed
+    const rootClasses = computed(() => ['or-tab-header-item', {
+      'is-active': props.isActive,
+      'is-disabled': props.isDisabled
+    }]);
+    // watchers
+    watch(() => props.isActive, nv => {
+      if (nv) {
+        nextTick(() => {
+          emit('select', rootRef.value);
+        });
+      }
+    }, {
+      immediate: true
+    });
+    // methods
+    function onClick() {
+      if (props.isDisabled || props.isActive) return;
+      emit('click');
+    }
+    return {
+      // refs
+      rootRef,
+      // computed
+      rootClasses,
+      // methods
+      onClick
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('button', _vm._b({
+    ref: "rootRef",
+    class: _vm.rootClasses,
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "aria-selected": _vm.isActive,
+      "aria-disabled": _vm.isDisabled,
+      "type": "button"
+    },
+    on: {
+      "click": _vm.onClick
+    }
+  }, 'button', _vm.$attrs, false), [_vm._v("\n  " + _vm._s(_vm.title) + "\n")]);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-093b2d3a_0", {
+    source: "@keyframes spinAround-data-v-093b2d3a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-093b2d3a{from{opacity:1}to{opacity:0}}.or-tab-header-item[data-v-093b2d3a]{padding:0;font-size:var(--fs-1);font-weight:var(--fw-2);line-height:var(--lh-1);color:var(--c-neutral-5);cursor:pointer;background-color:transparent;border:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-tab-header-item[data-v-093b2d3a]:not(:last-child){margin-right:var(--s-6)}@media (hover:hover) and (pointer:fine){.or-tab-header-item[data-v-093b2d3a]:not(.or-tab-header-item.is-loading):not(.or-tab-header-item.is-disabled):not(.or-tab-header-item.is-readonly):not(.or-tab-header-item:disabled):not(.or-tab-header-item.is-focused):not(.or-tab-header-item:active):hover{color:var(--c-neutral-6)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-tab-header-item[data-v-093b2d3a]:not(.or-tab-header-item.is-loading):not(.or-tab-header-item.is-disabled):not(.or-tab-header-item.is-readonly):not(.or-tab-header-item:disabled):not(.or-tab-header-item.is-focused):not(.or-tab-header-item:active):hover{color:var(--c-neutral-6)}}.or-tab-header-item[data-v-093b2d3a]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active{color:var(--c-neutral-6-darken-5)}.or-tab-header-item.is-disabled[data-v-093b2d3a],.or-tab-header-item[data-v-093b2d3a]:disabled{cursor:not-allowed;color:var(--c-neutral-3)}.or-tab-header-item.is-active[data-v-093b2d3a]{color:var(--c-neutral-6);cursor:default}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-093b2d3a";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* 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, createInjector, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrTabHeaderItem/index.js

@@ -0,0 +1,5 @@
+export { default as OrTabHeaderItem } from './OrTabHeaderItem.js';
+import 'vue-demi';
+import 'lodash';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrTabV3/{OrTabV3.js → index.js}

@@ -1,4 +1,4 @@
-export { O as OrTabV3 } from '../../OrTab-584f4aa9.js';
+export { default as OrTabV3 } from '../OrTab/OrTab.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrTabs/OrTabs.js

@@ -1,6 +1,17 @@
-export { _ as OrTabs } from '../../OrTabs-76ac4d1a.js';
-import 'vue-demi';
-import '../../OrTabHeaderItem-a187e5ce.js';
-import 'lodash';
+export { _ as default } from '../../OrTabs-9a5a5702.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
+import '@vueuse/core';
+import 'vue-demi';
+import '../../OrIcon-8dcb2a6e.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrMenu/OrMenu.js';
+import '../../OrPopover-f03a8230.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheet/OrBottomSheet.js';
+import '../OrOverlay/OrOverlay.js';
+import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import 'portal-vue';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../OrMenuItem/OrMenuItem.js';
+import '../OrTab/OrTab.js';

package/dist/bundled/v2/components/OrTabs/index.js

@@ -0,0 +1,6 @@
+export { _ as OrTabs } from '../../OrTabs-c495a9ef.js';
+import 'vue-demi';
+import '../OrTabHeaderItem/OrTabHeaderItem.js';
+import 'lodash';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrTabsV3/{OrTabsV3.js → index.js}

@@ -1,17 +1,17 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-e327040c.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-9a5a5702.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrIcon-14cdfa12.js';
+import '../../OrIcon-8dcb2a6e.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrMenu/OrMenu.js';
-import '../../OrPopover-08d41a4f.js';
+import '../../OrPopover-f03a8230.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrOverlay-491be882.js';
+import '../OrOverlay/OrOverlay.js';
 import '../OrTeleport.vue2/OrTeleport.vue2.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
 import '../OrMenuItem/OrMenuItem.js';
-import '../../OrTab-584f4aa9.js';
+import '../OrTab/OrTab.js';

package/dist/bundled/v2/components/OrTag/OrTag.js

@@ -1,15 +1,16 @@
-export { _ as OrTag } from '../../OrTag-d5cc36a8.js';
-import 'vue-demi';
-import '../../color-b3d00690.js';
-import '../../OrIcon-db65d58a.js';
-import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
-import '../OrTooltipContent/OrTooltipContent.js';
+export { _ as default } from '../../OrTag-d15f40a7.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
-import '../../OrFloating-fa6e950f.js';
+import 'vue-demi';
+import '../../OrIconButton-cf05263d.js';
+import '../../OrIcon-8dcb2a6e.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrTooltip/OrTooltip.js';
+import '@vueuse/core';
+import '../../OrPopover-f03a8230.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrTeleportVue2/OrTeleportVue2.js';
-import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
+import '../OrBottomSheet/OrBottomSheet.js';
+import '../OrOverlay/OrOverlay.js';
+import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import 'portal-vue';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrTag/index.js

@@ -0,0 +1,15 @@
+export { _ as OrTag } from '../../OrTag-414c7744.js';
+import 'vue-demi';
+import '../../color-1f348774.js';
+import '../../OrIcon-b54b605a.js';
+import 'lodash';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';
+import '../../OrFloating-55665d61.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue2/OrTeleportVue2.js';
+import 'portal-vue/dist/portal-vue.esm.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-ba0fb2e2.js';

package/dist/bundled/v2/components/{OrModalV3/OrModalV3.js → OrTagV3/index.js}

@@ -1,16 +1,16 @@
-export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-ec1bd712.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-d15f40a7.js';
 import 'vue-demi';
-import '../../OrOverlay-491be882.js';
+import '../../OrIconButton-cf05263d.js';
+import '../../OrIcon-8dcb2a6e.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../OrTooltip/OrTooltip.js';
 import '@vueuse/core';
+import '../../OrPopover-f03a8230.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheet/OrBottomSheet.js';
+import '../OrOverlay/OrOverlay.js';
 import '../OrTeleport.vue2/OrTeleport.vue2.js';
 import 'portal-vue';
-import '../../normalize-component-6e8e3d80.js';
-import '../../useClassAttribute-47fdb016.js';
 import '../../useElevation-31bfe1f6.js';
-import '../../OrIconButton-51967efb.js';
-import '../../OrIcon-14cdfa12.js';
-import '../../OrTooltip-85f35367.js';
-import '../../OrPopover-08d41a4f.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
 import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrTextarea/OrTextarea.js

@@ -1,8 +1,8 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import { O as OrError } from '../../OrError-69657c22.js';
-import { O as OrHint } from '../../OrHint-6ef683ff.js';
-import { _ as __vue_component__$1, I as InputBoxSize } from '../../OrInputBox-9e202d87.js';
-import { O as OrLabel } from '../../OrLabel-1cb3fc95.js';
+import __vue_component__$1 from '../OrError/OrError.js';
+import __vue_component__$2 from '../OrHint/OrHint.js';
+import { _ as __vue_component__$3, I as InputBoxSize } from '../../OrInputBox-9e202d87.js';
+import { _ as __vue_component__$4 } from '../../OrLabel-53f23ecb.js';
 import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
@@ -23,10 +23,10 @@ const TextareaControl = [
 var script = defineComponent({
   name: 'OrTextarea',
   components: {
-    OrError,
-    OrHint,
-    OrInputBox: __vue_component__$1,
-    OrLabel
+    OrError: __vue_component__$1,
+    OrHint: __vue_component__$2,
+    OrInputBox: __vue_component__$3,
+    OrLabel: __vue_component__$4
   },
   inheritAttrs: false,
   props: {

package/dist/bundled/v2/components/OrTextareaV3/{OrTextareaV3.js → index.js}

@@ -1,9 +1,9 @@
 export { default as OrTextareaV3 } from '../OrTextarea/OrTextarea.js';
 export { I as TextareaSize } from '../../OrInputBox-9e202d87.js';
 import 'vue-demi';
-import '../../OrError-69657c22.js';
+import '../OrError/OrError.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrHint-6ef683ff.js';
-import '../../OrLabel-1cb3fc95.js';
+import '../OrHint/OrHint.js';
+import '../../OrLabel-53f23ecb.js';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrTextbox/OrTextbox.js

@@ -1,24 +1,24 @@
-export { _ as OrTextbox, T as TextboxTypes } from '../../OrTextbox-9664f107.js';
+export { _ as default } from '../../OrTextbox-ffc9bf3d.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';
 import 'vue-demi';
 import '../../px-to-rem-0b26b83e.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import 'lodash';
 import '../../OrLabel-0574b639.js';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
-import '../../OrIconButton-84ac04f9.js';
+import '../../OrIconButton-05c25d9d.js';
 import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip-7dc5d239.js';
+import '../../OrTooltip-cf20df81.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-fa6e950f.js';
+import '../../OrFloating-55665d61.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
 import '../../constants-6678dfb5.js';
-import '../../OrIcon-db65d58a.js';
+import '../../OrIcon-b54b605a.js';
 import '../../OrLoader-16a453c4.js';
 import '../../OrHint-4b5e2e20.js';
 import '../../OrError-9c32e442.js';
-import '../../OrCollapse-234ecb13.js';
+import '../OrCollapse/OrCollapse.js';
 import '../../useToggle-29e4d7c7.js';

package/dist/bundled/v2/components/OrTextbox/index.js

@@ -0,0 +1,24 @@
+export { _ as OrTextbox, T as TextboxTypes } from '../../OrTextbox-ffc9bf3d.js';
+import 'vue-demi';
+import '../../px-to-rem-0b26b83e.js';
+import '../../dom-ba0fb2e2.js';
+import 'lodash';
+import '../../OrLabel-0574b639.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';
+import '../../OrIconButton-05c25d9d.js';
+import '../OrTooltipWrapper/OrTooltipWrapper.js';
+import '../../OrTooltip-cf20df81.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../OrFloating-55665d61.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue2/OrTeleportVue2.js';
+import 'portal-vue/dist/portal-vue.esm.js';
+import '../../constants-b4c183aa.js';
+import '../../constants-6678dfb5.js';
+import '../../OrIcon-b54b605a.js';
+import '../../OrLoader-16a453c4.js';
+import '../../OrHint-4b5e2e20.js';
+import '../../OrError-9c32e442.js';
+import '../OrCollapse/OrCollapse.js';
+import '../../useToggle-29e4d7c7.js';

package/dist/bundled/v2/components/OrToast/OrToast.js

@@ -1,3 +1,19 @@
-export { a as useQueue, u as useToast } from '../../useQueue-419a3ead.js';
-import '@vueuse/core';
+export { _ as default } from '../../OrToast-64917bd0.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';
 import 'vue-demi';
+import '../../props-fb3f60a5.js';
+import '../../OrIconButton-cf05263d.js';
+import '../../OrIcon-8dcb2a6e.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrTooltip/OrTooltip.js';
+import '@vueuse/core';
+import '../../OrPopover-f03a8230.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheet/OrBottomSheet.js';
+import '../OrOverlay/OrOverlay.js';
+import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import 'portal-vue';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../../OrLoader-7dd59764.js';

package/dist/bundled/v2/components/OrToast/index.js

@@ -0,0 +1,3 @@
+export { a as useQueue, u as useToast } from '../../useToast-4fbe0e5a.js';
+import 'vue-demi';
+import '@vueuse/core';

package/dist/bundled/v2/components/OrToastContainer/OrToastContainer.js

@@ -1,19 +1,222 @@
-export { _ as default } from '../../OrToastContainer-b05319b5.js';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
-import '@vueuse/core';
-import 'vue-demi';
-import '../../props-32824e11.js';
-import '../../OrIconButton-51967efb.js';
-import '../../OrIcon-14cdfa12.js';
+import { useToggle } from '@vueuse/core';
+import { defineComponent, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
+import { u as useToastEventBus, a as useQueue } from '../../useToastEventBus-422dae05.js';
+import { _ as __vue_component__$2, T as ToastContainer, a as ToastContainerPositions } from '../../OrToast-64917bd0.js';
+import { P as PositionsX, a as PositionsY, b as TransitionType } from '../../props-fb3f60a5.js';
+import __vue_component__$1 from '../OrTeleport.vue2/OrTeleport.vue2.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import { c as createInjector } from '../../browser-82dea9ed.js';
+import '../../OrIconButton-cf05263d.js';
+import '../../OrIcon-8dcb2a6e.js';
 import '../../useClassAttribute-47fdb016.js';
-import '../../OrTooltip-85f35367.js';
-import '../../OrPopover-08d41a4f.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrPopover-f03a8230.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrOverlay-491be882.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
-import 'portal-vue';
+import '../OrOverlay/OrOverlay.js';
 import '../../useElevation-31bfe1f6.js';
+import 'portal-vue';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrLoader-58e8d7af.js';
+import '../../OrLoader-7dd59764.js';
+
+var script = defineComponent({
+  name: 'OrToastContainer',
+  components: {
+    OrTeleport: __vue_component__$1,
+    OrToast: __vue_component__$2
+  },
+  props: {
+    includeHeaderHeight: {
+      type: Boolean,
+      default: true
+    },
+    position: {
+      type: Object,
+      default: {
+        positionX: PositionsX.Right,
+        positionY: PositionsY.Bottom
+      }
+    },
+    transition: {
+      type: String,
+      default: TransitionType.Slide
+    }
+  },
+  setup(props) {
+    const {
+      on,
+      off
+    } = useToastEventBus();
+    const {
+      queue: queueRef,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem
+    } = useQueue();
+    const [isActive, toggle] = useToggle(false);
+    const classes = computed(() => {
+      var _a;
+      return ['or-toast-container', ...ToastContainer, ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`], {
+        'position--top--with-header': ((_a = props.position) === null || _a === void 0 ? void 0 : _a.positionY) === PositionsY.Top && props.includeHeaderHeight
+      }];
+    });
+    const transitionName = computed(() => {
+      var _a;
+      return `or-toast--position-${(_a = props.position) === null || _a === void 0 ? void 0 : _a.positionX} or-toast--transition-${props.transition}`;
+    });
+    // State
+    const queue = computed(() => {
+      return queueRef.value.map(({
+        value
+      }) => value);
+    });
+    // Methods
+    function createToast(toastConfiguration) {
+      const caller = () => {
+        var _a;
+        addItem(toastConfiguration);
+        (_a = toastConfiguration.timer) === null || _a === void 0 ? void 0 : _a.start(toastRemove.bind(null, toastConfiguration), toastConfiguration.toastBehaviour.duration);
+      };
+      if (!isActive.value) {
+        // before create toast we need change isActive props, to render or-teleport,
+        // in other case first item will not be animated
+        toggle(true);
+        nextTick(caller);
+      } else {
+        caller();
+      }
+    }
+    function toastUpdate(toast) {
+      const toastItem = getItem(item => {
+        return item.hash === toast.hash;
+      });
+      if (toastItem) toastItem.value = toast;
+    }
+    function toastRemove(toast) {
+      removeItem(item => {
+        var _a, _b, _c;
+        if (item.hash === toast.hash) {
+          (_b = (_a = item.toastBehaviour) === null || _a === void 0 ? void 0 : _a.onToastClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+          (_c = item.timer) === null || _c === void 0 ? void 0 : _c.stop();
+          return true;
+        }
+        return false;
+      });
+    }
+    function onToastEnter(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.pause();
+    }
+    function onToastLeave(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.resume();
+    }
+    function onClick(toastBehaviour) {
+      var _a;
+      (_a = toastBehaviour.onToastClick) === null || _a === void 0 ? void 0 : _a.call(toastBehaviour);
+    }
+    function onToastHidden() {
+      toggle(queue.value.length > 0);
+    }
+    // Effects
+    onBeforeMount(() => {
+      on('toastNotify', createToast);
+      on('toastClose', toastRemove);
+      on('toastUpdate', toastUpdate);
+      on('toastCloseAll', clearAll);
+    });
+    onBeforeUnmount(() => {
+      off('toastNotify', createToast);
+      off('toastClose', toastRemove);
+      off('toastUpdate', toastUpdate);
+      off('toastCloseAll', clearAll);
+    });
+    return {
+      on,
+      off,
+      classes,
+      transitionName,
+      isActive,
+      toggle,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem,
+      queue,
+      createToast,
+      toastUpdate,
+      toastRemove,
+      onToastEnter,
+      onToastLeave,
+      onClick,
+      onToastHidden
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.isActive ? _c('OrTeleport', [_c('div', {
+    class: _vm.classes
+  }, [_c('TransitionGroup', {
+    class: ['contents'],
+    attrs: {
+      "name": _vm.transitionName
+    },
+    on: {
+      "after-leave": _vm.onToastHidden
+    }
+  }, _vm._l(_vm.queue, function (toastConfiguration) {
+    return _c('OrToast', _vm._b({
+      key: toastConfiguration.hash,
+      on: {
+        "click": function ($event) {
+          return _vm.onClick(toastConfiguration.toastBehaviour);
+        },
+        "mouseenter": function ($event) {
+          return _vm.onToastEnter(toastConfiguration);
+        },
+        "mouseleave": function ($event) {
+          return _vm.onToastLeave(toastConfiguration);
+        },
+        "close": function ($event) {
+          return _vm.toastRemove(toastConfiguration);
+        }
+      }
+    }, 'OrToast', toastConfiguration.toastProps, false));
+  }), 1)], 1)]) : _vm._e();
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-13aec892_0", {
+    source: ".or-toast-container[data-v-13aec892]{z-index:26}.or-toast--transition-slide-enter-active[data-v-13aec892],.or-toast--transition-slide-leave-active[data-v-13aec892]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-13aec892],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-13aec892]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-13aec892],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-13aec892]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-13aec892],.or-toast--transition-fade-leave-active[data-v-13aec892]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-13aec892],.or-toast--transition-fade-leave-to[data-v-13aec892]{opacity:0}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-13aec892";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* 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, createInjector, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrToastV3/index.js

@@ -0,0 +1,5 @@
+export { u as useToastV3 } from '../../useToast-40bff6ec.js';
+export { a as useQueueV3 } from '../../useToastEventBus-422dae05.js';
+import '../../props-fb3f60a5.js';
+import '@vueuse/core';
+import 'vue-demi';