@scalar/components 0.16.12 → 0.16.13

package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as g, mergeModels as u, useModel as h, createBlock as k, openBlock as i, resolveDynamicComponent as $, normalizeProps as B, guardReactiveProps as C, unref as n, withCtx as t, createElementVNode as S, createElementBlock as r, createCommentVNode as p, renderSlot as l, createVNode as d, createSlots as N, normalizeStyle as V, createTextVNode as x, toDisplayString as z } from "vue";
-import { useBindCx as M } from "@scalar/use-hooks/useBindCx";
-import D from "./ScalarSidebarButton.vue.js";
+import { defineComponent as g, mergeModels as u, useModel as h, createBlock as k, openBlock as i, resolveDynamicComponent as $, normalizeProps as B, guardReactiveProps as C, unref as n, withCtx as t, createElementVNode as S, createElementBlock as d, createCommentVNode as p, renderSlot as l, createVNode as r, normalizeStyle as x, normalizeClass as z, createTextVNode as N, toDisplayString as V, createSlots as M } from "vue";
+import { useBindCx as D } from "@scalar/use-hooks/useBindCx";
+import E from "./ScalarSidebarButton.vue.js";
 import v from "./ScalarSidebarGroupToggle.vue.js";
-import E from "./ScalarSidebarIndent.vue.js";
-import { useSidebarGroups as G } from "./useSidebarGroups.js";
-const O = { class: "group/group-button relative flex flex-col" }, P = {
+import G from "./ScalarSidebarIndent.vue.js";
+import { useSidebarGroups as O } from "./useSidebarGroups.js";
+const P = { class: "group/group-button relative flex flex-col leading-5" }, T = ["aria-expanded"], j = {
   key: 0,
   class: "size-4"
-}, T = ["aria-expanded"], j = {
+}, w = {
   key: 0,
   class: "group/items flex flex-col gap-px"
-}, w = {}, K = /* @__PURE__ */ g({
-  ...w,
+}, A = {}, L = /* @__PURE__ */ g({
+  ...A,
   inheritAttrs: !1,
   __name: "ScalarSidebarGroup",
   props: /* @__PURE__ */ u({
@@ -29,20 +29,44 @@ const O = { class: "group/group-button relative flex flex-col" }, P = {
   }),
   emits: /* @__PURE__ */ u(["click", "toggle"], ["update:open"]),
   setup(a, { emit: m }) {
-    const c = m, o = h(a, "open"), { level: s } = G({ increment: !0 }), { cx: f } = M(), b = (e) => {
+    const c = m, o = h(a, "open"), { level: s } = O({ increment: !0 }), { cx: f } = D(), b = (e) => {
       c("click", e), !a.controlled && !a.discrete && (o.value = !o.value);
     }, y = (e) => {
       c("toggle", e), !a.controlled && a.discrete && (o.value = !o.value);
     };
-    return (e, A) => (i(), k($(e.is), B(C(n(f)("group/item flex flex-col gap-px"))), {
+    return (e, F) => (i(), k($(e.is), B(C(n(f)("group/item flex flex-col gap-px"))), {
       default: t(() => [
-        S("div", O, [
+        S("div", P, [
           l(e.$slots, "before", { open: o.value }),
           l(e.$slots, "button", {
             level: n(s),
             open: o.value
           }, () => [
-            d(D, {
+            e.discrete ? (i(), d("button", {
+              key: 0,
+              type: "button",
+              "aria-expanded": o.value,
+              class: z([
+                "absolute top-[1lh] -translate-y-1/2 p-0.75 rounded left-[calc(4px+var(--scalar-sidebar-indent)*var(--scalar-sidebar-level))]",
+                e.selected ? "text-sidebar-c-1  hover:bg-sidebar-b-1 hover:text-sidebar-c-1" : "text-c-3 hover:bg-sidebar-b-hover hover:text-sidebar-c-hover"
+              ]),
+              style: x({ "--scalar-sidebar-level": n(s) }),
+              onClick: y
+            }, [
+              l(e.$slots, "icon", { open: o.value }, () => [
+                r(v, {
+                  icon: e.icon,
+                  open: o.value
+                }, {
+                  label: t(() => [
+                    N(V(o.value ? "Close" : "Open") + " ", 1),
+                    l(e.$slots, "default", { open: o.value })
+                  ]),
+                  _: 3
+                }, 8, ["icon", "open"])
+              ])
+            ], 14, T)) : p("", !0),
+            r(E, {
               is: "button",
               active: e.active,
               "aria-expanded": o.value,
@@ -50,22 +74,22 @@ const O = { class: "group/group-button relative flex flex-col" }, P = {
               indent: n(s),
               selected: e.selected,
               onClick: b
-            }, N({
+            }, M({
               indent: t(() => [
-                d(E, {
+                r(G, {
                   class: "mr-0 -my-2",
                   indent: n(s),
                   selected: e.selected
                 }, null, 8, ["indent", "selected"])
               ]),
               icon: t(() => [
-                e.discrete ? (i(), r("div", P)) : l(e.$slots, "icon", {
+                e.discrete ? (i(), d("div", j)) : l(e.$slots, "icon", {
                   key: 1,
                   open: o.value
                 }, () => [
-                  d(v, {
-                    icon: e.icon,
+                  r(v, {
                     class: "text-c-3",
+                    icon: e.icon,
                     open: o.value
                   }, null, 8, ["icon", "open"])
                 ])
@@ -82,32 +106,11 @@ const O = { class: "group/group-button relative flex flex-col" }, P = {
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["active", "aria-expanded", "disabled", "indent", "selected"]),
-            e.discrete ? (i(), r("button", {
-              key: 0,
-              type: "button",
-              "aria-expanded": o.value,
-              class: "absolute top-[1lh] -translate-y-1/2 p-0.75 rounded hover:bg-sidebar-b-hover left-[calc(4px+var(--scalar-sidebar-indent)*var(--scalar-sidebar-level))] text-c-3 hover:text-sidebar-c-1",
-              style: V({ "--scalar-sidebar-level": n(s) }),
-              onClick: y
-            }, [
-              l(e.$slots, "icon", { open: o.value }, () => [
-                d(v, {
-                  icon: e.icon,
-                  open: o.value
-                }, {
-                  label: t(() => [
-                    x(z(o.value ? "Close" : "Open") + " ", 1),
-                    l(e.$slots, "default", { open: o.value })
-                  ]),
-                  _: 3
-                }, 8, ["icon", "open"])
-              ])
-            ], 12, T)) : p("", !0)
+            ]), 1032, ["active", "aria-expanded", "disabled", "indent", "selected"])
           ]),
           l(e.$slots, "after", { open: o.value })
         ]),
-        o.value ? (i(), r("ul", j, [
+        o.value ? (i(), d("ul", w, [
           l(e.$slots, "items", { open: o.value })
         ])) : p("", !0)
       ]),
@@ -116,5 +119,5 @@ const O = { class: "group/group-button relative flex flex-col" }, P = {
   }
 });
 export {
-  K as default
+  L as default
 };

package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("./
     "update:open": (value: boolean) => any;
 } & {
     click: (event: MouseEvent) => any;
+    back: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("./types").ScalarSidebarItemProps & {
     controlled?: boolean;
     discrete?: boolean;
@@ -31,6 +32,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("./
 }> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onBack?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** The text content of the button */
     default?: () => unknown;

package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarNestedItems.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"names":[],"mappings":"AAyLA;;;;;;;;;;;;;;;GAeG;;;;;WAiFM,OAAO;;;;;;;;;WAAP,OAAO;;;;;IAjEd,qCAAqC;cACzB,MAAM,OAAO;IACzB,iCAAiC;aACtB,MAAM,OAAO;IACxB,wBAAwB;WACf,MAAM,OAAO;IACtB,8BAA8B;YACpB,MAAM,OAAO;IACvB,+BAA+B;WACtB,MAAM,OAAO;IACtB,qCAAqC;mBACtB,MAAM,OAAO;IAC5B,mCAAmC;YACzB,MAAM,OAAO;;AA5BzB,wBAmTC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarNestedItems.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"names":[],"mappings":"AAqMA;;;;;;;;;;;;;;;GAeG;;;;;WA6FM,OAAO;;;;;;;;;;WAAP,OAAO;;;;;;IA3Ed,qCAAqC;cACzB,MAAM,OAAO;IACzB,iCAAiC;aACtB,MAAM,OAAO;IACxB,wBAAwB;WACf,MAAM,OAAO;IACtB,8BAA8B;YACpB,MAAM,OAAO;IACvB,+BAA+B;WACtB,MAAM,OAAO;IACtB,qCAAqC;mBACtB,MAAM,OAAO;IAC5B,mCAAmC;YACzB,MAAM,OAAO;;AA9BzB,wBA6TC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as B, mergeModels as c, useModel as g, useTemplateRef as h, ref as T, createElementBlock as u, openBlock as f, normalizeStyle as _, normalizeClass as z, renderSlot as s, createVNode as t, mergeProps as I, unref as r, withCtx as l, Transition as N, createCommentVNode as A, normalizeProps as w, guardReactiveProps as x, createTextVNode as L, nextTick as m } from "vue";
-import { ScalarIconArrowRight as M, ScalarIconCaretLeft as P, ScalarIconListDashes as R } from "@scalar/icons";
-import p from "./ScalarSidebarButton.vue.js";
-import V from "./ScalarSidebarItems.vue.js";
+import { defineComponent as h, mergeModels as u, useModel as g, useTemplateRef as _, ref as T, createElementBlock as f, openBlock as m, normalizeStyle as z, normalizeClass as I, renderSlot as o, createVNode as t, mergeProps as N, unref as n, withCtx as s, Transition as x, createCommentVNode as A, normalizeProps as w, guardReactiveProps as L, createTextVNode as M, nextTick as p } from "vue";
+import { ScalarIconArrowRight as P, ScalarIconCaretLeft as R, ScalarIconListDashes as V } from "@scalar/icons";
+import b from "./ScalarSidebarButton.vue.js";
+import q from "./ScalarSidebarItems.vue.js";
 /* empty css                        */
-import q from "./ScalarSidebarSpacer.vue.js";
+import E from "./ScalarSidebarSpacer.vue.js";
 import { findScrollContainer as v } from "./findScrollContainer.js";
-import { useSidebarGroups as E } from "./useSidebarGroups.js";
-import { useSidebarNestedItem as O } from "./useSidebarNestedItems.js";
-import j from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const D = {
+import { useSidebarGroups as O } from "./useSidebarGroups.js";
+import { useSidebarNestedItem as j } from "./useSidebarNestedItems.js";
+import D from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const F = {
   key: 0,
   class: "absolute inset-0 translate-x-full"
-}, F = {}, te = /* @__PURE__ */ B({
-  ...F,
+}, G = {}, te = /* @__PURE__ */ h({
+  ...G,
   inheritAttrs: !1,
   __name: "ScalarSidebarNestedItems",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ u({
     is: {},
-    icon: { type: [Object, Function], default: R },
+    icon: { type: [Object, Function], default: V },
     active: { type: Boolean },
     selected: { type: Boolean },
     disabled: { type: Boolean },
@@ -28,88 +28,90 @@ const D = {
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ c(["click"], ["update:open"]),
-  setup(d, { emit: b }) {
-    const $ = b, o = g(d, "open");
-    O(o);
-    const { level: S } = E({ reset: !0 }), a = h("el"), i = T(0);
-    function k() {
-      i.value = v(a.value).scrollTop ?? 0, m(
-        () => a.value?.querySelector('button:not([aria-expanded="true"])')?.focus({ preventScroll: !0 })
+  emits: /* @__PURE__ */ u(["click", "back"], ["update:open"]),
+  setup(r, { emit: k }) {
+    const c = k, a = g(r, "open");
+    j(a);
+    const { level: S } = O({ reset: !0 }), l = _("el"), i = T(0);
+    function $() {
+      i.value = v(l.value).scrollTop ?? 0, p(
+        () => l.value?.querySelector('button:not([aria-expanded="true"])')?.focus({ preventScroll: !0 })
       );
     }
     function y() {
-      m(() => {
-        a.value?.querySelector("button")?.focus({ preventScroll: !0 }), v(a.value).scrollTop = i.value;
+      p(() => {
+        l.value?.querySelector("button")?.focus({ preventScroll: !0 }), v(l.value).scrollTop = i.value;
       });
     }
     const C = (e) => {
-      $("click", e), d.controlled || (o.value = !o.value);
+      c("click", e), r.controlled || (a.value = !0);
+    }, B = (e) => {
+      c("back", e), r.controlled || (a.value = !1);
     };
-    return (e, n) => (f(), u("li", {
+    return (e, d) => (m(), f("li", {
       ref_key: "el",
-      ref: a,
-      class: z(["group/item group/nested-items contents", { "group/nested-items-open": o.value }]),
-      style: _({ "--nested-items-offset": `${i.value}px` })
+      ref: l,
+      class: I(["group/item group/nested-items contents", { "group/nested-items-open": a.value }]),
+      style: z({ "--nested-items-offset": `${i.value}px` })
     }, [
-      s(e.$slots, "button", {}, () => [
-        t(p, I({
+      o(e.$slots, "button", {}, () => [
+        t(b, N({
           is: "button",
-          "aria-expanded": o.value,
+          "aria-expanded": a.value,
           class: "text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1",
           disabled: e.disabled,
-          indent: r(S),
+          indent: n(S),
           selected: e.selected
         }, e.$attrs, { onClick: C }), {
-          icon: l(() => [
-            s(e.$slots, "icon", {}, () => [
-              t(r(j), {
+          icon: s(() => [
+            o(e.$slots, "icon", {}, () => [
+              t(n(D), {
                 icon: e.icon,
                 weight: "bold"
               }, null, 8, ["icon"])
             ])
           ]),
-          aside: l(() => [
-            s(e.$slots, "aside", {}, () => [
-              t(r(M), { class: "size-4 text-sidebar-c-2" })
+          aside: s(() => [
+            o(e.$slots, "aside", {}, () => [
+              t(n(P), { class: "size-4 text-sidebar-c-2" })
             ])
           ]),
-          default: l(() => [
-            s(e.$slots, "default")
+          default: s(() => [
+            o(e.$slots, "default")
           ]),
           _: 3
         }, 16, ["aria-expanded", "disabled", "indent", "selected"])
       ]),
-      t(N, {
+      t(x, {
         duration: 300,
         enterActiveClass: "top-(--nested-items-offset)",
         leaveActiveClass: "top-(--nested-items-offset)",
-        onEnter: k,
+        onEnter: $,
         onLeave: y
       }, {
-        default: l(() => [
-          o.value ? (f(), u("div", D, [
-            t(V, w(x(e.$attrs)), {
-              default: l(() => [
-                s(e.$slots, "back", {}, () => [
-                  t(p, {
+        default: s(() => [
+          a.value ? (m(), f("div", F, [
+            t(q, w(L(e.$attrs)), {
+              default: s(() => [
+                o(e.$slots, "back", {}, () => [
+                  t(b, {
                     is: "button",
                     class: "text-sidebar-c-1 font-sidebar-active",
-                    onClick: n[0] || (n[0] = (G) => !e.controlled && (o.value = !1))
+                    onClick: B
                   }, {
-                    icon: l(() => [
-                      t(r(P), { class: "size-4 -m-px text-sidebar-c-2" })
+                    icon: s(() => [
+                      t(n(R), { class: "size-4 -m-px text-sidebar-c-2" })
                     ]),
-                    default: l(() => [
-                      s(e.$slots, "back-label", {}, () => [
-                        n[1] || (n[1] = L("Back", -1))
+                    default: s(() => [
+                      o(e.$slots, "back-label", {}, () => [
+                        d[0] || (d[0] = M("Back", -1))
                       ])
                     ]),
                     _: 3
                   })
                 ]),
-                t(q, { class: "h-3" }),
-                s(e.$slots, "items")
+                t(E, { class: "h-3" }),
+                o(e.$slots, "items")
               ]),
               _: 3
             }, 16)

package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.d.ts

@@ -1,13 +1,10 @@
-type __VLS_Props = {
-    hotKey?: string;
-};
 declare var __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
 } & {
     shortcut?: (props: typeof __VLS_7) => any;
 };
-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, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"names":[],"mappings":"AAwCA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;AA+DF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarSearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"names":[],"mappings":"AAgGA,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoBhD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, createElementBlock as s, openBlock as o, mergeProps as c, unref as n, createVNode as p, createElementVNode as t, createCommentVNode as i, renderSlot as a, createTextVNode as u } from "vue";
+import { defineComponent as d, createElementBlock as s, openBlock as o, mergeProps as c, unref as n, createVNode as i, createElementVNode as t, createCommentVNode as p, renderSlot as a, createTextVNode as u } from "vue";
 import { ScalarIconMagnifyingGlass as b } from "@scalar/icons";
 import { useBindCx as m } from "@scalar/use-hooks/useBindCx";
 const f = { class: "flex-1 text-left leading-none" }, h = {
@@ -7,22 +7,19 @@ const f = { class: "flex-1 text-left leading-none" }, h = {
 }, _ = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "ScalarSidebarSearchButton",
-  props: {
-    hotKey: {}
-  },
   setup(x) {
     const { cx: l } = m();
     return (r, e) => (o(), s("button", c(
       {
-        type: "button",
-        role: "search"
+        role: "search",
+        type: "button"
       },
       n(l)(
         "flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1",
         "bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search"
       )
     ), [
-      p(n(b), { class: "size-4" }),
+      i(n(b), { class: "size-4" }),
       t("span", f, [
         a(r.$slots, "default", {}, () => [
           e[0] || (e[0] = u("Search...", -1))
@@ -33,7 +30,7 @@ const f = { class: "flex-1 text-left leading-none" }, h = {
         t("kbd", null, [
           a(r.$slots, "shortcut")
         ])
-      ])) : i("", !0)
+      ])) : p("", !0)
     ], 16));
   }
 });

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.js

@@ -31,7 +31,9 @@ const N = ["aria-label"], G = /* @__PURE__ */ f({
       y(e(B), { class: "text-sidebar-c-search size-4" }),
       S(C("input", M({
         ref_key: "inputRef",
-        ref: r,
+        ref: r
+      }, e(d), {
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
         "aria-label": o.label ?? "Enter search query",
         autocapitalize: "off",
         autocomplete: "off",
@@ -40,8 +42,6 @@ const N = ["aria-label"], G = /* @__PURE__ */ f({
         placeholder: "Search...",
         spellcheck: "false",
         type: "search"
-      }, e(d), {
-        "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u)
       }), null, 16, N), [
         [V, a.value]
       ]),
@@ -54,8 +54,8 @@ const N = ["aria-label"], G = /* @__PURE__ */ f({
         key: 1,
         class: "p-0.25 size-4",
         icon: e(A),
-        weight: "bold",
         label: "Clear Search",
+        weight: "bold",
         onClick: z(i, ["stop", "prevent"])
       }, null, 8, ["icon"])) : x("", !0)
     ], 16));

package/dist/components/ScalarSidebar/useSidebarNestedItems.d.ts

@@ -1,10 +1,4 @@
-import { type InjectionKey, type Ref } from 'vue';
-/**
- * Tracks the open state of the nearest nested child items
- *
- * @default false
- */
-export declare const SIDEBAR_NESTED_ITEMS_SYMBOL: InjectionKey<Ref<Ref<boolean>[]>>;
+import { type Ref } from 'vue';
 /**
  * Get the open / closed model for the nearest nested child items
  */

package/dist/components/ScalarSidebar/useSidebarNestedItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSidebarNestedItems.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/useSidebarNestedItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,YAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAElG;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAe,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;AAExF;;GAEG;AACH,eAAO,MAAM,oBAAoB;AAC/B,oEAAoE;AACpE,MAAM,GAAG,CAAC,OAAO,CAAC,SAYnB,CAAA;AACD;;GAEG;AACH,eAAO,MAAM,qBAAqB;IAO9B,qDAAqD;;CAGxD,CAAA"}
+{"version":3,"file":"useSidebarNestedItems.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/useSidebarNestedItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,GAAG,EAAmD,MAAM,KAAK,CAAA;AAOlG;;GAEG;AACH,eAAO,MAAM,oBAAoB;AAC/B,oEAAoE;AACpE,MAAM,GAAG,CAAC,OAAO,CAAC,KACjB,IAWF,CAAA;AACD;;GAEG;AACH,eAAO,MAAM,qBAAqB;IAO9B,qDAAqD;;CAGxD,CAAA"}

package/dist/components/ScalarSidebar/useSidebarNestedItems.js

@@ -12,7 +12,6 @@ const s = Symbol(), l = (t) => {
   };
 };
 export {
-  s as SIDEBAR_NESTED_ITEMS_SYMBOL,
   l as useSidebarNestedItem,
   m as useSidebarNestedItems
 };

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

@@ -1,4 +1,4 @@
 export { default as ScalarTeleport } from './ScalarTeleport.vue.js';
 export { default as ScalarTeleportRoot } from './ScalarTeleportRoot.vue.js';
-export * from './useTeleport.js';
+export { TELEPORT_SYMBOL, useProvideTeleport, useTeleport } from './useTeleport.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTeleport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAExE,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTeleport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/ScalarTextInput/ScalarTextInput.vue.js

@@ -4,7 +4,7 @@ import B from "../ScalarForm/ScalarFormInput.vue.js";
 const M = { class: "flex flex-1 relative" }, A = {
   key: 0,
   class: "select-none whitespace-nowrap text-sm text-transparent"
-}, D = ["readonly", "aria-readonly"], S = {
+}, D = ["aria-readonly", "readonly"], S = {
   key: 1,
   class: "absolute inset-0 select-none overflow-hidden whitespace-nowrap text-sm"
 }, E = {
@@ -49,9 +49,9 @@ const M = { class: "flex flex-1 relative" }, A = {
             ref_key: "input",
             ref: s,
             "onUpdate:modelValue": f[0] || (f[0] = (h) => a.value = h),
-            readonly: e.readonly,
             "aria-readonly": e.readonly || void 0,
-            class: "z-1 min-w-0 flex-1 border-none bg-transparent text-sm placeholder:font-[inherit] focus-within:outline-none"
+            class: "z-1 min-w-0 flex-1 border-none bg-transparent text-sm placeholder:font-[inherit] focus-within:outline-none",
+            readonly: e.readonly
           }, r(u)), null, 16, D), [
             [g, a.value]
           ]),

package/dist/components/ScalarToggle/ScalarToggleGroup.vue.js

@@ -16,9 +16,9 @@ const x = {}, C = /* @__PURE__ */ n({
     return (m, B) => (t(), o(c(k), null, {
       default: u(() => [
         (t(!0), _(i, null, p(m.options, (e) => (t(), o(g, {
+          key: e.value,
           modelValue: l.value?.some(({ value: a }) => a === e.value),
-          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: d }) => d !== e.value),
-          key: e.value
+          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: d }) => d !== e.value)
         }, {
           default: u(() => [
             V(v(e.label), 1)

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

@@ -1,5 +1,5 @@
-export { default as ScalarTooltip } from './ScalarTooltip.vue.js';
 export { default as ScalarHotkeyTooltip } from './ScalarHotkeyTooltip.vue.js';
-export type { ScalarTooltipPlacement, PublicTooltipConfiguration as TooltipConfiguration, } from './types';
+export { default as ScalarTooltip } from './ScalarTooltip.vue.js';
+export type { PublicTooltipConfiguration as TooltipConfiguration, ScalarTooltipPlacement, } 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;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,YAAY,EACV,sBAAsB,EACtB,0BAA0B,IAAI,oBAAoB,GACnD,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,YAAY,EACV,0BAA0B,IAAI,oBAAoB,EAClD,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

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

@@ -3,7 +3,7 @@ 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;
+type MaybeElement = Element | undefined | null;
 export type ScalarTooltipPlacement = FloatingPlacement | undefined;
 /** The configuration for the active tooltip */
 export type TooltipConfiguration = {
@@ -48,4 +48,5 @@ export type ScalarTooltipProps = {
     placement?: ScalarTooltipPlacement;
     offset?: number;
 };
+export {};
 //# sourceMappingURL=types.d.ts.map

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,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,uCAAuC;IACvC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,CAAA;IACrD;;;;UAIM;IACN,SAAS,CAAC,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB,6BAA6B;IAC7B,SAAS,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAA;AAEpF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,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,KAAK,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAA;AAE9C,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG,SAAS,CAAA;AAElE,+CAA+C;AAC/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,uCAAuC;IACvC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,CAAA;IACrD;;;;UAIM;IACN,SAAS,CAAC,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzB,6BAA6B;IAC7B,SAAS,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAA;AAEpF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA"}

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

@@ -1,10 +1,4 @@
 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
  */

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

@@ -1 +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;AA4F1D;;;;GAIG;AACH,wBAAgB,wBAAwB,SA4BvC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,SAGpC;AA2ED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,oBAAoB,QAqDpD"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/useTooltip.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAS,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA4H1D;;GAEG;AACH,wBAAgB,qBAAqB,SAGpC;AA2ED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,oBAAoB,QAqDpD"}

package/dist/components/ScalarTooltip/useTooltip.js

@@ -75,6 +75,5 @@ function F(e) {
   );
 }
 export {
-  A as initializeTooltipElement,
   F as useTooltip
 };

package/dist/helpers/index.d.ts

@@ -1,2 +1,2 @@
-export * from './add-scalar-classes.js';
+export { addScalarClassesToHeadless } from './add-scalar-classes.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import './style.css';
 export { compose, cva, cx, tw, useBindCx } from '@scalar/use-hooks/useBindCx';
+/** biome-ignore-start lint/performance/noReExportAll: re-exports indexes */
 export * from './components/ScalarButton';
 export * from './components/ScalarCard';
 export * from './components/ScalarCheckboxInput';
@@ -34,4 +35,5 @@ export * from './components/ScalarTooltip';
 export * from './components/ScalarVirtualText';
 export * from './components/ScalarWrappingText';
 export * from './helpers';
+/** biome-ignore-end lint/performance/noReExportAll: re-exports indexes */
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE7E,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE7E,4EAA4E;AAC5E,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,0EAA0E"}