@scalar/components 0.16.19 → 0.16.22

package/dist/components/ScalarPopover/ScalarPopover.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as m, createBlock as i, openBlock as c, unref as e, withCtx as t, createVNode as r, normalizeProps as u, guardReactiveProps as d, renderSlot as s, mergeProps as _ } from "vue";
-import { Popover as P, PopoverButton as v, PopoverPanel as B } from "@headlessui/vue";
-import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
-import $ from "../ScalarFloating/ScalarFloating.vue.js";
-import g from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
-const z = /* @__PURE__ */ m({
+import { defineComponent as c, createBlock as i, openBlock as u, unref as e, withCtx as o, createVNode as r, normalizeProps as d, guardReactiveProps as _, renderSlot as l, mergeProps as P } from "vue";
+import { Popover as v, PopoverButton as B, PopoverPanel as y } from "@headlessui/vue";
+import { useBindCx as $ } from "@scalar/use-hooks/useBindCx";
+import g from "../ScalarFloating/ScalarFloating.vue.js";
+import b from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
+const z = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ScalarPopover",
   props: {
@@ -15,32 +15,32 @@ const z = /* @__PURE__ */ m({
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(b) {
-    const { cx: l } = y();
-    return (o, h) => (c(), i(e(P), { as: "template" }, {
-      default: t(({ open: a }) => [
-        r(e($), u(d(o.$props)), {
-          floating: t(({ width: p, height: f }) => [
-            r(e(B), _({
-              focus: o.focus,
-              style: { width: p, height: f }
-            }, e(l)("relative flex flex-col p-0.75")), {
-              default: t(({ close: n }) => [
-                s(o.$slots, "popover", {
-                  close: () => n(),
+  setup(s) {
+    const { cx: p } = $();
+    return (t, h) => (u(), i(e(v), { as: "template" }, {
+      default: o(({ open: a }) => [
+        r(e(g), d(_(t.$props)), {
+          floating: o(({ width: f, height: n }) => [
+            r(e(y), P({
+              focus: s.focus,
+              style: { width: f, height: n }
+            }, e(p)("relative flex flex-col p-0.75")), {
+              default: o(({ close: m }) => [
+                l(t.$slots, "popover", {
+                  close: () => m(),
                   open: a
                 }),
-                s(o.$slots, "backdrop", { open: a }, () => [
-                  r(e(g))
+                l(t.$slots, "backdrop", { open: a }, () => [
+                  r(e(b))
                 ])
               ]),
               _: 2
             }, 1040, ["focus", "style"])
           ]),
-          default: t(() => [
-            r(e(v), { as: "template" }, {
-              default: t(() => [
-                s(o.$slots, "default", { open: a })
+          default: o(() => [
+            r(e(B), { as: "template" }, {
+              default: o(() => [
+                l(t.$slots, "default", { open: a })
               ]),
               _: 2
             }, 1024)

package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as p, mergeModels as f, useModel as m, ref as h, createElementBlock as v, openBlock as r, normalizeProps as g, guardReactiveProps as b, unref as e, createVNode as k, withDirectives as _, createBlock as n, createCommentVNode as y, createElementVNode as C, mergeProps as V, vModelText as M, withModifiers as S } from "vue";
-import { ScalarIconMagnifyingGlass as x } from "@scalar/icons";
+import { defineComponent as u, mergeModels as f, useModel as m, ref as p, createElementBlock as h, openBlock as o, normalizeProps as v, guardReactiveProps as g, unref as l, createVNode as b, withDirectives as k, createBlock as n, createCommentVNode as x, createElementVNode as y, mergeProps as C, vModelText as V, withModifiers as M } from "vue";
+import { ScalarIconMagnifyingGlass as S } from "@scalar/icons";
 import { useBindCx as z } from "@scalar/use-hooks/useBindCx";
-import A from "../ScalarLoading/ScalarLoading.vue.js";
-import B from "../ScalarIconButton/ScalarIconButton.vue.js";
-const E = ["aria-label"], N = {}, D = /* @__PURE__ */ p({
-  ...N,
+import _ from "../ScalarLoading/ScalarLoading.vue.js";
+import A from "../ScalarIconButton/ScalarIconButton.vue.js";
+const B = ["aria-label"], E = {}, D = /* @__PURE__ */ u({
+  ...E,
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: /* @__PURE__ */ f({
@@ -15,24 +15,24 @@ const E = ["aria-label"], N = {}, D = /* @__PURE__ */ p({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const l = m(s, "modelValue"), o = h(null);
-    function i() {
-      l.value = "", o.value && o.value.focus();
+  setup(e) {
+    const a = m(e, "modelValue"), t = p(null);
+    function s() {
+      a.value = "", t.value && t.value.focus();
     }
-    const { stylingAttrsCx: c, otherAttrs: d } = z();
-    return (a, t) => (r(), v("label", g(b(
-      e(c)(
+    const { stylingAttrsCx: c, otherAttrs: i } = z();
+    return (N, r) => (o(), h("label", v(g(
+      l(c)(
         "flex items-center text-lg font-medium h-10 pl-3 pr-1 py-2 gap-2.25"
       )
     )), [
-      k(e(x), { class: "text-sidebar-c-search size-4" }),
-      _(C("input", V({
+      b(l(S), { class: "text-sidebar-c-search size-4" }),
+      k(y("input", C({
         ref_key: "inputRef",
-        ref: o
-      }, e(d), {
-        "onUpdate:modelValue": t[0] || (t[0] = (u) => l.value = u),
-        "aria-label": a.label ?? "Enter search query",
+        ref: t
+      }, l(i), {
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => a.value = d),
+        "aria-label": e.label ?? "Enter search query",
         autocapitalize: "off",
         autocomplete: "off",
         autocorrect: "off",
@@ -40,22 +40,22 @@ const E = ["aria-label"], N = {}, D = /* @__PURE__ */ p({
         placeholder: "Search...",
         spellcheck: "false",
         type: "search"
-      }), null, 16, E), [
-        [M, l.value]
+      }), null, 16, B), [
+        [V, a.value]
       ]),
-      a.loader && a.loader.isActive ? (r(), n(e(A), {
+      e.loader && e.loader.isActive ? (o(), n(l(_), {
         key: 0,
         class: "self-center",
-        loader: a.loader,
+        loader: e.loader,
         size: "md"
-      }, null, 8, ["loader"])) : l.value ? (r(), n(e(B), {
+      }, null, 8, ["loader"])) : a.value ? (o(), n(l(A), {
         key: 1,
         class: "p-0 size-5",
         icon: "Close",
         label: "Clear Search",
         thickness: "1.5",
-        onClick: S(i, ["stop", "prevent"])
-      })) : y("", !0)
+        onClick: M(s, ["stop", "prevent"])
+      })) : x("", !0)
     ], 16));
   }
 });

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js

@@ -1,59 +1,59 @@
-import { defineComponent as c, createElementBlock as o, openBlock as t, mergeProps as d, unref as l, createCommentVNode as s, createElementVNode as n, renderSlot as r, createBlock as m } from "vue";
-import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
-import u from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const f = ["aria-selected"], h = {
+import { defineComponent as d, createElementBlock as s, openBlock as o, mergeProps as m, unref as l, createCommentVNode as n, createElementVNode as c, renderSlot as i, createBlock as u } from "vue";
+import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
+import p from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const x = ["aria-selected"], h = {
   key: 0,
   class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1"
-}, b = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, _ = { class: "flex items-center gap-1" }, x = { class: "flex-1 truncate zoomed:!whitespace-normal break-words text-base font-medium" }, k = {
+}, b = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, k = { class: "flex items-center gap-1" }, g = { class: "flex-1 truncate zoomed:!whitespace-normal break-words text-base font-medium" }, v = {
   key: 0,
   class: "text-base text-c-2"
-}, g = {
+}, y = {
   key: 0,
   class: "truncate zoomed:!whitespace-normal break-words text-base text-c-2"
-}, B = /* @__PURE__ */ c({
+}, B = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "ScalarSearchResultItem",
   props: {
     icon: { type: [Object, Function] },
     selected: { type: Boolean }
   },
-  setup(v) {
-    const { cx: a } = p();
-    return (e, i) => (t(), o("a", d(
+  setup(t) {
+    const { cx: a } = f();
+    return (e, r) => (o(), s("a", m(
       {
-        "aria-selected": e.selected,
+        "aria-selected": t.selected,
         role: "option",
         tabindex: "-1"
       },
       l(a)(
         "group flex cursor-pointer gap-2 rounded px-2 py-1.5 no-underline hover:bg-b-2",
-        { "bg-b-2": e.selected }
+        { "bg-b-2": t.selected }
       )
     ), [
-      e.icon ? (t(), o("div", h, [
-        r(e.$slots, "icon", {}, () => [
-          e.icon ? (t(), m(l(u), {
+      t.icon ? (o(), s("div", h, [
+        i(e.$slots, "icon", {}, () => [
+          t.icon ? (o(), u(l(p), {
             key: 0,
             class: "size-4",
-            icon: e.icon
-          }, null, 8, ["icon"])) : s("", !0)
+            icon: t.icon
+          }, null, 8, ["icon"])) : n("", !0)
         ]),
-        i[0] || (i[0] = n("span", null, " ", -1))
-      ])) : s("", !0),
-      n("div", b, [
-        n("div", _, [
-          n("div", x, [
-            r(e.$slots, "default")
+        r[0] || (r[0] = c("span", null, " ", -1))
+      ])) : n("", !0),
+      c("div", b, [
+        c("div", k, [
+          c("div", g, [
+            i(e.$slots, "default")
           ]),
-          e.$slots.addon ? (t(), o("div", k, [
-            r(e.$slots, "addon")
-          ])) : s("", !0)
+          e.$slots.addon ? (o(), s("div", v, [
+            i(e.$slots, "addon")
+          ])) : n("", !0)
         ]),
-        e.$slots.description ? (t(), o("div", g, [
-          r(e.$slots, "description")
-        ])) : s("", !0)
+        e.$slots.description ? (o(), s("div", y, [
+          i(e.$slots, "description")
+        ])) : n("", !0)
       ])
-    ], 16, f));
+    ], 16, x));
   }
 });
 export {

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as r, createElementBlock as n, openBlock as a, mergeProps as m, unref as p, renderSlot as o, createCommentVNode as u, createElementVNode as s } from "vue";
-import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
-const x = /* @__PURE__ */ r({
+import { defineComponent as n, createElementBlock as a, openBlock as m, mergeProps as u, unref as c, renderSlot as o, createCommentVNode as f, createElementVNode as s } from "vue";
+import { useBindCx as i } from "@scalar/use-hooks/useBindCx";
+const x = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "ScalarSearchResultList",
   props: {
     noResults: { type: Boolean }
   },
-  setup(i) {
-    const { cx: l } = f();
-    return (e, t) => (a(), n("div", m({ role: "listbox" }, p(l)("flex flex-col")), [
-      e.noResults ? o(e.$slots, "noResults", { key: 0 }, () => [
+  setup(l) {
+    const { cx: r } = i();
+    return (e, t) => (m(), a("div", u({ role: "listbox" }, c(r)("flex flex-col")), [
+      l.noResults ? o(e.$slots, "noResults", { key: 0 }, () => [
         t[0] || (t[0] = s("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
           s("div", {
             class: "text-base font-medium text-c-2",
             role: "alert"
           }, " No results found ")
         ], -1))
-      ]) : u("", !0),
+      ]) : f("", !0),
       o(e.$slots, "default")
     ], 16));
   }

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

@@ -1,12 +1,12 @@
-import { defineComponent as l, createBlock as o, openBlock as a, resolveDynamicComponent as n, mergeProps as c, unref as s, withCtx as b, renderSlot as t, createElementBlock as u, createCommentVNode as i, createElementVNode as f, createVNode as p } from "vue";
-import { cva as v, useBindCx as m } from "@scalar/use-hooks/useBindCx";
-import h from "./ScalarSidebarIndent.vue.js";
-import y from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const B = {
+import { defineComponent as c, createBlock as d, openBlock as s, resolveDynamicComponent as r, mergeProps as b, unref as i, withCtx as u, renderSlot as a, createElementBlock as f, createCommentVNode as l, createElementVNode as v, createVNode as m } from "vue";
+import { cva as h, useBindCx as y } from "@scalar/use-hooks/useBindCx";
+import B from "./ScalarSidebarIndent.vue.js";
+import x from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const g = {
   key: 0,
   class: "h-[1lh] *:size-4 mr-1"
-}, g = { class: "group/button-label flex-1 min-w-0" }, k = {}, E = /* @__PURE__ */ l({
-  ...k,
+}, k = { class: "group/button-label flex-1 min-w-0" }, $ = {}, p = /* @__PURE__ */ c({
+  ...$,
   inheritAttrs: !1,
   __name: "ScalarSidebarButton",
   props: {
@@ -17,8 +17,8 @@ const B = {
     disabled: { type: Boolean },
     indent: { default: 0 }
   },
-  setup($) {
-    const d = v({
+  setup(e) {
+    const n = h({
       base: [
         "group/button peer/button flex items-stretch rounded p-2",
         "font-sidebar text-base/5  text-sidebar-c-2 no-underline wrap-break-word"
@@ -45,37 +45,37 @@ const B = {
         }
       ],
       defaultVariants: { selected: !1, disabled: !1, active: !1 }
-    }), { cx: r } = m();
-    return (e, C) => (a(), o(n(e.is), c({
+    }), { cx: o } = y();
+    return (t, C) => (s(), d(r(e.is), b({
       "aria-selected": e.selected,
       type: e.is === "button" ? "button" : void 0
-    }, s(r)(s(d)({ selected: e.selected, disabled: e.disabled, active: e.active }))), {
-      default: b(() => [
-        t(e.$slots, "indent", {}, () => [
-          p(h, {
+    }, i(o)(i(n)({ selected: e.selected, disabled: e.disabled, active: e.active }))), {
+      default: u(() => [
+        a(t.$slots, "indent", {}, () => [
+          m(B, {
             class: "-my-2",
             disabled: e.disabled,
             indent: e.indent,
             selected: e.selected
           }, null, 8, ["disabled", "indent", "selected"])
         ]),
-        e.icon || e.$slots.icon ? (a(), u("div", B, [
-          t(e.$slots, "icon", {}, () => [
-            e.icon ? (a(), o(s(y), {
+        e.icon || t.$slots.icon ? (s(), f("div", g, [
+          a(t.$slots, "icon", {}, () => [
+            e.icon ? (s(), d(i(x), {
               key: 0,
               icon: e.icon
-            }, null, 8, ["icon"])) : i("", !0)
+            }, null, 8, ["icon"])) : l("", !0)
           ])
-        ])) : i("", !0),
-        f("div", g, [
-          t(e.$slots, "default")
+        ])) : l("", !0),
+        v("div", k, [
+          a(t.$slots, "default")
         ]),
-        t(e.$slots, "aside")
+        a(t.$slots, "aside")
       ]),
       _: 3
     }, 16, ["aria-selected", "type"]));
   }
 });
 export {
-  E as default
+  p as default
 };

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

@@ -1,7 +1,7 @@
-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 { defineComponent as g, mergeModels as u, useModel as h, createBlock as x, openBlock as s, resolveDynamicComponent as k, normalizeProps as $, guardReactiveProps as B, unref as n, withCtx as a, createElementVNode as C, createElementBlock as c, createCommentVNode as v, renderSlot as o, createVNode as d, normalizeStyle as S, 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 m from "./ScalarSidebarGroupToggle.vue.js";
 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 = {
@@ -28,91 +28,91 @@ const P = { class: "group/group-button relative flex flex-col leading-5" }, T =
     openModifiers: {}
   }),
   emits: /* @__PURE__ */ u(["click", "toggle"], ["update:open"]),
-  setup(a, { emit: m }) {
-    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);
+  setup(t, { emit: f }) {
+    const r = f, e = h(t, "open"), { level: i } = O({ increment: !0 }), { cx: p } = D(), b = (l) => {
+      r("click", l), !t.controlled && !t.discrete && (e.value = !e.value);
+    }, y = (l) => {
+      r("toggle", l), !t.controlled && t.discrete && (e.value = !e.value);
     };
-    return (e, F) => (i(), k($(e.is), B(C(n(f)("group/item flex flex-col gap-px"))), {
-      default: t(() => [
-        S("div", P, [
-          l(e.$slots, "before", { open: o.value }),
-          l(e.$slots, "button", {
-            level: n(s),
-            open: o.value
+    return (l, F) => (s(), x(k(t.is), $(B(n(p)("group/item flex flex-col gap-px"))), {
+      default: a(() => [
+        C("div", P, [
+          o(l.$slots, "before", { open: e.value }),
+          o(l.$slots, "button", {
+            level: n(i),
+            open: e.value
           }, () => [
-            e.discrete ? (i(), d("button", {
+            t.discrete ? (s(), c("button", {
               key: 0,
               type: "button",
-              "aria-expanded": o.value,
+              "aria-expanded": e.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"
+                t.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) }),
+              style: S({ "--scalar-sidebar-level": n(i) }),
               onClick: y
             }, [
-              l(e.$slots, "icon", { open: o.value }, () => [
-                r(v, {
-                  icon: e.icon,
-                  open: o.value
+              o(l.$slots, "icon", { open: e.value }, () => [
+                d(m, {
+                  icon: t.icon,
+                  open: e.value
                 }, {
-                  label: t(() => [
-                    N(V(o.value ? "Close" : "Open") + " ", 1),
-                    l(e.$slots, "default", { open: o.value })
+                  label: a(() => [
+                    N(V(e.value ? "Close" : "Open") + " ", 1),
+                    o(l.$slots, "default", { open: e.value })
                   ]),
                   _: 3
                 }, 8, ["icon", "open"])
               ])
-            ], 14, T)) : p("", !0),
-            r(E, {
+            ], 14, T)) : v("", !0),
+            d(E, {
               is: "button",
-              active: e.active,
-              "aria-expanded": o.value,
-              disabled: e.disabled,
-              indent: n(s),
-              selected: e.selected,
+              active: t.active,
+              "aria-expanded": e.value,
+              disabled: t.disabled,
+              indent: n(i),
+              selected: t.selected,
               onClick: b
             }, M({
-              indent: t(() => [
-                r(G, {
+              indent: a(() => [
+                d(G, {
                   class: "mr-0 -my-2",
-                  indent: n(s),
-                  selected: e.selected
+                  indent: n(i),
+                  selected: t.selected
                 }, null, 8, ["indent", "selected"])
               ]),
-              icon: t(() => [
-                e.discrete ? (i(), d("div", j)) : l(e.$slots, "icon", {
+              icon: a(() => [
+                t.discrete ? (s(), c("div", j)) : o(l.$slots, "icon", {
                   key: 1,
-                  open: o.value
+                  open: e.value
                 }, () => [
-                  r(v, {
+                  d(m, {
                     class: "text-c-3",
-                    icon: e.icon,
-                    open: o.value
+                    icon: t.icon,
+                    open: e.value
                   }, null, 8, ["icon", "open"])
                 ])
               ]),
-              default: t(() => [
-                l(e.$slots, "default", { open: o.value })
+              default: a(() => [
+                o(l.$slots, "default", { open: e.value })
               ]),
               _: 2
             }, [
-              e.$slots.aside ? {
+              l.$slots.aside ? {
                 name: "aside",
-                fn: t(() => [
-                  l(e.$slots, "aside", { open: o.value })
+                fn: a(() => [
+                  o(l.$slots, "aside", { open: e.value })
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["active", "aria-expanded", "disabled", "indent", "selected"])
           ]),
-          l(e.$slots, "after", { open: o.value })
+          o(l.$slots, "after", { open: e.value })
         ]),
-        o.value ? (i(), d("ul", w, [
-          l(e.$slots, "items", { open: o.value })
-        ])) : p("", !0)
+        e.value ? (s(), c("ul", w, [
+          o(l.$slots, "items", { open: e.value })
+        ])) : v("", !0)
       ]),
       _: 3
     }, 16));

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

@@ -1,9 +1,9 @@
-import { defineComponent as i, createBlock as n, openBlock as t, resolveDynamicComponent as p, mergeProps as l, unref as o, withCtx as c, renderSlot as r, createElementVNode as f, createTextVNode as u, toDisplayString as d } from "vue";
-import { ScalarIconCaretRight as m } from "@scalar/icons";
-import { cva as y, useBindCx as b } from "@scalar/use-hooks/useBindCx";
-import _ from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const g = { class: "sr-only" }, h = {}, $ = /* @__PURE__ */ i({
-  ...h,
+import { defineComponent as l, createBlock as n, openBlock as o, resolveDynamicComponent as c, mergeProps as f, unref as t, withCtx as u, renderSlot as i, createElementVNode as d, createTextVNode as m, toDisplayString as p } from "vue";
+import { ScalarIconCaretRight as y } from "@scalar/icons";
+import { cva as b, useBindCx as g } from "@scalar/use-hooks/useBindCx";
+import h from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const v = { class: "sr-only" }, C = {}, $ = /* @__PURE__ */ l({
+  ...C,
   inheritAttrs: !1,
   __name: "ScalarSidebarGroupToggle",
   props: {
@@ -11,29 +11,29 @@ const g = { class: "sr-only" }, h = {}, $ = /* @__PURE__ */ i({
     open: { type: Boolean, default: !1 },
     icon: { type: [Object, Function] }
   },
-  setup(v) {
-    const s = y({
+  setup(e) {
+    const r = b({
       base: "size-4 flex items-center justify-center transition-transform duration-100",
       variants: { open: { true: "rotate-90" } },
       defaultVariants: { open: !1 }
-    }), { cx: a } = b();
-    return (e, C) => (t(), n(p(e.is), l({
+    }), { cx: s } = g();
+    return (a, x) => (o(), n(c(e.is), f({
       type: e.is === "button" ? "button" : void 0
-    }, o(a)(o(s)({ open: e.open }))), {
-      default: c(() => [
-        r(e.$slots, "default", { open: e.open }, () => [
-          e.icon ? (t(), n(o(_), {
+    }, t(s)(t(r)({ open: e.open }))), {
+      default: u(() => [
+        i(a.$slots, "default", { open: e.open }, () => [
+          e.icon ? (o(), n(t(h), {
             key: 0,
             icon: e.icon
-          }, null, 8, ["icon"])) : (t(), n(o(m), {
+          }, null, 8, ["icon"])) : (o(), n(t(y), {
             key: 1,
             class: "size-3",
             weight: "bold"
           }))
         ]),
-        f("span", g, [
-          r(e.$slots, "label", { open: e.open }, () => [
-            u(d(e.open ? "Close" : "Open") + " Group ", 1)
+        d("span", v, [
+          i(a.$slots, "label", { open: e.open }, () => [
+            m(p(e.open ? "Close" : "Open") + " Group ", 1)
           ])
         ])
       ]),

package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as o, computed as c, createElementBlock as t, openBlock as n, normalizeProps as u, guardReactiveProps as b, unref as m, Fragment as f, renderList as p, createElementVNode as v, createCommentVNode as g, normalizeClass as y } from "vue";
-import { useBindCx as B } from "@scalar/use-hooks/useBindCx";
-const _ = {}, C = /* @__PURE__ */ o({
-  ..._,
+import { defineComponent as o, computed as c, createElementBlock as r, openBlock as n, normalizeProps as u, guardReactiveProps as b, unref as m, Fragment as f, renderList as v, createElementVNode as g, createCommentVNode as y, normalizeClass as p } from "vue";
+import { useBindCx as x } from "@scalar/use-hooks/useBindCx";
+const B = {}, C = /* @__PURE__ */ o({
+  ...B,
   inheritAttrs: !1,
   __name: "ScalarSidebarIndent",
   props: {
@@ -9,26 +9,26 @@ const _ = {}, C = /* @__PURE__ */ o({
     selected: { type: Boolean, default: !1 },
     disabled: { type: Boolean }
   },
-  setup(d) {
-    const a = c(() => Array.from({ length: d.indent }, (e, r) => r)), { cx: s } = B();
-    return (e, r) => (n(), t("div", u(b(
-      m(s)("scalar-sidebar-indent flex justify-center", {
+  setup(e) {
+    const a = c(() => Array.from({ length: e.indent }, (l, t) => t)), { cx: d } = x();
+    return (l, t) => (n(), r("div", u(b(
+      m(d)("scalar-sidebar-indent flex justify-center", {
         "mr-[calc(20px-var(--scalar-sidebar-indent))]": e.indent > 0,
         "scalar-sidebar-indent-selected": e.selected
       })
     )), [
-      (n(!0), t(f, null, p(a.value, (l, i) => (n(), t("div", {
-        key: l,
+      (n(!0), r(f, null, v(a.value, (s, i) => (n(), r("div", {
+        key: s,
         class: "relative w-[var(--scalar-sidebar-indent)]"
       }, [
-        r[0] || (r[0] = v("div", { class: "scalar-sidebar-indent-border absolute left-2 inset-y-0 w-border bg-sidebar-indent-border" }, null, -1)),
-        i === a.value.length - 1 ? (n(), t("div", {
+        t[0] || (t[0] = g("div", { class: "scalar-sidebar-indent-border absolute left-2 inset-y-0 w-border bg-sidebar-indent-border" }, null, -1)),
+        i === a.value.length - 1 ? (n(), r("div", {
           key: 0,
-          class: y([
+          class: p([
             "absolute left-2 inset-y-0 w-border",
             e.disabled ? "" : e.selected ? "bg-sidebar-indent-border-active" : "group-hover/button:bg-sidebar-indent-border-hover"
           ])
-        }, null, 2)) : g("", !0)
+        }, null, 2)) : y("", !0)
       ]))), 128))
     ], 16));
   }