@onereach/ui-components 8.4.0-beta.3653.0 → 8.4.0

package/dist/bundled/v3/components/OrToastV3/OrToast.vue.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue-demi';
+import { ToastType } from './props';
+import { ToastLink } from './types';
+declare const _default: import("vue-demi").DefineComponent<{
+    toastType: {
+        type: PropType<"success" | "error" | "loading">;
+        default: ToastType;
+    };
+    link: {
+        type: PropType<ToastLink>;
+        default: undefined;
+    };
+    messageText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    toastIconStyle: import("vue-demi").ComputedRef<string[]>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    loaderStyle: import("vue-demi").ComputedRef<string[]>;
+    messageStyle: import("vue-demi").ComputedRef<string[]>;
+    emojiSrc: import("vue-demi").ComputedRef<string | null>;
+    hrefTarget: import("vue-demi").ComputedRef<"_blank" | "_parent" | "_self">;
+    onClose: () => void;
+    onLinkClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "close"[], "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    toastType: {
+        type: PropType<"success" | "error" | "loading">;
+        default: ToastType;
+    };
+    link: {
+        type: PropType<ToastLink>;
+        default: undefined;
+    };
+    messageText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    link: ToastLink;
+    toastType: "success" | "error" | "loading";
+    messageText: string;
+    dismissible: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrToastV3/Timer.d.ts

@@ -0,0 +1,11 @@
+export default class Timer {
+    private startedAt;
+    private timer;
+    private callback;
+    private delay;
+    constructor();
+    start(callback: () => void, delay?: number): void;
+    pause(): void;
+    resume(): void;
+    stop(): void;
+}

package/dist/bundled/v3/components/OrToastV3/Timer.js

@@ -0,0 +1,37 @@
+import { n as noop } from '../../index-ffeb3fc8.js';
+
+class Timer {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  constructor() {
+    this.startedAt = null;
+    this.timer = null;
+    this.callback = noop;
+    this.delay = 0;
+  }
+  start(callback, delay) {
+    if (delay && delay > 0) {
+      this.callback = callback;
+      this.delay = delay;
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  pause() {
+    if (this.timer && this.startedAt) {
+      this.stop();
+      this.delay -= Date.now() - this.startedAt;
+    }
+  }
+  resume() {
+    this.stop();
+    if (this.delay > 0) {
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  stop() {
+    if (this.timer) clearTimeout(this.timer);
+  }
+}
+
+export { Timer as default };

package/dist/bundled/v3/components/OrToastV3/composable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useToastV3 } from './useToast';
+export { default as useQueueV3 } from './useQueue';

package/dist/bundled/v3/components/OrToastV3/composable/index.js

@@ -0,0 +1,2 @@
+export { default as useToastV3 } from './useToast.js';
+export { default as useQueueV3 } from './useQueue.js';

package/dist/bundled/v3/components/OrToastV3/composable/useQueue.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue-demi';
+export default function useQueue<T>(initialValue?: Array<T>): {
+    queue: Ref<Ref<T>[]>;
+    addItem: (item: T) => void;
+    removeItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => Ref<T>;
+};

package/dist/bundled/v3/components/OrToastV3/composable/useQueue.js

@@ -0,0 +1,33 @@
+import { ref } from 'vue-demi';
+
+function useQueue(initialValue) {
+  //generic needed! see https://github.com/vuejs/core/issues/2136
+  const queue = ref(initialValue || []);
+  const addItem = item => {
+    const refItem = ref(item);
+    queue.value.push(refItem);
+  };
+  const removeItem = condition => {
+    const index = queue.value.findIndex((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    });
+    if (index !== -1) queue.value.splice(index, 1);
+  };
+  const getItem = condition => {
+    return queue.value.filter((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    })[0];
+  };
+  const clearAll = () => {
+    queue.value = [];
+  };
+  return {
+    queue,
+    addItem,
+    removeItem,
+    clearAll,
+    getItem
+  };
+}
+
+export { useQueue as default };

package/dist/bundled/v3/components/OrToastV3/composable/useToast.d.ts

@@ -0,0 +1,8 @@
+import { ToastBehaviour, ToastProps, UseToastNotifyReturnsV3 } from '../types';
+export default function useToast(globalToastProps?: ToastProps): {
+    notify: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+    clearAll: () => void;
+    success: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+    error: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+    loading: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+};

package/dist/bundled/v3/components/OrToastV3/composable/useToast.js

@@ -0,0 +1,86 @@
+import { b as ToastType } from '../../../props-7be029c7.js';
+import Timer from '../Timer.js';
+import useToastEventBus from './useToastEventBus.js';
+
+function useToast() {
+  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    emit
+  } = useToastEventBus();
+  function notify(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const {
+      duration = 5000,
+      pauseOnHover = true,
+      onToastClose,
+      onToastClick
+    } = behaviour;
+    const propsData = {
+      ...props,
+      ...globalToastProps
+    };
+    const config = {
+      toastProps: propsData,
+      //generate ToastHash
+      hash: Math.random().toString(36).slice(2),
+      ...(Number.isInteger(duration) && {
+        timer: new Timer()
+      }),
+      toastBehaviour: {
+        duration,
+        pauseOnHover,
+        onToastClose,
+        onToastClick
+      }
+    };
+    emit('toastNotify', config);
+    return {
+      close: () => emit('toastClose', config),
+      update: data => emit('toastUpdate', {
+        ...config,
+        toastProps: {
+          ...config.toastProps,
+          ...data
+        }
+      })
+    };
+  }
+  function clearAll() {
+    emit('toastCloseAll');
+  }
+  function success(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      ...props,
+      toastType: ToastType.Success
+    }, behaviour);
+  }
+  function error(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      ...props,
+      toastType: ToastType.Error
+    }, behaviour);
+  }
+  function loading(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      dismissible: false,
+      ...props,
+      toastType: ToastType.Loading
+    }, {
+      ...behaviour,
+      duration: 0 // <- toast with type "loading" will not cloe automatically
+    });
+  }
+
+  return {
+    notify,
+    clearAll,
+    success,
+    error,
+    loading
+  };
+}
+
+export { useToast as default };

package/dist/bundled/v3/components/OrToastV3/composable/useToastEventBus.d.ts

@@ -0,0 +1,9 @@
+import { EventBusListener } from '@vueuse/core';
+import { ToastConfiguration } from '../types';
+export type ToastEventsBusEvents = 'toastNotify' | 'toastClose' | 'toastCloseAll' | 'toastUpdate';
+declare const _default: () => {
+    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration, any>) => void;
+    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration, any>) => void;
+    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration | undefined) => void;
+};
+export default _default;

package/dist/bundled/v3/components/OrToastV3/composable/useToastEventBus.js

@@ -0,0 +1,25 @@
+import { m as useEventBus } from '../../../index-06852368.js';
+import { p as createSharedComposable } from '../../../index-ffeb3fc8.js';
+
+const useToastEventBus = () => {
+  const busPull = {
+    toastNotify: useEventBus('toastNotify'),
+    toastClose: useEventBus('toastClose'),
+    toastCloseAll: useEventBus('toastCloseAll'),
+    toastUpdate: useEventBus('toastUpdate')
+  };
+  return {
+    on: (namedQueue, listener) => {
+      busPull[namedQueue].on(listener);
+    },
+    off: (namedQueue, listener) => {
+      busPull[namedQueue].off(listener);
+    },
+    emit: (namedQueue, data) => {
+      busPull[namedQueue].emit(data);
+    }
+  };
+};
+var useToastEventBus$1 = createSharedComposable(useToastEventBus);
+
+export { useToastEventBus$1 as default };

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

@@ -0,0 +1,5 @@
+export { default as OrToastV3 } from './OrToast.vue';
+export { default as OrToastContainerV3 } from './or-toast-container-v3/OrToastContainer.vue';
+export * from './composable';
+export * as TypesV3 from './types';
+export * as PropsV3 from './props';

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

@@ -0,0 +1,6 @@
+export { t as TypesV3 } from '../../types-668300dd.js';
+export { p as PropsV3 } from '../../props-7be029c7.js';
+export { default as OrToastV3 } from './OrToast.js';
+export { s as OrToastContainerV3 } from '../../OrToastContainer.vue_vue_type_script_lang-84d3f4c8.js';
+export { default as useToastV3 } from './composable/useToast.js';
+export { default as useQueueV3 } from './composable/useQueue.js';

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

@@ -0,0 +1,18 @@
+export declare enum PositionsX {
+    Right = "right",
+    Left = "left",
+    Center = "center"
+}
+export declare enum PositionsY {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum TransitionType {
+    Slide = "slide",
+    Fade = "fade"
+}
+export declare enum ToastType {
+    Success = "success",
+    Error = "error",
+    Loading = "loading"
+}

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

@@ -0,0 +1 @@
+export { P as PositionsX, a as PositionsY, b as ToastType, T as TransitionType } from '../../props-7be029c7.js';

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

@@ -0,0 +1,5 @@
+import { PositionsX, PositionsY, ToastType } from './props';
+export declare const ToastRoot: string[];
+export declare const ToastContainer: string[];
+export declare const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]>;
+export declare const messageStyleVariant: Record<ToastType, string[]>;

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

@@ -0,0 +1,59 @@
+const ToastRoot = [
+// Layout
+'layout-row',
+// Box
+'w-[343px] md:w-[512px]',
+// Shape
+'rounded-md',
+// Spacing
+'px-md', 'py-md', 'gap-md',
+// Typography
+'typography-caption-regular',
+// Theme
+'theme-background-surface-inverse', 'dark:theme-background-surface-inverse-dark', 'theme-foreground-on-surface-inverse', 'dark:theme-foreground-on-surface-inverse-dark',
+// Theme (links)
+'links:text-inverse-primary', 'dark:links:text-inverse-primary-dark',
+// Elevation
+'shadow-card', 'dark:shadow-card-dark'];
+const ToastContainer = [
+// Position
+'absolute',
+// Layout
+'layout-column',
+// Spacing
+'gap-sm',
+// Overflow
+'overflow-hidden'];
+const ToastContainerPositions = {
+  'left-top': [
+  // Position
+  'left-md md:left-lg', 'top-md md:top-lg'],
+  'center-top': [
+  // Position
+  'top-md md:top-lg'],
+  'right-top': [
+  // Position
+  'right-md md:right-lg', 'top-md md:top-lg'],
+  'left-bottom': [
+  // Position
+  'left-md md:left-lg', 'bottom-md md:bottom-lg'],
+  'center-bottom': [
+  // Position
+  'bottom-md md:bottom-lg'],
+  'right-bottom': [
+  // Position
+  'right-md md:right-lg', 'bottom-md md:bottom-lg']
+};
+const messageStyleVariant = {
+  'success': [
+  // Typography
+  'typography-caption-regular'],
+  'error': [
+  // Typography
+  'typography-caption-bold'],
+  'loading': [
+  // Typography
+  'typography-caption-bold']
+};
+
+export { ToastContainer, ToastContainerPositions, ToastRoot, messageStyleVariant };

package/dist/bundled/v3/components/OrToastV3/types.d.ts

@@ -0,0 +1,35 @@
+import Timer from './Timer';
+import { PositionsX, PositionsY, ToastType } from './props';
+export interface ToastProps {
+    dismissible?: boolean;
+    messageText?: string;
+    link?: ToastLink;
+    toastType?: ToastType;
+    loadingProgress?: number;
+}
+export interface ToastLink {
+    href: string;
+    title: string;
+    target?: '_blank' | '_parent' | '_self';
+    callback?: () => void;
+}
+export interface ToastBehaviour {
+    duration?: number;
+    pauseOnHover?: boolean;
+    onToastClick?: () => void;
+    onToastClose?: () => void;
+}
+export interface ToastConfiguration {
+    hash: string;
+    timer?: Timer;
+    toastProps: ToastProps;
+    toastBehaviour: ToastBehaviour;
+}
+export type Position = {
+    positionX: PositionsX;
+    positionY: PositionsY;
+};
+export interface UseToastNotifyReturnsV3 {
+    close: () => void;
+    update: (data: ToastProps) => void;
+}

package/dist/bundled/v3/components/OrToastV3/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,48 @@
+import { s as script } from '../../OrTooltip.vue_vue_type_script_lang-288c978f.js';
+export { s as default } from '../../OrTooltip.vue_vue_type_script_lang-288c978f.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_tooltip_content = resolveComponent("or-tooltip-content");
+  const _component_or_floating = resolveComponent("or-floating");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["tooltip-container", {
+      'fill-parent': _ctx.triggerOnParent
+    }])
+  }, [createElementVNode("div", {
+    ref: "trigger",
+    class: normalizeClass(["trigger", {
+      'fill-parent': _ctx.triggerOnParent
+    }]),
+    onMouseover: _cache[0] || (_cache[0] = function () {
+      return _ctx.show && _ctx.show(...arguments);
+    }),
+    onMouseleave: _cache[1] || (_cache[1] = function () {
+      return _ctx.hide && _ctx.hide(...arguments);
+    })
+  }, [renderSlot(_ctx.$slots, "default")], 34 /* CLASS, HYDRATE_EVENTS */), _ctx.isShown ? (openBlock(), createBlock(_component_or_floating, {
+    key: 0,
+    trigger: _ctx.trigger,
+    placement: _ctx.placement,
+    offset: 8,
+    "is-using-shift": "",
+    "is-using-flip": ""
+  }, {
+    default: withCtx(() => [createVNode(_component_or_tooltip_content, {
+      placement: "custom",
+      content: _ctx.content
+    }, {
+      default: withCtx(scope => [renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(scope)))]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["content"])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["trigger", "placement"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-20a861cc {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-20a861cc {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.fill-parent[data-v-20a861cc] {\n  width: 100% !important;\n  height: 100% !important;\n}\n.tooltip-container[data-v-20a861cc] {\n  position: relative;\n  display: inline-block;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.tooltip-container.fill-parent[data-v-20a861cc] {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.tooltip-container .trigger[data-v-20a861cc] {\n  cursor: pointer;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-20a861cc";
+script.__file = "src/components/or-tooltip/OrTooltip.vue";

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

@@ -0,0 +1,73 @@
+import { PropType } from 'vue-demi';
+import { OrFloatingPlacements } from '../or-floating';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    isVisible: {
+        type: PropType<boolean>;
+        required: false;
+        default: null;
+    };
+    placement: {
+        type: PropType<OrFloatingPlacements>;
+        required: false;
+        default: OrFloatingPlacements;
+    };
+    content: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    triggerOnParent: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}, {
+    trigger: import("vue-demi").Ref<HTMLElement | undefined>;
+}, {
+    isShown: boolean;
+}, {}, {
+    show(): void;
+    hide(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "show" | "hide")[], "update:modelValue" | "show" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    isVisible: {
+        type: PropType<boolean>;
+        required: false;
+        default: null;
+    };
+    placement: {
+        type: PropType<OrFloatingPlacements>;
+        required: false;
+        default: OrFloatingPlacements;
+    };
+    content: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    triggerOnParent: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+    isVisible: boolean;
+    placement: OrFloatingPlacements;
+    content: string;
+    triggerOnParent: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrTooltip } from './OrTooltip.vue';
+export { default as OrTooltipContent } from './or-tooltip-content/OrTooltipContent.vue';

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

@@ -0,0 +1,2 @@
+export { s as OrTooltip } from '../../OrTooltip.vue_vue_type_script_lang-288c978f.js';
+export { s as OrTooltipContent } from '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';

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

@@ -0,0 +1,24 @@
+import { s as script } from '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
+export { s as default } from '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
+import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+
+const _hoisted_1 = {
+  class: "or-tooltip"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, {
+    name: "fade",
+    persisted: ""
+  }, {
+    default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)])], 512 /* NEED_PATCH */), [[vShow, _ctx.isShown]])]),
+    _: 3 /* FORWARDED */
+  });
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-4429227d {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-4429227d {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-tooltip[data-v-4429227d] {\n  z-index: 1;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: var(--s-2) var(--s-3);\n  margin: auto;\n  font-size: var(--fs-0);\n  font-weight: 500;\n  line-height: var(--lh-0);\n  color: var(--c-neutral-0);\n  background-color: var(--c-neutral-6);\n  border-radius: var(--s-1);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-4429227d";
+script.__file = "src/components/or-tooltip/or-tooltip-content/OrTooltipContent.vue";

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

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

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

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

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

@@ -0,0 +1 @@
+export { s as OrTooltipContent } from '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';

package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.js

@@ -0,0 +1,33 @@
+import { s as script } from '../../OrTooltip.vue_vue_type_script_lang-a8c7bc09.js';
+export { s as default } from '../../OrTooltip.vue_vue_type_script_lang-a8c7bc09.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrPopover = resolveComponent("OrPopover");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    onMouseenter: _cache[1] || (_cache[1] = $event => !_ctx.externalControl && _ctx.open()),
+    onMouseleave: _cache[2] || (_cache[2] = $event => !_ctx.externalControl && _ctx.close())
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.content || _ctx.content || _ctx.text ? (openBlock(), createBlock(_component_OrPopover, {
+    key: 0,
+    class: normalizeClass(_ctx.popoverStyles),
+    "custom-styles": _ctx.popoverStyles,
+    "is-open": _ctx.state === 'open',
+    variant: 'popover',
+    trigger: _ctx.root,
+    placement: _ctx.placement,
+    offset: _ctx.offset,
+    "disable-default-styles": true,
+    "onUpdate:state": _cache[0] || (_cache[0] = $event => _ctx.state = $event)
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      class: normalizeClass(_ctx.bodyStyles)
+    }, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(_ctx.content || _ctx.text), 1 /* TEXT */)])], 2 /* CLASS */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "custom-styles", "is-open", "trigger", "placement", "offset"])) : createCommentVNode("v-if", true)], 34 /* CLASS, HYDRATE_EVENTS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-tooltip-v3/OrTooltip.vue";