@robuust-digital/vue-components 2.1.0 → 2.2.0

package/dist/lightswitch/index.js

@@ -1,49 +1,5 @@
-import { computed as n, createBlock as o, openBlock as r, unref as a, withCtx as s, createVNode as p, createCommentVNode as h, mergeProps as f, createElementVNode as g, renderSlot as w } from "vue";
-import { SwitchGroup as V, Switch as v, SwitchLabel as b } from "@headlessui/vue";
-const k = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "Lightswitch",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(u, { emit: i }) {
-    const d = u, c = i, l = n({
-      get: () => d.modelValue,
-      set: (e) => c("update:modelValue", e)
-    });
-    return (e, t) => (r(), o(a(V), {
-      as: "div",
-      class: "rvc-lightswitch-group"
-    }, {
-      default: s(() => [
-        p(a(v), f({
-          modelValue: l.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (m) => l.value = m),
-          class: [{ "rvc-lightswitch-enabled": l.value }, "rvc-lightswitch"]
-        }, e.$attrs), {
-          default: s(() => t[1] || (t[1] = [
-            g("span", { class: "rvc-lightswitch-toggle" }, null, -1)
-          ])),
-          _: 1,
-          __: [1]
-        }, 16, ["modelValue", "class"]),
-        e.$slots.default ? (r(), o(a(b), { key: 0 }, {
-          default: s(() => [
-            w(e.$slots, "default")
-          ]),
-          _: 3
-        })) : h("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
+import { _ as s } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-DX23lEFd.js";
 export {
-  k as Lightswitch,
-  k as default
+  s as Lightswitch,
+  s as default
 };

package/dist/lightswitch.d.ts

@@ -0,0 +1,39 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<LightswitchProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<LightswitchProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+modelValue: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export { _default as Lightswitch }
+export default _default;
+
+declare interface LightswitchProps {
+    modelValue?: boolean;
+}
+
+export { }

package/dist/rich-text-editor/index.js

@@ -1,263 +1,5 @@
-import { createElementBlock as r, openBlock as s, createElementVNode as n, ref as p, useAttrs as H, computed as x, watch as L, Fragment as A, createVNode as v, renderSlot as C, withCtx as M, normalizeClass as _, createCommentVNode as $, unref as f, renderList as B, createBlock as E, resolveDynamicComponent as S } from "vue";
-import { useEditor as O, EditorContent as T } from "@tiptap/vue-3";
-import N from "@tiptap/starter-kit";
-import { _ as U } from "../_shared/Tooltip-B93ZF7IF.js";
-import { _ as q } from "../_shared/FormInput-B-SQTZTA.js";
-import { _ as z } from "../_shared/Modal-Bw2sID1x.js";
-function D(i, d) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    n("path", {
-      "fill-rule": "evenodd",
-      d: "M3 3a1 1 0 0 1 1-1h5a3.5 3.5 0 0 1 2.843 5.541A3.75 3.75 0 0 1 9.25 14H4a1 1 0 0 1-1-1V3Zm2.5 3.5v-2H9a1 1 0 0 1 0 2H5.5Zm0 2.5v2.5h3.75a1.25 1.25 0 1 0 0-2.5H5.5Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function I(i, d) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    n("path", {
-      "fill-rule": "evenodd",
-      d: "M6.25 2.75A.75.75 0 0 1 7 2h6a.75.75 0 0 1 0 1.5h-2.483l-3.429 9H9A.75.75 0 0 1 9 14H3a.75.75 0 0 1 0-1.5h2.483l3.429-9H7a.75.75 0 0 1-.75-.75Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function R(i, d) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    n("path", {
-      "fill-rule": "evenodd",
-      d: "M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z",
-      "clip-rule": "evenodd"
-    }),
-    n("path", {
-      "fill-rule": "evenodd",
-      d: "M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function j(i, d) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    n("path", { d: "M3 4.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM6.25 3a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM6.25 7.25a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM6.25 11.5a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM4 12.25a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" })
-  ]);
-}
-function F(i, d) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    n("path", { d: "M2.995 1a.625.625 0 1 0 0 1.25h.38v2.125a.625.625 0 1 0 1.25 0v-2.75A.625.625 0 0 0 4 1H2.995ZM3.208 7.385a2.37 2.37 0 0 1 1.027-.124L2.573 8.923a.625.625 0 0 0 .439 1.067l1.987.011a.625.625 0 0 0 .006-1.25l-.49-.003.777-.776c.215-.215.335-.506.335-.809 0-.465-.297-.957-.842-1.078a3.636 3.636 0 0 0-1.993.121.625.625 0 1 0 .416 1.179ZM2.625 11a.625.625 0 1 0 0 1.25H4.25a.125.125 0 0 1 0 .25H3.5a.625.625 0 1 0 0 1.25h.75a.125.125 0 0 1 0 .25H2.625a.625.625 0 1 0 0 1.25H4.25a1.375 1.375 0 0 0 1.153-2.125A1.375 1.375 0 0 0 4.25 11H2.625ZM7.25 2a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6ZM7.25 7.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6ZM6.5 13.25a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Z" })
-  ]);
-}
-const K = { class: "rvc-rich-text-toolbar" }, P = ["disabled", "aria-label", "onClick"], ee = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
-  __name: "RichTextEditor",
-  props: {
-    id: {
-      type: String,
-      required: !0
-    },
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    rootClass: {
-      type: String,
-      default: void 0
-    },
-    config: {
-      type: String,
-      default: "default",
-      validator: (i) => ["default", "simple"].includes(i)
-    },
-    customExtensions: {
-      type: Array,
-      default: () => []
-    },
-    customCommands: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean
-    }
-  },
-  emits: ["update:modelValue", "tiptap:onCreate"],
-  setup(i, { emit: d }) {
-    const a = i, h = d, b = p(!1), u = p(!1), c = p(""), m = H(), k = m.class ? `${m.class} ` : "", y = N.configure({
-      link: {
-        openOnClick: !1
-      }
-    }), t = O({
-      extensions: [y, ...a.customExtensions],
-      content: a.modelValue,
-      editorProps: {
-        attributes: {
-          ...m,
-          id: a.id,
-          class: `${k}rvc-textarea rvc-rich-text-textarea`
-        }
-      },
-      onCreate: ({ editor: l }) => {
-        h("tiptap:onCreate", l);
-      },
-      onUpdate: ({ editor: l }) => {
-        const o = l.isEmpty ? "" : l.getHTML();
-        h("update:modelValue", o);
-      },
-      onSelectionUpdate({ editor: l }) {
-        b.value = !l.view.state.selection.empty;
-      }
-    }), V = x(() => [
-      {
-        name: "bold",
-        icon: D,
-        title: "Bold",
-        isVisible: !0,
-        isActive: () => t.value.isActive("bold"),
-        action: () => t.value.commands.toggleBold()
-      },
-      {
-        name: "italic",
-        icon: I,
-        title: "Italic",
-        isVisible: !0,
-        isActive: () => t.value.isActive("italic"),
-        action: () => t.value.commands.toggleItalic()
-      },
-      {
-        name: "bulletList",
-        icon: j,
-        title: "Bullet List",
-        isVisible: a.config === "default",
-        isActive: () => t.value.isActive("bulletList"),
-        action: () => t.value.commands.toggleBulletList()
-      },
-      {
-        name: "orderedList",
-        icon: F,
-        title: "Ordered List",
-        isVisible: a.config === "default",
-        isActive: () => t.value.isActive("orderedList"),
-        action: () => t.value.commands.toggleOrderedList()
-      },
-      {
-        name: "link",
-        icon: R,
-        title: "Hyperlink",
-        isVisible: a.config === "default",
-        disabled: !b.value && !t.value.isActive("link"),
-        isActive: () => t.value.isActive("link"),
-        action: () => {
-          c.value = t.value.getAttributes("link").href, u.value = !0;
-        }
-      }
-    ]), g = x(() => {
-      const l = V.value.filter((e) => a.config === "default" || ["bold", "italic"].includes(e.name)), o = a.customCommands.map((e) => ({
-        ...e,
-        isVisible: e.isVisible ?? !0,
-        disabled: typeof e.disabled == "function" ? e.disabled(t.value) : e.disabled ?? !1,
-        isActive: () => {
-          var w;
-          return ((w = e.isActive) == null ? void 0 : w.call(e, t.value)) ?? !1;
-        },
-        action: () => e.action(t.value)
-      }));
-      return [...l, ...o];
-    });
-    L(() => a.modelValue, (l) => {
-      t.value.getHTML() === l || t.value.commands.setContent(l, !1);
-    });
-    const Z = () => {
-      t.value.commands.setLink({ href: c.value }), u.value = !1, c.value = null;
-    };
-    return (l, o) => (s(), r(A, null, [
-      v(z, {
-        id: `${a.id}-modal-add-hyperlink`,
-        title: "Add Hyperlink",
-        as: "form",
-        show: u.value,
-        "onModal:close": o[1] || (o[1] = (e) => u.value = !1),
-        "onModal:save": Z
-      }, {
-        default: M(() => [
-          v(q, {
-            modelValue: c.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (e) => c.value = e),
-            placeholder: "https://www.example.com",
-            type: "url",
-            required: ""
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["id", "show"]),
-      C(l.$slots, "default"),
-      n("div", {
-        class: _(["rvc-rich-text", i.rootClass, { "rvc-rich-text-disabled": i.disabled }])
-      }, [
-        f(t) ? C(l.$slots, "toolbar", {
-          key: 0,
-          commands: g.value,
-          tiptap: f(t)
-        }, () => [
-          n("ul", K, [
-            (s(!0), r(A, null, B(g.value.filter((e) => e.isVisible), (e) => (s(), r("li", {
-              key: `toolbar-item-command-${e.name}`
-            }, [
-              v(U, {
-                content: e.title,
-                placement: "bottom",
-                size: "sm",
-                class: "rvc-rich-text-tooltip"
-              }, {
-                default: M(() => [
-                  n("button", {
-                    disabled: e.disabled,
-                    type: "button",
-                    "aria-label": e.title,
-                    class: _([{ "rvc-rich-text-button-active": e.isActive() }, "rvc-rich-text-button"]),
-                    onClick: e.action
-                  }, [
-                    (s(), E(S(e.icon)))
-                  ], 10, P)
-                ]),
-                _: 2
-              }, 1032, ["content"])
-            ]))), 128))
-          ])
-        ]) : $("", !0),
-        v(f(T), { editor: f(t) }, null, 8, ["editor"])
-      ], 2)
-    ], 64));
-  }
-});
+import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-CIVhqJtE.js";
 export {
-  ee as RichTextEditor,
-  ee as default
+  t as RichTextEditor,
+  t as default
 };

package/dist/rich-text-editor.d.ts

@@ -0,0 +1,89 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { Editor } from '@tiptap/vue-3';
+import { Extension } from '@tiptap/core';
+import { FunctionalComponent } from 'vue';
+import { HTMLAttributes } from 'vue';
+import { PublicProps } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<RichTextEditorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: string) => any;
+"tiptap:onCreate": (editor: any) => any;
+}, string, PublicProps, Readonly<RichTextEditorProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+"onTiptap:onCreate"?: ((editor: any) => any) | undefined;
+}>, {
+modelValue: string;
+rootClass: string;
+disabled: boolean;
+config: RichTextConfig;
+customExtensions: Extension[];
+customCommands: CustomCommand[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        toolbar?(_: {
+            commands: ({
+                name: string;
+                icon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
+                title: string;
+                isVisible: boolean;
+                isActive: () => boolean;
+                action: () => boolean | undefined;
+                disabled?: undefined;
+            } | {
+                isVisible: boolean | ((editor: Editor) => boolean);
+                disabled: boolean;
+                isActive: () => boolean;
+                action: () => void | undefined;
+                name: string;
+                icon?: any;
+                title: string;
+            })[];
+            tiptap: Editor;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare interface CustomCommand {
+    name: string;
+    icon?: any;
+    title: string;
+    isVisible?: boolean | ((editor: Editor) => boolean);
+    disabled?: boolean | ((editor: Editor) => boolean);
+    isActive?: (editor: Editor) => boolean;
+    action: (editor: Editor) => void;
+}
+
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export { _default as RichTextEditor }
+export default _default;
+
+declare type RichTextConfig = 'default' | 'simple';
+
+declare interface RichTextEditorProps {
+    id: string;
+    modelValue?: string;
+    rootClass?: string;
+    config?: RichTextConfig;
+    customExtensions?: Extension[];
+    customCommands?: CustomCommand[];
+    disabled?: boolean;
+}
+
+export { }

package/dist/toast/index.js

@@ -1,101 +1,5 @@
-import { onMounted as y, watch as w, createBlock as n, openBlock as s, unref as r, withCtx as c, resolveDynamicComponent as m, normalizeClass as h, renderSlot as a, createElementVNode as u, createCommentVNode as f, toDisplayString as p, createElementBlock as C, createVNode as $ } from "vue";
-import { TransitionRoot as b } from "@headlessui/vue";
-import { r as g } from "../_shared/XMarkIcon-90mcPzBs.js";
-const k = { class: "rvc-toast-title" }, V = {
-  __name: "Toast",
-  props: {
-    show: {
-      type: Boolean
-    },
-    as: {
-      type: String,
-      default: "div"
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    icon: {
-      type: [Object, Function],
-      default: null
-    },
-    timeout: {
-      type: [Number, Boolean],
-      default: 5e3
-    },
-    position: {
-      type: String,
-      default: "bottom",
-      validator: (t) => ["top", "bottom"].includes(t)
-    },
-    type: {
-      type: String,
-      default: "info",
-      validator: (t) => ["success", "warning", "danger", "info"].includes(t)
-    },
-    showClose: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["toast:close"],
-  setup(t, { emit: d }) {
-    const o = t, v = d, l = () => {
-      o.timeout && o.show && setTimeout(() => {
-        v("toast:close");
-      }, o.timeout);
-    };
-    return y(() => {
-      l();
-    }), w(() => o.show, (e) => {
-      e && l();
-    }), (e, i) => (s(), n(r(b), {
-      show: t.show,
-      as: "template",
-      enter: "rvc-toast-transition-enter",
-      "enter-from": "rvc-toast-transition-enter-from",
-      "enter-to": "rvc-toast-transition-enter-to",
-      leave: "rvc-toast-transition-leave",
-      "leave-from": "rvc-toast-transition-leave-from",
-      "leave-to": "rvc-toast-transition-leave-to"
-    }, {
-      default: c(() => [
-        (s(), n(m(t.as), {
-          class: h(["rvc-toast", `rvc-toast-${t.position}`, `rvc-toast-${t.type}`, { "rvc-toast-open": t.show }])
-        }, {
-          default: c(() => [
-            a(e.$slots, "icon", {}, () => [
-              t.icon ? (s(), n(m(t.icon), {
-                key: 0,
-                class: "rvc-toast-icon"
-              })) : f("", !0)
-            ]),
-            u("div", null, [
-              a(e.$slots, "title", {}, () => [
-                u("span", k, p(t.title), 1)
-              ]),
-              a(e.$slots, "default")
-            ]),
-            a(e.$slots, "close", {}, () => [
-              t.showClose ? (s(), C("button", {
-                key: 0,
-                type: "button",
-                class: "rvc-toast-close",
-                "aria-label": "Close",
-                onClick: i[0] || (i[0] = (B) => e.$emit("toast:close"))
-              }, [
-                $(r(g))
-              ])) : f("", !0)
-            ])
-          ]),
-          _: 3
-        }, 8, ["class"]))
-      ]),
-      _: 3
-    }, 8, ["show"]));
-  }
-};
+import { _ as s } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-Be3i_0zE.js";
 export {
-  V as Toast,
-  V as default
+  s as Toast,
+  s as default
 };

package/dist/toast.d.ts

@@ -0,0 +1,66 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { FunctionalComponent } from 'vue';
+import { HTMLAttributes } from 'vue';
+import { PublicProps } from 'vue';
+import { SVGAttributes } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<ToastProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"toast:close": () => any;
+}, string, PublicProps, Readonly<ToastProps> & Readonly<{
+"onToast:close"?: (() => any) | undefined;
+}>, {
+title: string | null;
+as: string;
+icon: Icon | null;
+type: ToastType | null;
+showClose: boolean;
+show: boolean;
+position: ToastPosition;
+timeout: number | boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+        close?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export { _default as Toast }
+export default _default;
+
+declare type Icon = FunctionalComponent<SVGAttributes & HTMLAttributes & VNodeProps>;
+
+declare type ToastPosition = 'top' | 'bottom';
+
+declare interface ToastProps {
+    show?: boolean;
+    as?: string;
+    title?: string | undefined | null;
+    icon?: Icon | null;
+    timeout?: number | boolean;
+    position?: ToastPosition;
+    type?: ToastType | undefined | null;
+    showClose?: boolean;
+}
+
+declare type ToastType = 'success' | 'warning' | 'danger' | 'info';
+
+export { }

package/dist/tooltip/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../_shared/Tooltip-B93ZF7IF.js";
+import { _ as o } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js";
 export {
   o as Tooltip,
   o as default

package/dist/tooltip.d.ts

@@ -0,0 +1,61 @@
+import { AlignedPlacement } from '@floating-ui/vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+import { Side } from '@floating-ui/vue';
+
+declare const __VLS_component: DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+blur: boolean;
+size: TooltipSize;
+maxWidth: number | null;
+tooltipClass: string;
+placement: TooltipPlacement;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+wrapperRef: HTMLDivElement;
+tooltipRef: HTMLDivElement;
+arrowRef: HTMLDivElement;
+}, HTMLDivElement>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {
+            content: string;
+        }): any;
+    };
+    refs: {
+        wrapperRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+        arrowRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export { _default as Tooltip }
+export default _default;
+
+declare type TooltipPlacement = AlignedPlacement | Side;
+
+declare interface TooltipProps {
+    content: string;
+    blur?: boolean;
+    maxWidth?: number | null;
+    tooltipClass?: string;
+    placement?: TooltipPlacement;
+    size?: TooltipSize;
+}
+
+declare type TooltipSize = 'sm' | 'base';
+
+export { }