@scalar/components 0.14.13 → 0.14.14

package/dist/components/ScalarTooltip/ScalarTooltip.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             content?: string;
             delay?: number;
-            placement?: import("@floating-ui/utils").Placement;
+            placement?: import("./types").ScalarTooltipPlacement;
             offset?: number;
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLDivElement, import("vue").ComponentProvideOptions, {
             P: {};
@@ -16,7 +16,7 @@ declare const meta: {
         }, Readonly<{
             content?: string;
             delay?: number;
-            placement?: import("@floating-ui/utils").Placement;
+            placement?: import("./types").ScalarTooltipPlacement;
             offset?: number;
         }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
@@ -25,7 +25,7 @@ declare const meta: {
     } & import("vue").ComponentOptionsBase<Readonly<{
         content?: string;
         delay?: number;
-        placement?: import("@floating-ui/utils").Placement;
+        placement?: import("./types").ScalarTooltipPlacement;
         offset?: number;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -68,7 +68,7 @@ declare const meta: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             content?: string;
             delay?: number;
-            placement?: import("@floating-ui/utils").Placement;
+            placement?: import("./types").ScalarTooltipPlacement;
             offset?: number;
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLDivElement, import("vue").ComponentProvideOptions, {
             P: {};
@@ -80,7 +80,7 @@ declare const meta: {
         }, Readonly<{
             content?: string;
             delay?: number;
-            placement?: import("@floating-ui/utils").Placement;
+            placement?: import("./types").ScalarTooltipPlacement;
             offset?: number;
         }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
@@ -89,7 +89,7 @@ declare const meta: {
     } & import("vue").ComponentOptionsBase<Readonly<{
         content?: string;
         delay?: number;
-        placement?: import("@floating-ui/utils").Placement;
+        placement?: import("./types").ScalarTooltipPlacement;
         offset?: number;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -101,7 +101,7 @@ declare const meta: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                     content?: string;
                     delay?: number;
-                    placement?: import("@floating-ui/utils").Placement;
+                    placement?: import("./types").ScalarTooltipPlacement;
                     offset?: number;
                 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLDivElement, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -113,7 +113,7 @@ declare const meta: {
                 }, Readonly<{
                     content?: string;
                     delay?: number;
-                    placement?: import("@floating-ui/utils").Placement;
+                    placement?: import("./types").ScalarTooltipPlacement;
                     offset?: number;
                 }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
@@ -122,7 +122,7 @@ declare const meta: {
             } & import("vue").ComponentOptionsBase<Readonly<{
                 content?: string;
                 delay?: number;
-                placement?: import("@floating-ui/utils").Placement;
+                placement?: import("./types").ScalarTooltipPlacement;
                 offset?: number;
             }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
@@ -139,7 +139,7 @@ declare const meta: {
                     type?: "button" | "submit" | "reset";
                 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                     size: "sm" | "md";
-                    variant: string;
+                    variant: "solid" | "outlined" | "ghost" | "danger";
                     fullWidth: boolean;
                     type: "button" | "submit" | "reset";
                 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -158,7 +158,7 @@ declare const meta: {
                     type?: "button" | "submit" | "reset";
                 }> & Readonly<{}>, {}, {}, {}, {}, {
                     size: "sm" | "md";
-                    variant: string;
+                    variant: "solid" | "outlined" | "ghost" | "danger";
                     fullWidth: boolean;
                     type: "button" | "submit" | "reset";
                 }>;
@@ -174,7 +174,7 @@ declare const meta: {
                 type?: "button" | "submit" | "reset";
             }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 size: "sm" | "md";
-                variant: string;
+                variant: "solid" | "outlined" | "ghost" | "danger";
                 fullWidth: boolean;
                 type: "button" | "submit" | "reset";
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -190,7 +190,7 @@ declare const meta: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                     content?: string;
                     delay?: number;
-                    placement?: import("@floating-ui/utils").Placement;
+                    placement?: import("./types").ScalarTooltipPlacement;
                     offset?: number;
                 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLDivElement, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -202,7 +202,7 @@ declare const meta: {
                 }, Readonly<{
                     content?: string;
                     delay?: number;
-                    placement?: import("@floating-ui/utils").Placement;
+                    placement?: import("./types").ScalarTooltipPlacement;
                     offset?: number;
                 }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
@@ -211,7 +211,7 @@ declare const meta: {
             } & import("vue").ComponentOptionsBase<Readonly<{
                 content?: string;
                 delay?: number;
-                placement?: import("@floating-ui/utils").Placement;
+                placement?: import("./types").ScalarTooltipPlacement;
                 offset?: number;
             }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {

package/dist/components/ScalarTooltip/ScalarTooltip.vue.d.ts

@@ -1,23 +1,27 @@
-import type { Placement } from '@floating-ui/vue';
-type __VLS_Props = {
+import type { ScalarTooltipPlacement } from './types';
+/**
+ * Scalar tooltip component
+ *
+ * Adds a tooltip to an interactive element
+ *
+ * @example
+ * <ScalarTooltip content="This is a tooltip">
+ *   <ScalarButton>Hover Me</ScalarButton>
+ * </ScalarTooltip>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     content?: string;
     delay?: number;
-    placement?: Placement;
+    placement?: ScalarTooltipPlacement;
     offset?: number;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        wrapperRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    content?: string;
+    delay?: number;
+    placement?: ScalarTooltipPlacement;
+    offset?: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/ScalarTooltip/ScalarTooltip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAOjD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;AA0BF,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBATrB,GAAG;;;;;;EAc/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD;;;;;;;;;GASG;;cAIS,MAAM;YACR,MAAM;gBACF,sBAAsB;aACzB,MAAM;;cAHL,MAAM;YACR,MAAM;gBACF,sBAAsB;aACzB,MAAM;;qBA0DY,GAAG;;AAhEhC,wBAkGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarTooltip/ScalarTooltip.vue.js

@@ -1,29 +1,31 @@
 import { defineComponent as n, ref as f, computed as t, createElementBlock as r, openBlock as c, normalizeClass as d, renderSlot as s } from "vue";
-import { useTooltip as u } from "./useTooltip.js";
-const i = /* @__PURE__ */ n({
+import { DEFAULT_OFFSET as u, DEFAULT_DELAY as m } from "./constants.js";
+import { useTooltip as p } from "./useTooltip.js";
+const i = {}, v = /* @__PURE__ */ n({
+  ...i,
   __name: "ScalarTooltip",
   props: {
     content: { default: "" },
-    delay: { default: 300 },
+    delay: { default: () => m },
     placement: { default: "top" },
-    offset: { default: 4 }
+    offset: { default: () => u }
   },
   setup(l) {
-    const a = f(null);
-    return u({
+    const o = f(null);
+    return p({
       content: t(() => l.content),
       delay: t(() => l.delay),
       placement: t(() => l.placement),
       offset: t(() => l.offset),
       targetRef: t(
         () => {
-          var e, o;
-          return ((o = (e = a.value) == null ? void 0 : e.children) == null ? void 0 : o[0]) || a.value || void 0;
+          var e, a;
+          return ((a = (e = o.value) == null ? void 0 : e.children) == null ? void 0 : a[0]) || o.value || void 0;
         }
       )
-    }), (e, o) => (c(), r("div", {
+    }), (e, a) => (c(), r("div", {
       ref_key: "wrapperRef",
-      ref: a,
+      ref: o,
       class: d({ contents: !!e.$slots.default })
     }, [
       s(e.$slots, "default")
@@ -31,5 +33,5 @@ const i = /* @__PURE__ */ n({
   }
 });
 export {
-  i as default
+  v as default
 };

package/dist/components/ScalarTooltip/constants.d.ts

@@ -4,4 +4,6 @@ export declare const ELEMENT_ID: "scalar-tooltip";
 export declare const ELEMENT_CLASS: "scalar-tooltip";
 /** The default delay for the tooltip */
 export declare const DEFAULT_DELAY: 300;
+/** The default offset for the tooltip */
+export declare const DEFAULT_OFFSET: 4;
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/ScalarTooltip/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/constants.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,UAAU,kBAA4B,CAAA;AAEnD,4CAA4C;AAC5C,eAAO,MAAM,aAAa,kBAA4B,CAAA;AAEtD,wCAAwC;AACxC,eAAO,MAAM,aAAa,KAAe,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/constants.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,UAAU,kBAA4B,CAAA;AAEnD,4CAA4C;AAC5C,eAAO,MAAM,aAAa,kBAA4B,CAAA;AAEtD,wCAAwC;AACxC,eAAO,MAAM,aAAa,KAAe,CAAA;AAEzC,yCAAyC;AACzC,eAAO,MAAM,cAAc,GAAa,CAAA"}

package/dist/components/ScalarTooltip/constants.js

@@ -1,6 +1,7 @@
-const o = "scalar-tooltip", t = "scalar-tooltip", E = 300;
+const E = "scalar-tooltip", o = "scalar-tooltip", t = 300, c = 4;
 export {
-  E as DEFAULT_DELAY,
-  t as ELEMENT_CLASS,
-  o as ELEMENT_ID
+  t as DEFAULT_DELAY,
+  c as DEFAULT_OFFSET,
+  o as ELEMENT_CLASS,
+  E as ELEMENT_ID
 };

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

@@ -1,2 +1,4 @@
 export { default as ScalarTooltip } from './ScalarTooltip.vue.js';
+export type { ScalarTooltipPlacement, TooltipConfiguration } from './types';
+export { useTooltip } from './useTooltip.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarTooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAE9D,YAAY,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

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

@@ -1,13 +1,14 @@
-import type { Placement } from '@floating-ui/vue';
+import type { Placement as FloatingPlacement } from '@floating-ui/vue';
 import type { MaybeRef } from 'vue';
 /** Timer Utility Type */
 export type Timer = ReturnType<typeof setTimeout>;
 /** Might be an element or undefined */
 export type MaybeElement = Element | undefined | null;
+export type ScalarTooltipPlacement = FloatingPlacement | undefined;
 /** The configuration for the active tooltip */
 export type TooltipConfiguration = {
     content: MaybeRef<string>;
-    placement?: MaybeRef<Placement>;
+    placement?: MaybeRef<ScalarTooltipPlacement>;
     delay?: MaybeRef<number>;
     offset?: MaybeRef<number>;
     targetRef: MaybeRef<MaybeElement>;

package/dist/components/ScalarTooltip/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,yBAAyB;AACzB,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;AAEjD,uCAAuC;AACvC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAA;AAErD,+CAA+C;AAC/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxB,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB,SAAS,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAClC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,yBAAyB;AACzB,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;AAEjD,uCAAuC;AACvC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG,SAAS,CAAA;AAElE,+CAA+C;AAC/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB,SAAS,CAAC,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxB,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB,SAAS,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAClC,CAAA"}

package/dist/components/ScalarTooltip/useTooltip.js

@@ -1,7 +1,7 @@
-import { useFloating as y, autoUpdate as E, flip as L, shift as g } from "@floating-ui/vue";
-import { watch as m, unref as r, ref as p, computed as c } from "vue";
-import { ELEMENT_ID as d, ELEMENT_CLASS as T, DEFAULT_DELAY as b } from "./constants.js";
-const v = p(), t = p(), s = p(), { floatingStyles: o } = y(
+import { useFloating as p, autoUpdate as y, flip as L, shift as T } from "@floating-ui/vue";
+import { watch as m, unref as r, ref as E, computed as c } from "vue";
+import { ELEMENT_ID as d, ELEMENT_CLASS as g, DEFAULT_DELAY as b, DEFAULT_OFFSET as h } from "./constants.js";
+const v = E(), t = E(), s = E(), { floatingStyles: o } = p(
   c(() => {
     var e;
     return r((e = s.value) == null ? void 0 : e.targetRef);
@@ -12,8 +12,8 @@ const v = p(), t = p(), s = p(), { floatingStyles: o } = y(
       var e;
       return r((e = s.value) == null ? void 0 : e.placement);
     }),
-    whileElementsMounted: E,
-    middleware: c(() => [L(), g()])
+    whileElementsMounted: y,
+    middleware: c(() => [L(), T()])
   }
 );
 m(o, () => {
@@ -25,41 +25,41 @@ m(
     if (t.value)
       if (e) {
         t.value.textContent = r(e == null ? void 0 : e.content) ?? null;
-        const n = r(e == null ? void 0 : e.offset);
+        const n = r(e == null ? void 0 : e.offset) ?? h;
         t.value.style.setProperty("--scalar-tooltip-offset", `${n}px`), t.value.style.setProperty("display", "block");
       } else
         t.value.textContent = null, t.value.style.removeProperty("--scalar-tooltip-offset"), t.value.style.setProperty("display", "none");
   },
   { deep: !0 }
 );
-function h() {
+function A() {
   if (t.value)
     return;
   const e = document.getElementById(d);
-  e ? t.value = e : (t.value = document.createElement("div"), t.value.role = "tooltip", t.value.id = d, t.value.classList.add(T), t.value.classList.add("scalar-app"), t.value.style.setProperty("display", "none"), t.value.addEventListener("mouseleave", u), document.body.appendChild(t.value));
+  e ? t.value = e : (t.value = document.createElement("div"), t.value.role = "tooltip", t.value.id = d, t.value.classList.add(g), t.value.classList.add("scalar-app"), t.value.style.setProperty("display", "none"), t.value.addEventListener("mouseleave", u), document.body.appendChild(t.value));
 }
 function u(e) {
-  C(e) && (f(), s.value = void 0);
+  P(e) && (f(), s.value = void 0);
 }
-function A(e) {
+function C(e) {
   e.key === "Escape" && (e.stopPropagation(), u(e));
 }
 function f() {
   v.value && (clearTimeout(v.value), v.value = void 0);
 }
-function C(e) {
+function P(e) {
   var i;
   const n = r((i = s.value) == null ? void 0 : i.targetRef);
   return e instanceof MouseEvent && e.relatedTarget instanceof Element && n ? e.relatedTarget.id !== d && e.relatedTarget !== n : !0;
 }
-function _(e) {
-  h();
+function F(e) {
+  A();
   function n(a) {
     const l = r(e.delay) ?? b;
     f(), l > 0 ? v.value = setTimeout(() => i(), l) : i();
   }
   function i(a) {
-    f(), document.addEventListener("keydown", A, { once: !0, capture: !0 }), s.value = e;
+    f(), document.addEventListener("keydown", C, { once: !0, capture: !0 }), s.value = e;
   }
   m(
     () => r(e.targetRef),
@@ -70,6 +70,6 @@ function _(e) {
   );
 }
 export {
-  h as initializeTooltipElement,
-  _ as useTooltip
+  A as initializeTooltipElement,
+  F as useTooltip
 };

package/dist/components/ScalarTooltip/useTooltip.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/useTooltip.test.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -1,9 +1,9 @@
 /* empty css          */
-import { compose as d, cva as p, cx as u, tw as m, useBindCx as c } from "@scalar/use-hooks/useBindCx";
-import { default as S } from "./components/ScalarButton/ScalarButton.vue.js";
+import { compose as d, cva as p, cx as u, tw as m, useBindCx as s } from "@scalar/use-hooks/useBindCx";
+import { default as x } from "./components/ScalarButton/ScalarButton.vue.js";
 import { default as i } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
-import { default as M } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
+import { default as T } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
 import { default as b } from "./components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js";
 import { default as F } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
 import { default as B } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
@@ -27,10 +27,10 @@ import { default as ea } from "./components/ScalarHeader/ScalarHeader.vue.js";
 import { default as la } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
 import { default as da } from "./components/ScalarIcon/ScalarIconLegacyAdapter.vue.js";
 import { default as ua } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
-import { default as ca } from "./components/ScalarListbox/ScalarListbox.vue.js";
-import { default as Sa } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
+import { default as sa } from "./components/ScalarListbox/ScalarListbox.vue.js";
+import { default as xa } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
 import { default as ia } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
-import { default as Ma } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
+import { default as Ta } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
 /* empty css                                              */
 import { default as ba } from "./components/ScalarMenu/ScalarMenu.vue.js";
 import { default as Fa } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
@@ -56,10 +56,10 @@ import { default as er } from "./components/ScalarSidebar/ScalarSidebarItems.vue
 import { default as lr } from "./components/ScalarSidebar/ScalarSidebarSearchButton.vue.js";
 import { default as dr } from "./components/ScalarSidebar/ScalarSidebarSearchInput.vue.js";
 import { default as ur } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
-import { default as cr } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
-import { default as Sr } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
+import { default as sr } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
+import { default as xr } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
 import { default as ir } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
-import { default as Mr } from "./components/ScalarToggle/ScalarToggle.vue.js";
+import { default as Tr } from "./components/ScalarToggle/ScalarToggle.vue.js";
 import { default as br } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
 /* empty css                                            */
 import { default as Fr } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
@@ -75,11 +75,12 @@ import { useLoadingState as Or } from "./components/ScalarLoading/ScalarLoading.
 import { default as Yr } from "./components/ScalarModal/ScalarModal.vue.js";
 import { useModal as jr } from "./components/ScalarModal/ScalarModal.vue2.js";
 import { TELEPORT_SYMBOL as zr, useProvideTeleport as Jr, useTeleport as Kr } from "./components/ScalarTeleport/useTeleport.js";
-import { addScalarClassesToHeadless as Qr } from "./helpers/add-scalar-classes.js";
+import { useTooltip as Qr } from "./components/ScalarTooltip/useTooltip.js";
+import { addScalarClassesToHeadless as Xr } from "./helpers/add-scalar-classes.js";
 export {
-  S as ScalarButton,
+  x as ScalarButton,
   i as ScalarCodeBlock,
-  M as ScalarColorModeToggle,
+  T as ScalarColorModeToggle,
   b as ScalarColorModeToggleButton,
   Cr as ScalarColorModeToggleIcon,
   F as ScalarCombobox,
@@ -109,11 +110,11 @@ export {
   yr as ScalarIcon,
   ua as ScalarIconButton,
   da as ScalarIconLegacyAdapter,
-  ca as ScalarListbox,
+  sa as ScalarListbox,
   ia as ScalarListboxCheckbox,
-  Sa as ScalarListboxItem,
+  xa as ScalarListboxItem,
   Ar as ScalarLoading,
-  Ma as ScalarMarkdown,
+  Ta as ScalarMarkdown,
   ba as ScalarMenu,
   Fa as ScalarMenuButton,
   Ca as ScalarMenuLink,
@@ -138,22 +139,23 @@ export {
   lr as ScalarSidebarSearchButton,
   dr as ScalarSidebarSearchInput,
   ur as ScalarTeleport,
-  cr as ScalarTeleportRoot,
-  Sr as ScalarTextArea,
+  sr as ScalarTeleportRoot,
+  xr as ScalarTextArea,
   ir as ScalarTextInput,
-  Mr as ScalarToggle,
+  Tr as ScalarToggle,
   br as ScalarTooltip,
   Fr as ScalarVirtualText,
   zr as TELEPORT_SYMBOL,
-  Qr as addScalarClassesToHeadless,
+  Xr as addScalarClassesToHeadless,
   d as compose,
   p as cva,
   u as cx,
   Br as styles,
   m as tw,
-  c as useBindCx,
+  s as useBindCx,
   Or as useLoadingState,
   jr as useModal,
   Jr as useProvideTeleport,
-  Kr as useTeleport
+  Kr as useTeleport,
+  Qr as useTooltip
 };