@onereach/ui-components 25.1.1-beta.5756.0 → 25.1.1-beta.5758.0

package/dist/esm/{types-BZoeLGz1.mjs.map → types-BwxhurSS.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"types-BZoeLGz1.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n  Right = 'right',\n  Left = 'left',\n  Center = 'center',\n}\n\nexport enum PositionsY {\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n  Slide = 'slide',\n  Fade = 'fade',\n}\n\nexport enum ToastType {\n  Success = 'success',\n  Error = 'error',\n  Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-[343px] md:w-[512px]',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  // Theme (children)\n  '[&_:any-link]:text-inverse-primary',\n  'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n  'left-top': [\n    // Position\n    'left-md md:left-lg',\n    'top-md md:top-lg',\n  ],\n\n  'center-top': [\n    // Position\n    'top-md md:top-lg',\n  ],\n\n  'right-top': [\n    // Position\n    'right-md md:right-lg',\n    'top-md md:top-lg',\n  ],\n\n  'left-bottom': [\n    // Position\n    'left-md md:left-lg',\n    'bottom-md md:bottom-lg',\n  ],\n\n  'center-bottom': [\n    // Position\n    'bottom-md md:bottom-lg',\n  ],\n\n  'right-bottom': [\n    // Position\n    'right-md md:right-lg',\n    'bottom-md md:bottom-lg',\n  ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n  'success': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'error': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'loading': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot name=\"content\">\n      <!-- before message -->\n      <div\n        v-if=\"toastType === 'loading'\"\n        :class=\"loaderStyle\"\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"'inherit'\"\n          :size=\"'s'\"\n        />\n      </div>\n\n      <img\n        v-else-if=\"emojiSrc\"\n        :class=\"toastIconStyle\"\n        :src=\"emojiSrc\"\n        alt=\"Emoji\"\n      >\n\n      <!-- message -->\n      <div\n        v-if=\"messageText\"\n        :class=\"messageStyle\"\n        v-html=\"messageText\"\n      />\n    </slot>\n\n    <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n      <template v-if=\"link\">\n        <a\n          class=\"or-toast__link\"\n          :href=\"link.href\"\n          :target=\"hrefTarget\"\n          @click=\"onLinkClick\"\n        >\n          {{ link.title }}\n        </a>\n      </template>\n\n      <template v-if=\"dismissible\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :size=\"'m'\"\n          @click.stop=\"onClose()\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n  name: 'OrToast',\n\n  components: {\n    OrIconButton,\n    OrLoader,\n  },\n\n  props: {\n    toastType: {\n      type: String as PropType<`${ToastType}`>,\n      default: () => ToastType.Success,\n    },\n\n    link: {\n      type: Object as PropType<ToastLink>,\n      default: undefined,\n    },\n\n    messageText: {\n      type: String,\n      default: undefined,\n    },\n\n    dismissible: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      ...Toast,\n    ]);\n\n    const toastIconStyle = computed(() => [\n      'self-center',\n      'object-cover',\n      // Box\n      'w-[20px]',\n      'h-[20px]',\n    ]);\n\n    const messageStyle = computed(() => [\n      ...messageStyleVariant[props.toastType],\n      'grow',\n    ]);\n\n    const loaderStyle = computed(() => [\n      //Layout\n      'self-center',\n      // Theme\n      'text-inverse-primary',\n      'dark:text-inverse-primary-dark',\n    ]);\n\n    // State\n    const emojiSrc = computed(() => {\n      switch (props.toastType) {\n        case ToastType.Success:\n          return successPng;\n        case ToastType.Error:\n          return errorPng;\n        default:\n          return null;\n      }\n    });\n\n    const hrefTarget = computed(() => {\n      return props.link?.target ?? '_self';\n    });\n\n    // Methods\n    function onClose(): void {\n      context.emit('close');\n    }\n\n    function onLinkClick(event: MouseEvent): void {\n      if (props.link?.callback) {\n        event.preventDefault();\n        props.link.callback?.();\n      }\n    }\n\n    return {\n      root,\n      toastIconStyle,\n      rootStyles,\n      loaderStyle,\n      messageStyle,\n      emojiSrc,\n      hrefTarget,\n      onClose,\n      onLinkClick,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n  //generic needed! see https://github.com/vuejs/core/issues/2136\n  const queue = ref<Array<T>>(initialValue || []) as Ref<Ref<T>[]>;\n\n  const addItem = (item: T): void => {\n    const refItem = ref<T>(item) as Ref<T>;\n    queue.value.push(refItem);\n  };\n\n  const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n    const index = queue.value.findIndex((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    });\n    if (index !== -1) queue.value.splice(index, 1);\n  };\n\n  const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n    return queue.value.filter((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    })[0];\n  };\n\n  const clearAll = (): void => {\n    queue.value = [];\n  };\n\n  return {\n    queue,\n    addItem,\n    removeItem,\n    clearAll,\n    getItem,\n  };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'|'toastClose'|'toastCloseAll' | 'toastUpdate';\n\nconst useToastEventBus = () => {\n  const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n    toastNotify: useEventBus('toastNotify'),\n    toastClose: useEventBus('toastClose'),\n    toastCloseAll: useEventBus('toastCloseAll'),\n    toastUpdate: useEventBus('toastUpdate'),\n  };\n  return {\n    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].on(listener);\n    },\n    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].off(listener);\n    },\n    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n      busPull[namedQueue].emit(data);\n    },\n  };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n  <OrTeleport :disabled=\"isActive\">\n    <div\n      :ref=\"'root'\"\n      :class=\"classes\"\n    >\n      <TransitionGroup\n        :name=\"transitionName\"\n        tag=\"div\"\n        class=\"contents\"\n        @after-leave=\"onToastHidden\"\n      >\n        <OrToast\n          v-for=\"toastConfiguration in queue\"\n          v-bind=\"toastConfiguration.toastProps\"\n          :key=\"toastConfiguration.hash\"\n          @click=\"onClick(toastConfiguration.toastBehaviour)\"\n          @mouseenter=\"onToastEnter(toastConfiguration)\"\n          @mouseleave=\"onToastLeave(toastConfiguration)\"\n          @close=\"toastRemove(toastConfiguration)\"\n        />\n      </TransitionGroup>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n  name: 'OrToastContainer',\n\n  components: {\n    OrTeleport,\n    OrToast,\n  },\n\n  props: {\n    includeHeaderHeight: {\n      type: Boolean,\n      default: true,\n    },\n\n    position: {\n      type: Object as PropType<Position>,\n      default: {\n        positionX: PositionsX.Right,\n        positionY: PositionsY.Bottom,\n      } as Position,\n    },\n\n    transition: {\n      type: String as PropType<`${TransitionType}`>,\n      default: () => TransitionType.Slide,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { on, off } = useToastEventBus();\n    const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n    const [isActive, toggle] = useToggle(false);\n    const classes = computed(() => [\n      'or-toast-container-v3',\n      ...ToastContainer,\n      ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n      {\n        'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n      },\n    ]);\n    const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n    // State\n    const queue = computed<ToastConfiguration[]>(() => {\n      return queueRef.value.map(({ value }) => value);\n    });\n\n    // Methods\n    function createToast(toastConfiguration: ToastConfiguration): void {\n      const caller = () => {\n        addItem(toastConfiguration);\n        toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n          toastConfiguration.toastBehaviour.duration,\n        );\n      };\n\n      if (!isActive.value) {\n        // before create toast we need change isActive props, to render or-teleport,\n        // in other case first item will not be animated\n        toggle(true);\n        nextTick(caller);\n      } else {\n        caller();\n      }\n    }\n\n    function toastUpdate(toast: ToastConfiguration): void {\n      const toastItem = getItem((item) => {\n        return item.hash === toast.hash;\n      });\n\n      if (toastItem)\n        toastItem.value = toast;\n    }\n\n    function toastRemove(toast: ToastConfiguration): void {\n      removeItem((item) => {\n        if (item.hash === toast.hash) {\n          item.toastBehaviour?.onToastClose?.();\n          item.timer?.stop();\n          return true;\n        }\n        return false;\n      });\n    }\n\n    function onToastEnter(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.pause();\n    }\n\n    function onToastLeave(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.resume();\n    }\n\n    function onClick(toastBehaviour: ToastBehaviour): void {\n      toastBehaviour.onToastClick?.();\n    }\n\n    function onToastHidden(): void {\n      toggle(queue.value.length > 0);\n    }\n\n    // Effects\n    onBeforeMount(() => {\n      on('toastNotify', createToast);\n      on('toastClose', toastRemove);\n      on('toastUpdate', toastUpdate);\n      on('toastCloseAll', clearAll);\n    });\n\n    onBeforeUnmount(() => {\n      off('toastNotify', createToast);\n      off('toastClose', toastRemove);\n      off('toastUpdate', toastUpdate);\n      off('toastCloseAll', clearAll);\n    });\n\n    useElevation(root, isActive);\n\n    return {\n      on,\n      off,\n      classes,\n      transitionName,\n      isActive,\n      toggle,\n      addItem,\n      removeItem,\n      clearAll,\n      getItem,\n      queue,\n      root,\n      createToast,\n      toastUpdate,\n      toastRemove,\n      onToastEnter,\n      onToastLeave,\n      onClick,\n      onToastHidden,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n  transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n  transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n  transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n  transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n  private startedAt: number| null = null;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private callback: () => void = noop;\n  private delay = 0;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  constructor() {}\n\n  start(callback: () => void, delay?: number) {\n    if (delay && delay > 0) {\n      this.callback = callback;\n      this.delay = delay;\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  pause() {\n    if (this.timer && this.startedAt) {\n      this.stop();\n      this.delay -= Date.now() - this.startedAt;\n    }\n  }\n\n  resume() {\n    this.stop();\n    if (this.delay > 0) {\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  stop() {\n    if (this.timer)\n      clearTimeout(this.timer);\n  }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n  const { emit } = useToastEventBus();\n\n  function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n    const propsData = {\n      ...props,\n      ...globalToastProps,\n    };\n\n    const config: ToastConfiguration = {\n      toastProps: propsData,\n      //generate ToastHash\n      hash: Math.random().toString(36).slice(2),\n      ...(Number.isInteger(duration) && { timer: new Timer() }),\n      toastBehaviour: {\n        duration,\n        pauseOnHover,\n        onToastClose,\n        onToastClick,\n      },\n    };\n\n    emit('toastNotify', config);\n\n    return ({\n      close: () => emit('toastClose', config),\n      update: (data: ToastProps) => emit('toastUpdate', {\n        ...config,\n        toastProps: {\n          ...config.toastProps,\n          ...data,\n        },\n      }),\n    });\n  }\n\n  function clearAll(): void {\n    emit('toastCloseAll');\n  }\n\n  function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Success,\n    }, behaviour);\n  }\n\n  function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Error,\n    }, behaviour);\n  }\n\n\n  function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      dismissible: false,\n      ...props,\n      toastType: ToastType.Loading,\n    }, {\n      ...behaviour,\n      duration: 0, // <- toast with type \"loading\" will not cloe automatically\n    });\n  }\n\n  return {\n    notify,\n    clearAll,\n    success,\n    error,\n    loading,\n  };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}
+{"version":3,"file":"types-BwxhurSS.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n  Right = 'right',\n  Left = 'left',\n  Center = 'center',\n}\n\nexport enum PositionsY {\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n  Slide = 'slide',\n  Fade = 'fade',\n}\n\nexport enum ToastType {\n  Success = 'success',\n  Error = 'error',\n  Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-[343px] md:w-[512px]',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  // Theme (children)\n  '[&_:any-link]:text-inverse-primary',\n  'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n  'left-top': [\n    // Position\n    'left-md md:left-lg',\n    'top-md md:top-lg',\n  ],\n\n  'center-top': [\n    // Position\n    'top-md md:top-lg',\n  ],\n\n  'right-top': [\n    // Position\n    'right-md md:right-lg',\n    'top-md md:top-lg',\n  ],\n\n  'left-bottom': [\n    // Position\n    'left-md md:left-lg',\n    'bottom-md md:bottom-lg',\n  ],\n\n  'center-bottom': [\n    // Position\n    'bottom-md md:bottom-lg',\n  ],\n\n  'right-bottom': [\n    // Position\n    'right-md md:right-lg',\n    'bottom-md md:bottom-lg',\n  ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n  'success': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'error': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'loading': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot name=\"content\">\n      <!-- before message -->\n      <div\n        v-if=\"toastType === 'loading'\"\n        :class=\"loaderStyle\"\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"'inherit'\"\n          :size=\"'s'\"\n        />\n      </div>\n\n      <img\n        v-else-if=\"emojiSrc\"\n        :class=\"toastIconStyle\"\n        :src=\"emojiSrc\"\n        alt=\"Emoji\"\n      >\n\n      <!-- message -->\n      <div\n        v-if=\"messageText\"\n        :class=\"messageStyle\"\n        v-html=\"messageText\"\n      />\n    </slot>\n\n    <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n      <template v-if=\"link\">\n        <a\n          class=\"or-toast__link\"\n          :href=\"link.href\"\n          :target=\"hrefTarget\"\n          @click=\"onLinkClick\"\n        >\n          {{ link.title }}\n        </a>\n      </template>\n\n      <template v-if=\"dismissible\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :size=\"'m'\"\n          @click.stop=\"onClose()\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n  name: 'OrToast',\n\n  components: {\n    OrIconButton,\n    OrLoader,\n  },\n\n  props: {\n    toastType: {\n      type: String as PropType<`${ToastType}`>,\n      default: () => ToastType.Success,\n    },\n\n    link: {\n      type: Object as PropType<ToastLink>,\n      default: undefined,\n    },\n\n    messageText: {\n      type: String,\n      default: undefined,\n    },\n\n    dismissible: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      ...Toast,\n    ]);\n\n    const toastIconStyle = computed(() => [\n      'self-center',\n      'object-cover',\n      // Box\n      'w-[20px]',\n      'h-[20px]',\n    ]);\n\n    const messageStyle = computed(() => [\n      ...messageStyleVariant[props.toastType],\n      'grow',\n    ]);\n\n    const loaderStyle = computed(() => [\n      //Layout\n      'self-center',\n      // Theme\n      'text-inverse-primary',\n      'dark:text-inverse-primary-dark',\n    ]);\n\n    // State\n    const emojiSrc = computed(() => {\n      switch (props.toastType) {\n        case ToastType.Success:\n          return successPng;\n        case ToastType.Error:\n          return errorPng;\n        default:\n          return null;\n      }\n    });\n\n    const hrefTarget = computed(() => {\n      return props.link?.target ?? '_self';\n    });\n\n    // Methods\n    function onClose(): void {\n      context.emit('close');\n    }\n\n    function onLinkClick(event: MouseEvent): void {\n      if (props.link?.callback) {\n        event.preventDefault();\n        props.link.callback?.();\n      }\n    }\n\n    return {\n      root,\n      toastIconStyle,\n      rootStyles,\n      loaderStyle,\n      messageStyle,\n      emojiSrc,\n      hrefTarget,\n      onClose,\n      onLinkClick,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n  //generic needed! see https://github.com/vuejs/core/issues/2136\n  const queue = ref<Array<T>>(initialValue || []) as Ref<Ref<T>[]>;\n\n  const addItem = (item: T): void => {\n    const refItem = ref<T>(item) as Ref<T>;\n    queue.value.push(refItem);\n  };\n\n  const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n    const index = queue.value.findIndex((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    });\n    if (index !== -1) queue.value.splice(index, 1);\n  };\n\n  const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n    return queue.value.filter((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    })[0];\n  };\n\n  const clearAll = (): void => {\n    queue.value = [];\n  };\n\n  return {\n    queue,\n    addItem,\n    removeItem,\n    clearAll,\n    getItem,\n  };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'|'toastClose'|'toastCloseAll' | 'toastUpdate';\n\nconst useToastEventBus = () => {\n  const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n    toastNotify: useEventBus('toastNotify'),\n    toastClose: useEventBus('toastClose'),\n    toastCloseAll: useEventBus('toastCloseAll'),\n    toastUpdate: useEventBus('toastUpdate'),\n  };\n  return {\n    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].on(listener);\n    },\n    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].off(listener);\n    },\n    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n      busPull[namedQueue].emit(data);\n    },\n  };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n  <OrTeleport :disabled=\"isActive\">\n    <div\n      :ref=\"'root'\"\n      :class=\"classes\"\n    >\n      <TransitionGroup\n        :name=\"transitionName\"\n        tag=\"div\"\n        class=\"contents\"\n        @after-leave=\"onToastHidden\"\n      >\n        <OrToast\n          v-for=\"toastConfiguration in queue\"\n          v-bind=\"toastConfiguration.toastProps\"\n          :key=\"toastConfiguration.hash\"\n          @click=\"onClick(toastConfiguration.toastBehaviour)\"\n          @mouseenter=\"onToastEnter(toastConfiguration)\"\n          @mouseleave=\"onToastLeave(toastConfiguration)\"\n          @close=\"toastRemove(toastConfiguration)\"\n        />\n      </TransitionGroup>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n  name: 'OrToastContainer',\n\n  components: {\n    OrTeleport,\n    OrToast,\n  },\n\n  props: {\n    includeHeaderHeight: {\n      type: Boolean,\n      default: true,\n    },\n\n    position: {\n      type: Object as PropType<Position>,\n      default: {\n        positionX: PositionsX.Right,\n        positionY: PositionsY.Bottom,\n      } as Position,\n    },\n\n    transition: {\n      type: String as PropType<`${TransitionType}`>,\n      default: () => TransitionType.Slide,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { on, off } = useToastEventBus();\n    const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n    const [isActive, toggle] = useToggle(false);\n    const classes = computed(() => [\n      'or-toast-container-v3',\n      ...ToastContainer,\n      ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n      {\n        'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n      },\n    ]);\n    const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n    // State\n    const queue = computed<ToastConfiguration[]>(() => {\n      return queueRef.value.map(({ value }) => value);\n    });\n\n    // Methods\n    function createToast(toastConfiguration: ToastConfiguration): void {\n      const caller = () => {\n        addItem(toastConfiguration);\n        toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n          toastConfiguration.toastBehaviour.duration,\n        );\n      };\n\n      if (!isActive.value) {\n        // before create toast we need change isActive props, to render or-teleport,\n        // in other case first item will not be animated\n        toggle(true);\n        nextTick(caller);\n      } else {\n        caller();\n      }\n    }\n\n    function toastUpdate(toast: ToastConfiguration): void {\n      const toastItem = getItem((item) => {\n        return item.hash === toast.hash;\n      });\n\n      if (toastItem)\n        toastItem.value = toast;\n    }\n\n    function toastRemove(toast: ToastConfiguration): void {\n      removeItem((item) => {\n        if (item.hash === toast.hash) {\n          item.toastBehaviour?.onToastClose?.();\n          item.timer?.stop();\n          return true;\n        }\n        return false;\n      });\n    }\n\n    function onToastEnter(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.pause();\n    }\n\n    function onToastLeave(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.resume();\n    }\n\n    function onClick(toastBehaviour: ToastBehaviour): void {\n      toastBehaviour.onToastClick?.();\n    }\n\n    function onToastHidden(): void {\n      toggle(queue.value.length > 0);\n    }\n\n    // Effects\n    onBeforeMount(() => {\n      on('toastNotify', createToast);\n      on('toastClose', toastRemove);\n      on('toastUpdate', toastUpdate);\n      on('toastCloseAll', clearAll);\n    });\n\n    onBeforeUnmount(() => {\n      off('toastNotify', createToast);\n      off('toastClose', toastRemove);\n      off('toastUpdate', toastUpdate);\n      off('toastCloseAll', clearAll);\n    });\n\n    useElevation(root, isActive);\n\n    return {\n      on,\n      off,\n      classes,\n      transitionName,\n      isActive,\n      toggle,\n      addItem,\n      removeItem,\n      clearAll,\n      getItem,\n      queue,\n      root,\n      createToast,\n      toastUpdate,\n      toastRemove,\n      onToastEnter,\n      onToastLeave,\n      onClick,\n      onToastHidden,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n  transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n  transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n  transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n  transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n  private startedAt: number| null = null;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private callback: () => void = noop;\n  private delay = 0;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  constructor() {}\n\n  start(callback: () => void, delay?: number) {\n    if (delay && delay > 0) {\n      this.callback = callback;\n      this.delay = delay;\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  pause() {\n    if (this.timer && this.startedAt) {\n      this.stop();\n      this.delay -= Date.now() - this.startedAt;\n    }\n  }\n\n  resume() {\n    this.stop();\n    if (this.delay > 0) {\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  stop() {\n    if (this.timer)\n      clearTimeout(this.timer);\n  }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n  const { emit } = useToastEventBus();\n\n  function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n    const propsData = {\n      ...props,\n      ...globalToastProps,\n    };\n\n    const config: ToastConfiguration = {\n      toastProps: propsData,\n      //generate ToastHash\n      hash: Math.random().toString(36).slice(2),\n      ...(Number.isInteger(duration) && { timer: new Timer() }),\n      toastBehaviour: {\n        duration,\n        pauseOnHover,\n        onToastClose,\n        onToastClick,\n      },\n    };\n\n    emit('toastNotify', config);\n\n    return ({\n      close: () => emit('toastClose', config),\n      update: (data: ToastProps) => emit('toastUpdate', {\n        ...config,\n        toastProps: {\n          ...config.toastProps,\n          ...data,\n        },\n      }),\n    });\n  }\n\n  function clearAll(): void {\n    emit('toastCloseAll');\n  }\n\n  function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Success,\n    }, behaviour);\n  }\n\n  function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Error,\n    }, behaviour);\n  }\n\n\n  function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      dismissible: false,\n      ...props,\n      toastType: ToastType.Loading,\n    }, {\n      ...behaviour,\n      duration: 0, // <- toast with type \"loading\" will not cloe automatically\n    });\n  }\n\n  return {\n    notify,\n    clearAll,\n    success,\n    error,\n    loading,\n  };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}

package/dist/types/components/index.d.ts

@@ -66,7 +66,6 @@ export * from './or-skeleton-v3';
 export * from './or-slider-v3';
 export * from './or-sorting-v3';
 export * from './or-status-v3';
-export * from './or-sub-menu-item-v3';
 export * from './or-switch-v3';
 export * from './or-tab-v3';
 export * from './or-tabs-v3';

package/dist/types/components/or-data-grid-v3/OrDataGrid.vue.d.ts

@@ -464,7 +464,6 @@ declare const _default: import("vue").DefineComponent<{
                     onClose?: ((...args: any[]) => any) | undefined;
                 }, {
                     root: import("vue").Ref<HTMLElement | undefined>;
-                    popover: import("vue").Ref<any>;
                     rootStyles: import("vue").ComputedRef<string[]>;
                     popoverStyles: import("vue").ComputedRef<string[]>;
                     state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -525,7 +524,6 @@ declare const _default: import("vue").DefineComponent<{
                 onClose?: ((...args: any[]) => any) | undefined;
             } & import("vue").ShallowUnwrapRef<{
                 root: import("vue").Ref<HTMLElement | undefined>;
-                popover: import("vue").Ref<any>;
                 rootStyles: import("vue").ComputedRef<string[]>;
                 popoverStyles: import("vue").ComputedRef<string[]>;
                 state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -819,7 +817,6 @@ declare const _default: import("vue").DefineComponent<{
                     onClose?: ((...args: any[]) => any) | undefined;
                 }, {
                     root: import("vue").Ref<HTMLElement | undefined>;
-                    popover: import("vue").Ref<any>;
                     rootStyles: import("vue").ComputedRef<string[]>;
                     popoverStyles: import("vue").ComputedRef<string[]>;
                     state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -880,7 +877,6 @@ declare const _default: import("vue").DefineComponent<{
                 onClose?: ((...args: any[]) => any) | undefined;
             } & import("vue").ShallowUnwrapRef<{
                 root: import("vue").Ref<HTMLElement | undefined>;
-                popover: import("vue").Ref<any>;
                 rootStyles: import("vue").ComputedRef<string[]>;
                 popoverStyles: import("vue").ComputedRef<string[]>;
                 state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -1233,7 +1229,6 @@ declare const _default: import("vue").DefineComponent<{
                 onClose?: ((...args: any[]) => any) | undefined;
             }, {
                 root: import("vue").Ref<HTMLElement | undefined>;
-                popover: import("vue").Ref<any>;
                 rootStyles: import("vue").ComputedRef<string[]>;
                 popoverStyles: import("vue").ComputedRef<string[]>;
                 state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -1294,7 +1289,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -1588,7 +1582,6 @@ declare const _default: import("vue").DefineComponent<{
                 onClose?: ((...args: any[]) => any) | undefined;
             }, {
                 root: import("vue").Ref<HTMLElement | undefined>;
-                popover: import("vue").Ref<any>;
                 rootStyles: import("vue").ComputedRef<string[]>;
                 popoverStyles: import("vue").ComputedRef<string[]>;
                 state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -1649,7 +1642,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;

package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts

@@ -319,8 +319,6 @@ declare const _default: import("vue").DefineComponent<{
             style?: unknown;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onMouseover?: ((...args: any[]) => any) | undefined;
-            onMouseout?: ((...args: any[]) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -333,7 +331,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "click" | "close" | "focus" | "blur" | "mouseover" | "mouseout", ...args: any[]) => void;
+        $emit: (event: "click" | "close" | "focus" | "blur", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             icon: {
@@ -410,8 +408,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onMouseover?: ((...args: any[]) => any) | undefined;
-            onMouseout?: ((...args: any[]) => any) | undefined;
         }, {
             content: import("vue").Ref<HTMLDivElement | undefined>;
             root: import("vue").Ref<HTMLElement | undefined>;
@@ -626,7 +622,7 @@ declare const _default: import("vue").DefineComponent<{
             }>;
             isRootVisible: import("vue").Ref<boolean>;
             stop: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close" | "focus" | "blur" | "mouseover" | "mouseout")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close" | "focus" | "blur")[], string, {
             disabled: boolean;
             icon: string | {
                 variant?: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit" | undefined;
@@ -776,8 +772,6 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onMouseover?: ((...args: any[]) => any) | undefined;
-        onMouseout?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         content: import("vue").Ref<HTMLDivElement | undefined>;
         root: import("vue").Ref<HTMLElement | undefined>;
@@ -1277,7 +1271,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -1338,7 +1331,6 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
-        popover: import("vue").Ref<any>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
         state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -1445,7 +1437,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -1506,7 +1497,6 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
-        popover: import("vue").Ref<any>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
         state: Readonly<import("vue").Ref<"open" | "closed">>;

package/dist/types/components/or-editor-tabs-v3/OrEditorTabs.vue.d.ts

@@ -1,5 +1,5 @@
-import { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';
 import { PropType } from 'vue';
+import { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';
 import { EditorTabsOverflow } from './props';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {

package/dist/types/components/or-menu-item-v3/OrMenuItem.vue.d.ts

@@ -284,7 +284,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     isRootVisible: import("vue").Ref<boolean>;
     stop: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close" | "focus" | "blur" | "mouseover" | "mouseout")[], "click" | "close" | "focus" | "blur" | "mouseover" | "mouseout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close" | "focus" | "blur")[], "click" | "close" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
         type: PropType<string | {
             variant?: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit" | undefined;
@@ -359,8 +359,6 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
-    onMouseover?: ((...args: any[]) => any) | undefined;
-    onMouseout?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     icon: string | {

package/dist/types/components/or-menu-v3/OrMenu.vue.d.ts

@@ -1,6 +1,6 @@
 import { ReferenceElement } from '@floating-ui/dom';
-import { PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';
 import { PropType } from 'vue';
+import { PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';
 declare const _default: import("vue").DefineComponent<{
     isOpen: {
         type: BooleanConstructor;
@@ -24,7 +24,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
-    popover: import("vue").Ref<any>;
     rootStyles: import("vue").ComputedRef<string[]>;
     popoverStyles: import("vue").ComputedRef<string[]>;
     state: Readonly<import("vue").Ref<"open" | "closed">>;

package/dist/types/components/or-pagination-v3/OrPagination.vue.d.ts

@@ -303,7 +303,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -364,7 +363,6 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
-        popover: import("vue").Ref<any>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
         state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -658,7 +656,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -719,7 +716,6 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
-        popover: import("vue").Ref<any>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
         state: Readonly<import("vue").Ref<"open" | "closed">>;

package/dist/types/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts

@@ -3110,7 +3110,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -3171,7 +3170,6 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
-        popover: import("vue").Ref<any>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
         state: Readonly<import("vue").Ref<"open" | "closed">>;

package/dist/types/components/or-sorting-v3/OrSorting.vue.d.ts

@@ -36,7 +36,6 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         root: import("vue").Ref<HTMLElement | undefined>;
-        popover: import("vue").Ref<any>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
         state: Readonly<import("vue").Ref<"open" | "closed">>;

package/dist/types/components/or-tabs-v3/OrTabs.vue.d.ts

@@ -255,7 +255,6 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
-            popover: import("vue").Ref<any>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             state: Readonly<import("vue").Ref<"open" | "closed">>;
@@ -316,7 +315,6 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
-        popover: import("vue").Ref<any>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
         state: Readonly<import("vue").Ref<"open" | "closed">>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "25.1.1-beta.5756.0",
+  "version": "25.1.1-beta.5758.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^25.1.1-beta.5756.0",
-    "@onereach/ui-components-common": "^25.1.1-beta.5756.0",
+    "@onereach/styles": "^25.1.1-beta.5758.0",
+    "@onereach/ui-components-common": "^25.1.1-beta.5758.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",

package/src/components/index.ts

@@ -66,7 +66,6 @@ export * from './or-skeleton-v3';
 export * from './or-slider-v3';
 export * from './or-sorting-v3';
 export * from './or-status-v3';
-export * from './or-sub-menu-item-v3';
 export * from './or-switch-v3';
 export * from './or-tab-v3';
 export * from './or-tabs-v3';

package/dist/esm/OrEditorTabs-FilNHKUD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrEditorTabs-FilNHKUD.mjs","sources":["../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/styles.ts","../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/OrEditorTabsItem.vue","../../../components/or-editor-tabs-v3/src/props.ts","../../../components/or-editor-tabs-v3/src/styles.ts","../../../components/or-editor-tabs-v3/src/OrEditorTabs.vue"],"sourcesContent":["export const EditorTabsItem: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'md:max-w-[240px]',\n\n  // Spacing\n  'px-md',\n  'py-[7px]',\n\n  'gap-sm',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Border\n  'border-b-1',\n  'border-outline-variant',\n  'dark:border-outline-variant-dark',\n  'selected:border-b-[theme(backgroundColor.surface-1)]',\n  'dark:selected:border-b-[theme(backgroundColor.surface-1-dark)]',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary',\n  'dark:hover:theme-foreground-primary-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-surface-1',\n  'dark:selected:theme-background-surface-1-dark',\n\n  // FIX\n  'pb-[9px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"isVue2 && $emit('click', $event)\"\n  >\n    <slot />\n\n    <template v-if=\"closeButton\">\n      <div :class=\"['grow']\" />\n\n      <OrIconButton\n        :icon=\"'close'\"\n        :disabled=\"disabled\"\n        @click.stop=\"$emit('close')\"\n      />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { isVue2 } from '@/constants';\n\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { EditorTabsItem } from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabsItem',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-item-v3',\n      ...EditorTabsItem,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      isVue2,\n    };\n  },\n});\n</script>\n","export enum EditorTabsOverflow {\n  Scroll = 'scroll',\n  Wrap = 'wrap',\n}\n","import { EditorTabsOverflow } from './props';\n\nexport const EditorTabs: string[] = [\n  // Layout\n  'layout-column',\n];\n\nexport const EditorTabsHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Theme\n  'border-b-1',\n  'theme-border-outline-variant',\n  'dark:theme-border-outline-variant-dark',\n\n  // Box\n  'w-full',\n\n  // FIX\n  'mb-[-1px]',\n\n  // adds border between tab and '+' button\n  // 'theme-divider-outline-variant',\n  // 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsAddButton: string[] = [\n  // Box\n  'md:grow',\n  '!max-w-full',\n  '!p-sm',\n\n  // Border\n  'border-l-1',\n  'border-r-1 md:border-r-0',\n\n  // Theme\n  'border-outline-variant dark:border-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabs: string[] = [\n  // Layout\n  'layout-row grow md:grow-0',\n\n  // Box\n  'max-w-full',\n\n  // Theme\n  'theme-divider-outline-variant',\n  'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabsOverflows: Record<EditorTabsOverflow, string[]> = {\n  [EditorTabsOverflow.Scroll]: [\n    // Overflow\n    'overflow-x-auto scrollbar-hidden',\n  ],\n\n  [EditorTabsOverflow.Wrap]: [\n    // Layout\n    'flex-wrap',\n  ],\n};\n\nexport const EditorTabsContent: string[] = [\n  // Spacing\n  'px-md',\n  'py-md',\n\n  // Box\n  'grow',\n\n  // Theme\n  'theme-background-surface-1',\n  'dark:theme-background-surface-1-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"headerStyles\">\n      <div\n        :ref=\"'headerTabs'\"\n        :class=\"headerTabsStyles\"\n      >\n        <template v-if=\"isDesktop\">\n          <OrEditorTabsItem\n            v-for=\"item of items\"\n            :ref=\"'editorTabsItems'\"\n            :key=\"item.value\"\n            :close-button=\"closeButton && !item.pinned\"\n            :selected=\"item.value === proxyModelValue\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <slot\n              :name=\"`${item.value}-label`\"\n              :label=\"item.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ item.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n          <OrEditorTabsItem\n            v-if=\"addButton && overflow == 'wrap'\"\n            :close-button=\"false\"\n            :class=\"addButtonStyles\"\n            @click=\"open()\"\n          >\n            <OrIcon\n              :icon=\"'add'\"\n              :size=\"'m'\"\n              class=\"md:my-[1px]\"\n            />\n          </OrEditorTabsItem>\n        </template>\n\n        <template v-if=\"isMobile && selectedItem\">\n          <OrEditorTabsItem\n            :class=\"['grow']\"\n            :close-button=\"closeButton && !selectedItem.pinned\"\n            :selected=\"true\"\n            :disabled=\"selectedItem.disabled\"\n            @close=\"close(selectedItem)\"\n          >\n            <slot\n              :name=\"`${selectedItem.value}-label`\"\n              :label=\"selectedItem.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ selectedItem.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n        </template>\n      </div>\n\n      <template v-if=\"addButton && (overflow == 'scroll' || isMobile)\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          :class=\"addButtonStyles\"\n          @click=\"open()\"\n        >\n          <OrIcon\n            :icon=\"'add'\"\n            :size=\"'m'\"\n            class=\"md:my-[1px]\"\n          />\n        </OrEditorTabsItem>\n      </template>\n\n      <template v-if=\"isMobile && items.length > 1\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          @click=\"showOverflowMenu = true\"\n        >\n          {{ overflowItems.length }}\n\n          <OrIcon\n            :icon=\"'more_vert'\"\n            :size=\"'m'\"\n          />\n        </OrEditorTabsItem>\n\n        <OrMenu\n          :is-open=\"showOverflowMenu\"\n          @close=\"showOverflowMenu = false\"\n        >\n          <OrMenuItem\n            v-for=\"item of overflowItems\"\n            :key=\"item.value\"\n            :close-button=\"closeButton && !item.pinned\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <div :class=\"['layout-row', 'gap-sm']\">\n              <slot\n                :name=\"`${item.value}-label`\"\n                :label=\"item.label\"\n              >\n                <div :class=\"['truncate']\">\n                  {{ item.label }}\n                </div>\n              </slot>\n            </div>\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n    </div>\n\n    <div :class=\"contentStyles\">\n      <slot :name=\"proxyModelValue\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { getItemByValue } from '@onereach/ui-components-common/helpers';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isNil } from '@onereach/ui-components-common/utils';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { OrEditorTabsItem } from './partials';\nimport { EditorTabsOverflow } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabs',\n\n  components: {\n    OrEditorTabsItem,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<EditorTabsModelValue>,\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<EditorTabsItem[]>,\n      required: true,\n    },\n\n    overflow: {\n      type: String as PropType<`${EditorTabsOverflow}`>,\n      default: () => EditorTabsOverflow.Scroll,\n    },\n\n    addButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const headerTabs = ref<HTMLElement>();\n    const editorTabsItems = ref<InstanceType<typeof OrEditorTabsItem>[]>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-v3',\n      ...Styles.EditorTabs,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.EditorTabsHeader,\n    ]);\n\n    const headerTabsStyles = computed(() => [\n      ...Styles.EditorTabsHeaderTabs,\n      ...Styles.EditorTabsHeaderTabsOverflows[props.overflow],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.EditorTabsContent,\n    ]);\n\n    const addButtonStyles = computed(() => [\n      ...Styles.EditorTabsAddButton,\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const selectedItem = computed(() => {\n      return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;\n    });\n\n    watch(selectedItem, (value) => {\n      if (value) {\n        (editorTabsItems.value?.[props.items.indexOf(value)]?.root as HTMLElement | undefined)?.scrollIntoView({ block: 'nearest' });\n      }\n    }, { flush: 'post' });\n\n    const overflowItems = computed(() => {\n      return props.items.filter((item) => item.value !== proxyModelValue.value);\n    });\n\n    const showOverflowMenu = ref(false);\n\n    // Methods\n    function open(): void {\n      context.emit('open');\n    }\n\n    function close(item: EditorTabsItem): void {\n      if (item.value === proxyModelValue.value) {\n        const index = props.items.indexOf(item);\n\n        if (index !== -1) {\n          const nextItem = props.items[index + 1];\n          const previousItem = props.items[index - 1];\n\n          proxyModelValue.value = nextItem?.value || previousItem?.value;\n        }\n      }\n\n      context.emit('close', item);\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    // Effects\n    watch(() => props.items, (items) => {\n      if (items.length === 1) {\n        proxyModelValue.value = items[0].value;\n      }\n    }, { immediate: true });\n\n    return {\n      root,\n      headerTabs,\n      editorTabsItems,\n\n      rootStyles,\n      headerStyles,\n      headerTabsStyles,\n      contentStyles,\n      addButtonStyles,\n\n      proxyModelValue,\n      selectedItem,\n      overflowItems,\n      showOverflowMenu,\n\n      open,\n      close,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["EditorTabsItem","_sfc_main$1","defineComponent","OrIconButton","root","ref","rootStyles","computed","isVue2","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","EditorTabsOverflow","EditorTabs","EditorTabsHeader","EditorTabsAddButton","EditorTabsHeaderTabs","EditorTabsHeaderTabsOverflows","EditorTabsContent","_sfc_main","OrEditorTabsItem","OrIcon","OrMenu","OrMenuItem","props","context","headerTabs","editorTabsItems","Styles.EditorTabs","headerStyles","Styles.EditorTabsHeader","headerTabsStyles","Styles.EditorTabsHeaderTabs","Styles.EditorTabsHeaderTabsOverflows","contentStyles","Styles.EditorTabsContent","addButtonStyles","Styles.EditorTabsAddButton","proxyModelValue","useProxyModelValue","toRef","selectedItem","isNil","getItemByValue","watch","value","_c","_b","_a","overflowItems","item","showOverflowMenu","open","close","index","nextItem","previousItem","isDesktop","isMobile","useResponsive","items","_renderList","_createBlock","_component_OrEditorTabsItem","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_createTextVNode","_toDisplayString","_component_OrMenu","_component_OrMenuItem","_createElementVNode","_hoisted_3"],"mappings":"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"}

package/dist/esm/OrMenu-BT2QshNv.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrMenu-BT2QshNv.mjs","sources":["../../../components/or-menu-v3/src/styles.ts","../../../components/or-menu-v3/src/OrMenu.vue"],"sourcesContent":["export const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[160px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\n];\n","<template>\n  <OrPopover\n    :ref=\"popover\"\n    :class=\"popoverStyles\"\n    :custom-styles=\"popoverStyles\"\n    :is-open=\"state === 'open'\"\n    :variant=\"'auto'\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :keep-alive=\"false\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"[rootStyles, ...additionalStyles]\"\n      @click.stop=\"onClick($event)\"\n    >\n      <slot />\n    </div>\n  </OrPopover>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport { Menu } from './styles';\n\nexport default defineComponent({\n  name: 'OrMenu',\n\n  components: {\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n    'popover',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const popover = ref();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-v3',\n      ...Menu,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-menu-popover-v3',\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Handlers\n    function onClick(event: Event): void {\n      const path = event.composedPath() as HTMLElement[];\n\n      if (path.some(({ classList }) => classList?.contains('or-menu-item-v3'))) {\n        close();\n      }\n    }\n\n    return {\n      root,\n      popover,\n      rootStyles,\n      popoverStyles,\n      state,\n      open,\n      close,\n      toggle,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Menu","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","popover","rootStyles","computed","popoverStyles","state","open","close","toggle","usePopoverState","toRef","onClick","event","classList","_resolveComponent","_openBlock","_createBlock","_component_OrPopover","_ctx","_normalizeClass","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_withModifiers"],"mappings":";;;;;AAAO,MAAMA,IAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF,GCwBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA;AAAA,IAGA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAUD,KAGVE,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGX;AAAA,IAAA,CACJ,GAEKY,IAAgBD,EAAS,MAAM;AAAA,MACnC;AAAA,IAAA,CACD,GAGK,EAAE,OAAAE,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMb,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASa,EAAQC,GAAoB;AAG/B,MAFSA,EAAM,eAEV,KAAK,CAAC,EAAE,WAAAC,QAAgBA,KAAA,gBAAAA,EAAW,SAAS,kBAAkB,KAC/DN;IAEV;AAEO,WAAA;AAAA,MACL,MAAAR;AAAA,MACA,SAAAE;AAAA,MACA,YAAAC;AAAA,MACA,eAAAE;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YA7HCG,EAoBY,WAAA;AAlBJ,SAAAC,EAAA,GAAAC,EAAEC,GAAa;AAAA,IACpB,KAAAC,EAAA;AAAA,IACA,OAAcC,EAAAD,EAAA,aAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,WAASA,EAAO,UAAA;AAAA,IAChB,SAAS;AAAA,IACT,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IACZ,QAAAA,EAAA;AAAA,IAAA,cAAA;AAAA,sBAEDE,EAOM,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAH,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA,aALEI,EAAM,MAAA;AAAA,MACHC,EAAA,OAAUC,EAAKN,EAAgB,QAAA;AAAA,QACvC,KAAA;AAAA,QAAA,OAAA,CAAAA,EAAA,YAAA,GAAAA,EAAA,gBAAA;AAAA,QAED,SAAQE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAK,EAAA,CAAAJ,MAAAH,EAAA,QAAAG,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;;;;;;;"}

package/dist/esm/OrMenuItem-CohVxMQ3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrMenuItem-CohVxMQ3.mjs","sources":["../../../components/or-menu-item-v3/src/styles.ts","../../../components/or-menu-item-v3/src/OrMenuItem.vue"],"sourcesContent":["export const MenuItem: string[] = [\n  // Group\n  'group',\n\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-lg md:px-sm',\n  'py-sm+ md:py-sm',\n\n  'gap-sm md:gap-sm',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-body-2-regular md:typography-caption-regular',\n\n  // Typography (selected)\n  'selected:typography-body-2-semibold selected:md:typography-caption-semibold',\n\n  // Theme\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-default',\n  'dark:selected:theme-foreground-default-dark',\n\n  'selected:bg-primary-opacity-0-08',\n  'dark:selected:bg-primary-opacity-0-08-dark',\n\n\n  // Theme (hover)\n  'hover:md:theme-foreground-default',\n  'dark:hover:md:theme-foreground-default-dark',\n\n  // Theme (active)\n  'active:theme-foreground-default',\n  'dark:active:theme-foreground-default-dark',\n];\n\nexport const MenuItemIcon: string[] = [\n  // Iconography (hover)\n  'group-hover:iconography-filled',\n];\n\nexport const MenuItemIconSelected: string[] = [\n  // Iconography (selected)\n  'selected:iconography-filled',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled ? 0 : undefined\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n    @mouseover=\"$emit('mouseover', $event)\"\n    @mouseout=\"$emit('mouseout', $event)\"\n  >\n    <template v-if=\"icon && iconProps.icon\">\n      <OrIcon\n        :class=\"iconStyles\"\n        v-bind=\"iconProps\"\n      />\n    </template>\n    <div\n      ref=\"content\"\n      :class=\"['truncate', 'w-full']\"\n      @mouseover=\"tooltip && tooltip.open()\"\n      @mouseout=\"tooltip && tooltip.close()\"\n    >\n      <slot />\n    </div>\n\n    <slot name=\"append\" />\n\n    <template v-if=\"closeButton\">\n      <div :class=\"['grow']\" />\n\n      <OrIconButton\n        :icon=\"'close'\"\n        :disabled=\"disabled\"\n        @click.stop=\"$emit('close')\"\n      />\n    </template>\n    <OrTooltip\n      v-if=\"isTooltipShown\"\n      ref=\"tooltip\"\n      :content=\"tooltipText\"\n      :trigger=\"root\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { useIntersectionObserver } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrMenuItem',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n    OrTooltip,\n  },\n\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n    'mouseover',\n    'mouseout',\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const content = ref<HTMLDivElement>();\n    const tooltip = ref<InstanceType<typeof OrTooltip>>();\n    const isRootVisible = ref(false);\n    const { stop } = useIntersectionObserver(root, ([{ isIntersecting }]) => {\n      isRootVisible.value = isIntersecting;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-item-v3',\n      ...Styles.MenuItem,\n    ]);\n\n    const iconStyles = computed(() => [\n      ...Styles.MenuItemIcon,\n      ...props.selected ? Styles.MenuItemIconSelected : [],\n    ]);\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          ...(props.icon as object),\n        };\n    });\n\n    // Tooltip display logic\n    const isTooltipShown = computed<boolean>(() => {\n      if (isRootVisible.value) {\n        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;\n      }\n      return false;\n    });\n\n    return {\n      content,\n      root,\n      tooltip,\n      rootStyles,\n      iconStyles,\n      isTooltipShown,\n      iconProps,\n      isRootVisible,\n      stop,\n    };\n  },\n});\n</script>\n"],"names":["MenuItem","MenuItemIcon","MenuItemIconSelected","_sfc_main","defineComponent","OrIcon","OrIconButton","OrTooltip","props","root","ref","content","tooltip","isRootVisible","stop","useIntersectionObserver","isIntersecting","rootStyles","computed","Styles.MenuItem","iconStyles","Styles.MenuItemIcon","Styles.MenuItemIconSelected","iconProps","IconVariant","isTooltipShown","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrIcon","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","_component_OrTooltip"],"mappings":"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"}