@scalar/components 0.14.14 → 0.14.17

package/dist/components/ScalarTooltip/useTooltip.js

@@ -1,31 +1,31 @@
-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 { useFloating as y, autoUpdate as E, flip as L, shift as T } from "@floating-ui/vue";
+import { watch as m, unref as o, ref as p, 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(
+const v = p(), t = p(), s = p(), { floatingStyles: r } = y(
   c(() => {
     var e;
-    return r((e = s.value) == null ? void 0 : e.targetRef);
+    return o((e = s.value) == null ? void 0 : e.targetRef);
   }),
   t,
   {
     placement: c(() => {
       var e;
-      return r((e = s.value) == null ? void 0 : e.placement);
+      return o((e = s.value) == null ? void 0 : e.placement);
     }),
-    whileElementsMounted: y,
+    whileElementsMounted: E,
     middleware: c(() => [L(), T()])
   }
 );
-m(o, () => {
-  t.value && (t.value.style.position = o.value.position, t.value.style.top = o.value.top, t.value.style.left = o.value.left, t.value.style.transform = o.value.transform ?? "", t.value.style.willChange = o.value.willChange ?? "");
+m(r, () => {
+  t.value && (t.value.style.position = r.value.position, t.value.style.top = r.value.top, t.value.style.left = r.value.left, t.value.style.transform = r.value.transform ?? "", t.value.style.willChange = r.value.willChange ?? "");
 });
 m(
   s,
   (e) => {
     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) ?? h;
+        t.value.textContent = o(e == null ? void 0 : e.content) ?? null;
+        const n = o(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");
@@ -33,7 +33,7 @@ m(
   { deep: !0 }
 );
 function A() {
-  if (t.value)
+  if (typeof document > "u" || typeof window > "u" || 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(g), t.value.classList.add("scalar-app"), t.value.style.setProperty("display", "none"), t.value.addEventListener("mouseleave", u), document.body.appendChild(t.value));
@@ -49,20 +49,20 @@ function f() {
 }
 function P(e) {
   var i;
-  const n = r((i = s.value) == null ? void 0 : i.targetRef);
+  const n = o((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 F(e) {
+function D(e) {
   A();
   function n(a) {
-    const l = r(e.delay) ?? b;
+    const l = o(e.delay) ?? b;
     f(), l > 0 ? v.value = setTimeout(() => i(), l) : i();
   }
   function i(a) {
     f(), document.addEventListener("keydown", C, { once: !0, capture: !0 }), s.value = e;
   }
   m(
-    () => r(e.targetRef),
+    () => o(e.targetRef),
     (a, l) => {
       l && (l.removeEventListener("mouseenter", n), l.removeEventListener("mouseleave", u), l.removeEventListener("focus", i), l.removeEventListener("blur", u), l.removeAttribute("aria-describedby")), a && (a.addEventListener("mouseenter", n), a.addEventListener("mouseleave", u), a.addEventListener("focus", i), a.addEventListener("blur", u), a.setAttribute("aria-describedby", d));
     },
@@ -71,5 +71,5 @@ function F(e) {
 }
 export {
   A as initializeTooltipElement,
-  F as useTooltip
+  D as useTooltip
 };

package/dist/index.js

@@ -1,161 +1,162 @@
 /* empty css          */
-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";
+import { compose as p, cva as u, cx as m, tw as s, useBindCx as c } from "@scalar/use-hooks/useBindCx";
+import { default as S } from "./components/ScalarButton/ScalarButton.vue.js";
+import { default as n } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
-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";
-import { default as C } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
-import { default as D } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
-import { default as U } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
-import { default as k } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
-import { default as R } from "./components/ScalarFileUpload/ScalarFileUpload.vue.js";
-import { default as y } from "./components/ScalarFileUpload/ScalarFileUploadInput.vue.js";
-import { default as A } from "./components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js";
-import { default as O } from "./components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js";
-import { default as Y } from "./components/ScalarFileUpload/ScalarFileUploadLoading.vue.js";
-import { default as j } from "./components/ScalarFileUpload/ScalarFileUploadError.vue.js";
-import { default as z } from "./components/ScalarFileUpload/ScalarFileUploadFileList.vue.js";
-import { default as K } from "./components/ScalarFloating/ScalarFloating.vue.js";
-import { default as Q } from "./components/ScalarFloating/ScalarFloatingBackdrop.vue.js";
-import { default as X } from "./components/ScalarForm/ScalarForm.vue.js";
-import { default as $ } from "./components/ScalarForm/ScalarFormField.vue.js";
-import { default as ra } from "./components/ScalarForm/ScalarFormError.vue.js";
-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 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 Ta } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
+import { default as M } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
+import { default as g } from "./components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js";
+import { default as I } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
+import { default as L } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
+import { default as w } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
+import { default as P } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
+import { default as h } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
+import { default as E } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
+import { default as v } from "./components/ScalarFileUpload/ScalarFileUpload.vue.js";
+import { default as H } from "./components/ScalarFileUpload/ScalarFileUploadInput.vue.js";
+import { default as G } from "./components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js";
+import { default as V } from "./components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js";
+import { default as _ } from "./components/ScalarFileUpload/ScalarFileUploadLoading.vue.js";
+import { default as q } from "./components/ScalarFileUpload/ScalarFileUploadError.vue.js";
+import { default as J } from "./components/ScalarFileUpload/ScalarFileUploadFileList.vue.js";
+import { default as N } from "./components/ScalarFloating/ScalarFloating.vue.js";
+import { default as W } from "./components/ScalarFloating/ScalarFloatingBackdrop.vue.js";
+import { default as Z } from "./components/ScalarForm/ScalarForm.vue.js";
+import { default as aa } from "./components/ScalarForm/ScalarFormField.vue.js";
+import { default as oa } from "./components/ScalarForm/ScalarFormError.vue.js";
+import { default as ta } from "./components/ScalarHeader/ScalarHeader.vue.js";
+import { default as fa } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
+import { default as pa } from "./components/ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+import { default as ma } 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 na } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
+import { default as Ma } 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";
-import { default as Ba } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
-import { default as Ca } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
-import { default as Da } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
-import { default as Ua } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
-import { default as ka } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
-import { default as Ra } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
-import { default as ya } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
-import { default as Aa } from "./components/ScalarPopover/ScalarPopover.vue.js";
-import { default as Oa } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { default as Ya } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
-import { default as ja } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
-import { default as za } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
-import { default as Ka } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
-import { default as Qa } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
-import { default as Xa } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
+import { default as ga } from "./components/ScalarMenu/ScalarMenu.vue.js";
+import { default as Ia } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
+import { default as La } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
+import { default as wa } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
+import { default as Pa } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
+import { default as ha } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
+import { default as Ea } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
+import { default as va } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
+import { default as Ha } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
+import { default as Ga } from "./components/ScalarPopover/ScalarPopover.vue.js";
+import { default as Va } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
+import { default as _a } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as qa } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
+import { default as Ja } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
+import { default as Na } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
+import { default as Wa } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
+import { default as Za } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
 /* empty css                                                 */
-import { default as $a } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
-import { default as rr } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
-import { default as er } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
-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 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 Tr } from "./components/ScalarToggle/ScalarToggle.vue.js";
-import { default as br } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { default as ar } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
+import { default as or } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
+import { default as tr } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
+/* empty css                                                 */
+import { default as fr } from "./components/ScalarSidebar/ScalarSidebarSearchButton.vue.js";
+import { default as pr } from "./components/ScalarSidebar/ScalarSidebarSearchInput.vue.js";
+import { default as mr } 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 nr } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
+import { default as Mr } from "./components/ScalarToggle/ScalarToggle.vue.js";
+import { default as gr } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
 /* empty css                                            */
-import { default as Fr } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
-import { styles as Br } from "./components/ScalarButton/variants.js";
-import { default as Cr } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
-import { default as Dr } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
-import { default as Ur } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
-import { default as kr } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
-import { default as Rr } from "./components/ScalarForm/ScalarFormSection.vue.js";
-import { default as yr } from "./components/ScalarIcon/ScalarIcon.vue.js";
-import { default as Ar } from "./components/ScalarLoading/ScalarLoading.vue.js";
-import { useLoadingState as Or } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-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 { useTooltip as Qr } from "./components/ScalarTooltip/useTooltip.js";
-import { addScalarClassesToHeadless as Xr } from "./helpers/add-scalar-classes.js";
+import { default as Ir } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
+import { styles as Lr } from "./components/ScalarButton/variants.js";
+import { default as wr } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
+import { default as Pr } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { default as hr } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
+import { default as Er } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
+import { default as vr } from "./components/ScalarForm/ScalarFormSection.vue.js";
+import { default as Hr } from "./components/ScalarIcon/ScalarIcon.vue.js";
+import { default as Gr } from "./components/ScalarLoading/ScalarLoading.vue.js";
+import { useLoadingState as Vr } from "./components/ScalarLoading/ScalarLoading.vue2.js";
+import { default as _r } from "./components/ScalarModal/ScalarModal.vue.js";
+import { useModal as qr } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { TELEPORT_SYMBOL as Jr, useProvideTeleport as Kr, useTeleport as Nr } from "./components/ScalarTeleport/useTeleport.js";
+import { useTooltip as Wr } from "./components/ScalarTooltip/useTooltip.js";
+import { addScalarClassesToHeadless as Zr } from "./helpers/add-scalar-classes.js";
 export {
-  x as ScalarButton,
-  i as ScalarCodeBlock,
-  T as ScalarColorModeToggle,
-  b as ScalarColorModeToggleButton,
-  Cr as ScalarColorModeToggleIcon,
-  F as ScalarCombobox,
-  B as ScalarComboboxMultiselect,
-  C as ScalarContextMenu,
-  D as ScalarDropdown,
-  Ur as ScalarDropdownButton,
-  Dr as ScalarDropdownDivider,
-  kr as ScalarDropdownItem,
-  U as ScalarDropdownMenu,
-  k as ScalarErrorBoundary,
-  R as ScalarFileUpload,
-  O as ScalarFileUploadDropTarget,
-  j as ScalarFileUploadError,
-  z as ScalarFileUploadFileList,
-  y as ScalarFileUploadInput,
-  A as ScalarFileUploadInputCompact,
-  Y as ScalarFileUploadLoading,
-  K as ScalarFloating,
-  Q as ScalarFloatingBackdrop,
-  X as ScalarForm,
-  ra as ScalarFormError,
-  $ as ScalarFormField,
-  Rr as ScalarFormSection,
-  ea as ScalarHeader,
-  la as ScalarHeaderButton,
-  yr as ScalarIcon,
-  ua as ScalarIconButton,
-  da as ScalarIconLegacyAdapter,
-  sa as ScalarListbox,
-  ia as ScalarListboxCheckbox,
-  xa as ScalarListboxItem,
-  Ar as ScalarLoading,
-  Ta as ScalarMarkdown,
-  ba as ScalarMenu,
-  Fa as ScalarMenuButton,
-  Ca as ScalarMenuLink,
-  Da as ScalarMenuProduct,
-  Ua as ScalarMenuProducts,
-  ya as ScalarMenuResources,
-  Ba as ScalarMenuSection,
-  ka as ScalarMenuTeamPicker,
-  Ra as ScalarMenuTeamProfile,
-  Yr as ScalarModal,
-  Aa as ScalarPopover,
-  Oa as ScalarSearchInput,
-  ja as ScalarSearchResultItem,
-  Ya as ScalarSearchResultList,
-  za as ScalarSidebar,
-  Qa as ScalarSidebarButton,
-  Ka as ScalarSidebarFooter,
-  Xa as ScalarSidebarGroup,
-  $a as ScalarSidebarGroupToggle,
-  rr as ScalarSidebarItem,
-  er as ScalarSidebarItems,
-  lr as ScalarSidebarSearchButton,
-  dr as ScalarSidebarSearchInput,
-  ur as ScalarTeleport,
-  sr as ScalarTeleportRoot,
-  xr as ScalarTextArea,
-  ir as ScalarTextInput,
-  Tr as ScalarToggle,
-  br as ScalarTooltip,
-  Fr as ScalarVirtualText,
-  zr as TELEPORT_SYMBOL,
-  Xr as addScalarClassesToHeadless,
-  d as compose,
-  p as cva,
-  u as cx,
-  Br as styles,
-  m as tw,
-  s as useBindCx,
-  Or as useLoadingState,
-  jr as useModal,
-  Jr as useProvideTeleport,
-  Kr as useTeleport,
-  Qr as useTooltip
+  S as ScalarButton,
+  n as ScalarCodeBlock,
+  M as ScalarColorModeToggle,
+  g as ScalarColorModeToggleButton,
+  wr as ScalarColorModeToggleIcon,
+  I as ScalarCombobox,
+  L as ScalarComboboxMultiselect,
+  w as ScalarContextMenu,
+  P as ScalarDropdown,
+  hr as ScalarDropdownButton,
+  Pr as ScalarDropdownDivider,
+  Er as ScalarDropdownItem,
+  h as ScalarDropdownMenu,
+  E as ScalarErrorBoundary,
+  v as ScalarFileUpload,
+  V as ScalarFileUploadDropTarget,
+  q as ScalarFileUploadError,
+  J as ScalarFileUploadFileList,
+  H as ScalarFileUploadInput,
+  G as ScalarFileUploadInputCompact,
+  _ as ScalarFileUploadLoading,
+  N as ScalarFloating,
+  W as ScalarFloatingBackdrop,
+  Z as ScalarForm,
+  oa as ScalarFormError,
+  aa as ScalarFormField,
+  vr as ScalarFormSection,
+  ta as ScalarHeader,
+  fa as ScalarHeaderButton,
+  Hr as ScalarIcon,
+  ma as ScalarIconButton,
+  pa as ScalarIconLegacyAdapter,
+  ca as ScalarListbox,
+  na as ScalarListboxCheckbox,
+  Sa as ScalarListboxItem,
+  Gr as ScalarLoading,
+  Ma as ScalarMarkdown,
+  ga as ScalarMenu,
+  Ia as ScalarMenuButton,
+  wa as ScalarMenuLink,
+  Pa as ScalarMenuProduct,
+  ha as ScalarMenuProducts,
+  Ha as ScalarMenuResources,
+  La as ScalarMenuSection,
+  Ea as ScalarMenuTeamPicker,
+  va as ScalarMenuTeamProfile,
+  _r as ScalarModal,
+  Ga as ScalarPopover,
+  Va as ScalarSearchInput,
+  qa as ScalarSearchResultItem,
+  _a as ScalarSearchResultList,
+  Ja as ScalarSidebar,
+  Wa as ScalarSidebarButton,
+  Na as ScalarSidebarFooter,
+  Za as ScalarSidebarGroup,
+  ar as ScalarSidebarGroupToggle,
+  or as ScalarSidebarItem,
+  tr as ScalarSidebarItems,
+  fr as ScalarSidebarSearchButton,
+  pr as ScalarSidebarSearchInput,
+  mr as ScalarTeleport,
+  cr as ScalarTeleportRoot,
+  Sr as ScalarTextArea,
+  nr as ScalarTextInput,
+  Mr as ScalarToggle,
+  gr as ScalarTooltip,
+  Ir as ScalarVirtualText,
+  Jr as TELEPORT_SYMBOL,
+  Zr as addScalarClassesToHeadless,
+  p as compose,
+  u as cva,
+  m as cx,
+  Lr as styles,
+  s as tw,
+  c as useBindCx,
+  Vr as useLoadingState,
+  qr as useModal,
+  Kr as useProvideTeleport,
+  Nr as useTeleport,
+  Wr as useTooltip
 };