@scalar/components 0.13.59 → 0.14.2

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

@@ -1,77 +1,35 @@
-import { defineComponent as f, createBlock as i, openBlock as o, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as n, createCommentVNode as p } from "vue";
-import { cva as u, cx as m } from "@scalar/use-hooks/useBindCx";
-import { TooltipProvider as k, TooltipRoot as x, TooltipTrigger as y, TooltipContent as g } from "radix-vue";
-import _ from "../ScalarTeleport/ScalarTeleport.vue.js";
-const T = /* @__PURE__ */ f({
+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({
   __name: "ScalarTooltip",
   props: {
-    click: {},
-    delay: {},
-    skipDelay: { default: 1e3 },
-    align: { default: "center" },
-    side: { default: "top" },
-    sideOffset: {},
-    class: {},
-    triggerClass: {},
-    resize: { type: Boolean },
-    as: {},
-    disabled: { type: Boolean, default: !1 },
-    textSize: { default: "xs" }
+    content: { default: "" },
+    delay: { default: 300 },
+    placement: { default: "top" },
+    offset: { default: 4 }
   },
-  emits: ["click"],
-  setup(c) {
-    const d = u({
-      base: "scalar-app z-overlay break-all",
-      variants: {
-        textSize: {
-          xs: "text-xs",
-          sm: "text-sm",
-          base: "text-base"
+  setup(l) {
+    const a = f(null);
+    return u({
+      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;
         }
-      }
-    }), e = c;
-    return (l, C) => (o(), i(t(k), {
-      delayDuration: e.delay,
-      skipDelayDuration: e.skipDelay
-    }, {
-      default: a(() => [
-        s(t(x), null, {
-          default: a(() => [
-            s(t(y), {
-              as: e.as || "button",
-              class: r(["flex items-center justify-center", [e.resize ? "w-full" : "", e.triggerClass]]),
-              onClick: e.click
-            }, {
-              default: a(() => [
-                n(l.$slots, "trigger")
-              ]),
-              _: 3
-            }, 8, ["as", "class", "onClick"]),
-            s(t(_), null, {
-              default: a(() => [
-                e.disabled ? p("", !0) : (o(), i(t(g), {
-                  key: 0,
-                  align: e.align,
-                  class: r(t(m)(t(d)({ textSize: e.textSize }), e.class)),
-                  side: e.side,
-                  sideOffset: e.sideOffset
-                }, {
-                  default: a(() => [
-                    n(l.$slots, "content")
-                  ]),
-                  _: 3
-                }, 8, ["align", "class", "side", "sideOffset"]))
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["delayDuration", "skipDelayDuration"]));
+      )
+    }), (e, o) => (c(), r("div", {
+      ref_key: "wrapperRef",
+      ref: a,
+      class: d({ contents: !!e.$slots.default })
+    }, [
+      s(e.$slots, "default")
+    ], 2));
   }
 });
 export {
-  T as default
+  i as default
 };

package/dist/components/ScalarTooltip/ScalarTooltip.vue3.js

@@ -0,0 +1,5 @@
+import o from "./ScalarTooltip.vue.js";
+/* empty css                   */
+export {
+  o as default
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useTooltip.test.d.ts.map

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

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

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

@@ -0,0 +1,7 @@
+/** The ID of the tooltip element used to locate it in the DOM */
+export declare const ELEMENT_ID: "scalar-tooltip";
+/** The class name of the tooltip element */
+export declare const ELEMENT_CLASS: "scalar-tooltip";
+/** The default delay for the tooltip */
+export declare const DEFAULT_DELAY: 300;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/ScalarTooltip/constants.js

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

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

@@ -0,0 +1,15 @@
+import type { Placement } 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;
+/** The configuration for the active tooltip */
+export type TooltipConfiguration = {
+    content: MaybeRef<string>;
+    placement?: MaybeRef<Placement>;
+    delay?: MaybeRef<number>;
+    offset?: MaybeRef<number>;
+    targetRef: MaybeRef<MaybeElement>;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+import type { TooltipConfiguration } from './types';
+/**
+ * Initialize the tooltip element
+ *
+ * If the tooltip is already initialized it will be ignored
+ */
+export declare function initializeTooltipElement(): void;
+/**
+ * Cleanup and reset the tooltip element
+ */
+export declare function cleanupTooltipElement(): void;
+/**
+ * Create a tooltip
+ *
+ * If there isn't a tooltip element it will be created
+ */
+export declare function useTooltip(opts: TooltipConfiguration): void;
+//# sourceMappingURL=useTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/useTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA0F1D;;;;GAIG;AACH,wBAAgB,wBAAwB,SAuBvC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,SAGpC;AA2DD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,oBAAoB,QAqDpD"}

package/dist/components/ScalarTooltip/useTooltip.js

@@ -0,0 +1,75 @@
+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(
+  c(() => {
+    var e;
+    return r((e = s.value) == null ? void 0 : e.targetRef);
+  }),
+  t,
+  {
+    placement: c(() => {
+      var e;
+      return r((e = s.value) == null ? void 0 : e.placement);
+    }),
+    whileElementsMounted: E,
+    middleware: c(() => [L(), g()])
+  }
+);
+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(
+  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);
+        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() {
+  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));
+}
+function u(e) {
+  C(e) && (f(), s.value = void 0);
+}
+function A(e) {
+  e.key === "Escape" && (e.stopPropagation(), u(e));
+}
+function f() {
+  v.value && (clearTimeout(v.value), v.value = void 0);
+}
+function C(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 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;
+  }
+  m(
+    () => r(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));
+    },
+    { immediate: !0 }
+  );
+}
+export {
+  h as initializeTooltipElement,
+  _ as useTooltip
+};

package/dist/index.js

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