@scalar/components 0.14.17 → 0.14.19

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.js

@@ -32,7 +32,8 @@ const v = { class: "flex items-center gap-1.5 whitespace-nowrap" }, B = { class:
           default: x(() => e[2] || (e[2] = [
             o(" Browse files ")
           ])),
-          _: 1
+          _: 1,
+          __: [2]
         })
       ]),
       r(t.$slots, "sublabel", {}, () => [

package/dist/components/ScalarFloating/ScalarFloating.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as w, ref as d, computed as a, createElementBlock as z, openBlock as s, Fragment as S, createElementVNode as m, createBlock as $, createCommentVNode as k, normalizeClass as B, renderSlot as u, unref as o, withCtx as R, normalizeStyle as b } from "vue";
-import { getSideAxis as g } from "@floating-ui/utils";
-import { useFloating as x, autoUpdate as E, offset as C, flip as F, shift as M, size as H } from "@floating-ui/vue";
-import { useResizeWithTarget as T } from "./useResizeWithTarget.js";
-import W from "../ScalarTeleport/ScalarTeleport.vue.js";
-const I = /* @__PURE__ */ w({
+import { defineComponent as w, ref as d, computed as a, createElementBlock as z, openBlock as s, Fragment as S, createElementVNode as m, createBlock as $, createCommentVNode as b, normalizeClass as k, renderSlot as u, unref as o, withCtx as B, normalizeStyle as R } from "vue";
+import { getSideAxis as c } from "@floating-ui/utils";
+import { useFloating as x, autoUpdate as E, offset as F, flip as C, shift as M, size as H } from "@floating-ui/vue";
+import { useResizeWithTarget as N } from "./useResizeWithTarget.js";
+import T from "../ScalarTeleport/ScalarTeleport.vue.js";
+const D = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarFloating",
   props: {
     placement: { default: "bottom" },
-    offset: { default: 5 },
+    offset: { type: [Number, Object, Function], default: 5 },
     resize: { type: Boolean, default: !1 },
     target: {},
     middleware: { default: () => [] },
@@ -27,18 +27,18 @@ const I = /* @__PURE__ */ w({
           return t.target;
         return ((e = n.value.children) == null ? void 0 : e[0]) || n.value;
       }
-    }), f = T(r, {
+    }), f = N(r, {
       enabled: a(() => t.resize)
-    }), c = a(
-      () => g(t.placement) === "y" ? f.width.value : void 0
+    }), g = a(
+      () => c(t.placement) === "y" ? f.width.value : void 0
     ), h = a(
-      () => g(t.placement) === "x" ? f.height.value : void 0
+      () => c(t.placement) === "x" ? f.height.value : void 0
     ), { floatingStyles: p, middlewareData: y } = x(r, i, {
       placement: a(() => t.placement),
       whileElementsMounted: E,
       middleware: a(() => [
-        C(t.offset),
-        F(),
+        F(t.offset),
+        C(),
         M(),
         H({
           apply({ availableWidth: e, availableHeight: l, elements: v }) {
@@ -55,34 +55,34 @@ const I = /* @__PURE__ */ w({
       m("div", {
         ref_key: "wrapperRef",
         ref: n,
-        class: B({ contents: !!e.$slots.default })
+        class: k({ contents: !!e.$slots.default })
       }, [
         u(e.$slots, "default")
       ], 2),
-      e.$slots.floating ? (s(), $(o(W), {
+      e.$slots.floating ? (s(), $(o(T), {
         key: 0,
         disabled: !e.teleport,
         to: typeof e.teleport == "string" ? e.teleport : void 0
       }, {
-        default: R(() => [
+        default: B(() => [
           m("div", {
             ref_key: "floatingRef",
             ref: i,
             class: "relative z-context",
-            style: b(o(p))
+            style: R(o(p))
           }, [
             u(e.$slots, "floating", {
               data: o(y),
               height: h.value,
-              width: c.value
+              width: g.value
             })
           ], 4)
         ]),
         _: 3
-      }, 8, ["disabled", "to"])) : k("", !0)
+      }, 8, ["disabled", "to"])) : b("", !0)
     ], 64));
   }
 });
 export {
-  I as default
+  D as default
 };

package/dist/components/ScalarListbox/ScalarListbox.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as c, createBlock as i, openBlock as o, unref as t, withCtx as l, createCommentVNode as n, createVNode as r, createTextVNode as y, toDisplayString as b, mergeProps as p, renderSlot as V, createElementBlock as d, createElementVNode as B, Fragment as _, renderList as g, normalizeStyle as k } from "vue";
+import { defineComponent as c, createBlock as i, openBlock as o, unref as t, withCtx as l, createCommentVNode as s, createVNode as r, createTextVNode as b, toDisplayString as y, mergeProps as p, renderSlot as V, createElementBlock as d, createElementVNode as B, Fragment as _, renderList as g, normalizeStyle as k } from "vue";
 import { Listbox as x, ListboxLabel as L, ListboxButton as h, ListboxOptions as $ } from "@headlessui/vue";
-import { useBindCx as S } from "@scalar/use-hooks/useBindCx";
-import C from "./ScalarListboxItem.vue.js";
-import N from "../ScalarFloating/ScalarFloating.vue.js";
+import { useBindCx as N } from "@scalar/use-hooks/useBindCx";
+import S from "./ScalarListboxItem.vue.js";
+import C from "../ScalarFloating/ScalarFloating.vue.js";
 import v from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
-const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
+const w = { class: "custom-scroll min-h-0 flex-1" }, P = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ScalarListbox",
   props: {
@@ -14,7 +14,7 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
     multiple: { type: Boolean },
     modelValue: {},
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
@@ -22,7 +22,7 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
   },
   emits: ["update:modelValue"],
   setup(z) {
-    const { cx: u } = S();
+    const { cx: u } = N();
     return (e, m) => (o(), i(t(x), {
       modelValue: e.modelValue,
       multiple: e.multiple,
@@ -34,11 +34,11 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
           class: "sr-only"
         }, {
           default: l(() => [
-            y(b(e.label), 1)
+            b(y(e.label), 1)
           ]),
           _: 1
-        })) : n("", !0),
-        r(t(N), p(e.$props, {
+        })) : s("", !0),
+        r(t(C), p(e.$props, {
           placement: e.placement ?? "bottom-start"
         }), {
           floating: l(({ width: f }) => [
@@ -49,9 +49,9 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
               B("div", w, [
                 r(t($), { class: "flex flex-col gap-0.75 p-0.75 -outline-offset-1" }, {
                   default: l(() => [
-                    (o(!0), d(_, null, g(e.options, (s) => (o(), i(C, {
-                      key: s.id,
-                      option: s,
+                    (o(!0), d(_, null, g(e.options, (n) => (o(), i(S, {
+                      key: n.id,
+                      option: n,
                       style: k(e.multiple ? "checkbox" : "radio")
                     }, null, 8, ["option", "style"]))), 128))
                   ]),
@@ -59,7 +59,7 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
                 })
               ]),
               r(t(v))
-            ], 16)) : n("", !0)
+            ], 16)) : s("", !0)
           ]),
           default: l(() => [
             r(t(h), {
@@ -80,5 +80,5 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
   }
 });
 export {
-  T as default
+  P as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAsFA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;;gBAPa,OAAO;iBAKN,OAAO;;AAsHzB,wBAQG"}
+{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAirBA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;;gBAPa,OAAO;iBAKN,OAAO;;AAsHzB,wBAQG"}

package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js

@@ -24,7 +24,8 @@ const w = /* @__PURE__ */ p({
           default: n(() => e[3] || (e[3] = [
             l(" Dashboard ")
           ])),
-          _: 1
+          _: 1,
+          __: [3]
         }, 8, ["href", "icon", "selected"]),
         t(d, {
           href: ((a = o.hrefs) == null ? void 0 : a.docs) ?? "https://docs.scalar.com",
@@ -35,7 +36,8 @@ const w = /* @__PURE__ */ p({
           default: n(() => e[4] || (e[4] = [
             l(" Docs ")
           ])),
-          _: 1
+          _: 1,
+          __: [4]
         }, 8, ["href", "icon", "selected"]),
         t(d, {
           href: ((f = o.hrefs) == null ? void 0 : f.client) ?? "https://client.scalar.com",
@@ -46,7 +48,8 @@ const w = /* @__PURE__ */ p({
           default: n(() => e[5] || (e[5] = [
             l(" Client ")
           ])),
-          _: 1
+          _: 1,
+          __: [5]
         }, 8, ["href", "icon", "selected"])
       ], 16);
     };

package/dist/components/ScalarMenu/ScalarMenuResources.vue.js

@@ -4,8 +4,8 @@ import a from "./ScalarMenuLink.vue.js";
 import f from "./ScalarMenuSection.vue.js";
 const y = /* @__PURE__ */ i({
   __name: "ScalarMenuResources",
-  setup(u) {
-    return (d, o) => (c(), l(f, null, {
+  setup(_) {
+    return (u, o) => (c(), l(f, null, {
       title: t(() => o[0] || (o[0] = [
         e("Resources")
       ])),
@@ -18,7 +18,8 @@ const y = /* @__PURE__ */ i({
           default: t(() => o[1] || (o[1] = [
             e(" Sales & Support ")
           ])),
-          _: 1
+          _: 1,
+          __: [1]
         }, 8, ["icon"]),
         r(a, {
           href: "https://scalar.com/terms-and-conditions",
@@ -28,7 +29,8 @@ const y = /* @__PURE__ */ i({
           default: t(() => o[2] || (o[2] = [
             e(" Terms & Conditions ")
           ])),
-          _: 1
+          _: 1,
+          __: [2]
         }, 8, ["icon"]),
         r(a, {
           href: "https://scalar.com/privacy-policy",
@@ -38,7 +40,8 @@ const y = /* @__PURE__ */ i({
           default: t(() => o[3] || (o[3] = [
             e(" Privacy Policy ")
           ])),
-          _: 1
+          _: 1,
+          __: [3]
         }, 8, ["icon"])
       ]),
       _: 1

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as _, createBlock as u, openBlock as n, unref as e, withCtx as r, createVNode as a, mergeProps as b, createElementVNode as S, createElementBlock as w, Fragment as x, renderList as v, createTextVNode as C } from "vue";
+import { defineComponent as _, computed as g, createBlock as u, openBlock as n, unref as e, withCtx as r, createVNode as a, mergeProps as b, createElementVNode as S, createElementBlock as w, Fragment as x, renderList as v, createTextVNode as C } from "vue";
 import { ScalarIconUserSwitch as k, ScalarIconCaretRight as V, ScalarIconPlus as $ } from "@scalar/icons";
 import { DropdownMenu as s } from "radix-vue/namespaced";
 import I from "./ScalarMenuTeamProfile.vue.js";
@@ -6,7 +6,7 @@ import B from "./ScalarMenuLink.vue.js";
 import P from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
 import c from "../ScalarDropdown/ScalarDropdownButton.vue.js";
 import z from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
-const y = /* @__PURE__ */ g({
+const y = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarMenuTeamPicker",
   props: {
@@ -15,7 +15,7 @@ const y = /* @__PURE__ */ g({
   },
   emits: ["update:team", "add"],
   setup(p, { emit: f }) {
-    const i = p, d = f, m = _({
+    const i = p, d = f, m = g({
       get: () => {
         var o;
         return (o = i.team) == null ? void 0 : o.id;
@@ -38,7 +38,8 @@ const y = /* @__PURE__ */ g({
               weight: "bold"
             })
           ]),
-          _: 1
+          _: 1,
+          __: [2]
         }, 16, ["is", "icon"]),
         a(e(s).Portal, null, {
           default: r(() => [
@@ -87,7 +88,8 @@ const y = /* @__PURE__ */ g({
                     }),
                     t[3] || (t[3] = C(" Create new team "))
                   ]),
-                  _: 1
+                  _: 1,
+                  __: [3]
                 }, 8, ["as"])
               ]),
               _: 1

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

@@ -1,25 +1,25 @@
 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 $ } from "@scalar/use-hooks/useBindCx";
-import g from "../ScalarFloating/ScalarFloating.vue.js";
-import y from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
-const b = /* @__PURE__ */ m({
+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({
   inheritAttrs: !1,
   __name: "ScalarPopover",
   props: {
     focus: { type: Boolean },
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(h) {
-    const { cx: l } = $();
-    return (o, k) => (c(), i(e(P), { as: "template" }, {
+  setup(b) {
+    const { cx: l } = y();
+    return (o, h) => (c(), i(e(P), { as: "template" }, {
       default: t(({ open: a }) => [
-        r(e(g), u(d(o.$props)), {
+        r(e($), u(d(o.$props)), {
           floating: t(({ width: p, height: f }) => [
             r(e(B), _({
               focus: o.focus,
@@ -31,7 +31,7 @@ const b = /* @__PURE__ */ m({
                   open: a
                 }),
                 s(o.$slots, "backdrop", { open: a }, () => [
-                  r(e(y))
+                  r(e(g))
                 ])
               ]),
               _: 2
@@ -53,5 +53,5 @@ const b = /* @__PURE__ */ m({
   }
 });
 export {
-  b as default
+  z as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AAkFA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAInE;;;;;;;;;;;GAWG;;iBAgCU,MAAM;;cA5BP,YAAY;YACd,MAAM;;;;iBA2BH,MAAM;;cA5BP,YAAY;YACd,MAAM;;;;AAJhB,wBA2JC"}
+{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AAoFA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAInE;;;;;;;;;;;GAWG;;iBAgCU,MAAM;;cA5BP,YAAY;YACd,MAAM;;;;iBA2BH,MAAM;;cA5BP,YAAY;YACd,MAAM;;;;AAJhB,wBA6JC"}

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

@@ -1,13 +1,13 @@
-import { defineComponent as f, mergeModels as p, useModel as m, ref as g, createElementBlock as h, openBlock as t, normalizeProps as v, guardReactiveProps as b, unref as e, createVNode as k, withDirectives as _, createBlock as n, createCommentVNode as C, createElementVNode as S, mergeProps as V, vModelText as y, withModifiers as M } from "vue";
+import { defineComponent as p, mergeModels as f, useModel as m, ref as g, createElementBlock as h, openBlock as t, normalizeProps as v, guardReactiveProps as b, unref as e, createVNode as k, withDirectives as _, createBlock as n, createCommentVNode as C, createElementVNode as S, mergeProps as y, vModelText as V, withModifiers as M } from "vue";
 import { ScalarIconMagnifyingGlass as x } from "@scalar/icons";
 import { useBindCx as z } from "@scalar/use-hooks/useBindCx";
 import B from "../ScalarLoading/ScalarLoading.vue.js";
 import E from "../ScalarIconButton/ScalarIconButton.vue.js";
-const N = ["aria-label"], P = {}, q = /* @__PURE__ */ f({
+const N = ["aria-label"], P = {}, q = /* @__PURE__ */ p({
   ...P,
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ f({
     loading: {},
     label: {}
   }, {
@@ -22,10 +22,12 @@ const N = ["aria-label"], P = {}, q = /* @__PURE__ */ f({
     }
     const { classCx: c, otherAttrs: d } = z();
     return (l, r) => (t(), h("label", v(b(
-      e(c)("flex items-center text-lg font-medium h-10 p-3 pr-1 h-14 gap-2")
+      e(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" }),
-      _(S("input", V({
+      _(S("input", y({
         ref_key: "inputRef",
         ref: o,
         "aria-label": l.label ?? "Enter search query",
@@ -39,7 +41,7 @@ const N = ["aria-label"], P = {}, q = /* @__PURE__ */ f({
       }, e(d), {
         "onUpdate:modelValue": r[0] || (r[0] = (u) => a.value = u)
       }), null, 16, N), [
-        [y, a.value]
+        [V, a.value]
       ]),
       l.loading && l.loading.isLoading ? (t(), n(e(B), {
         key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAI7E;;;;;;;;;;;;;;;;;;;;;GAqBG;;AACH,wBAqIC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAI7E;;;;;;;;;;;;;;;;;;;;;GAqBG;;AACH,wBAoIC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,11 +1,11 @@
-import { defineComponent as r, createBlock as a, openBlock as t, resolveDynamicComponent as c, mergeProps as u, unref as o, withCtx as f, renderSlot as s, createElementVNode as p, createElementBlock as d, createCommentVNode as n, createVNode as m } from "vue";
+import { defineComponent as r, createBlock as i, openBlock as t, resolveDynamicComponent as c, mergeProps as u, unref as a, withCtx as f, renderSlot as s, createElementVNode as p, createElementBlock as n, createCommentVNode as o, createVNode as m } from "vue";
 import { cva as b, useBindCx as v } from "@scalar/use-hooks/useBindCx";
 import y from "./ScalarSidebarIndent.vue.js";
 import h from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const g = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, B = {
+const B = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, $ = {
   key: 0,
   class: "size-4"
-}, $ = {
+}, g = {
   key: 0,
   class: "flex items-center"
 }, k = {}, w = /* @__PURE__ */ r({
@@ -15,30 +15,30 @@ const g = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, B = {
   props: {
     is: { default: "a" },
     icon: {},
+    active: { type: Boolean },
     selected: { type: Boolean },
     disabled: { type: Boolean },
     indent: { default: 0 }
   },
   setup(C) {
-    const l = b({
+    const d = b({
       base: [
         "group/button flex items-stretch rounded px-2 font-sidebar text-c-2 no-underline"
       ],
       variants: {
-        selected: {
-          true: "group/button-selected cursor-auto bg-b-2 text-c-1 font-sidebar-active"
-        },
-        disabled: { true: "cursor-auto" }
+        active: { true: "text-c-1 font-sidebar-active" },
+        disabled: { true: "cursor-auto" },
+        selected: { true: "cursor-auto bg-b-2 text-c-1 font-sidebar-active" }
       },
       compoundVariants: [
         { selected: !1, disabled: !1, class: "hover:bg-b-2" }
       ],
-      defaultVariants: { selected: !1, disabled: !1 }
-    }), { cx: i } = v();
-    return (e, S) => (t(), a(c(e.is), u({
+      defaultVariants: { selected: !1, disabled: !1, active: !1 }
+    }), { cx: l } = v();
+    return (e, S) => (t(), i(c(e.is), u({
       "aria-selected": e.selected,
       type: e.is === "button" ? "button" : void 0
-    }, o(i)(o(l)({ selected: e.selected, disabled: e.disabled }))), {
+    }, a(l)(a(d)({ selected: e.selected, disabled: e.disabled, active: e.active }))), {
       default: f(() => [
         s(e.$slots, "indent", {}, () => [
           m(y, {
@@ -47,20 +47,20 @@ const g = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, B = {
             disabled: e.disabled
           }, null, 8, ["indent", "selected", "disabled"])
         ]),
-        p("div", g, [
-          e.icon || e.$slots.icon ? (t(), d("div", B, [
+        p("div", B, [
+          e.icon || e.$slots.icon ? (t(), n("div", $, [
             s(e.$slots, "icon", {}, () => [
-              e.icon ? (t(), a(o(h), {
+              e.icon ? (t(), i(a(h), {
                 key: 0,
                 icon: e.icon
-              }, null, 8, ["icon"])) : n("", !0)
+              }, null, 8, ["icon"])) : o("", !0)
             ])
-          ])) : n("", !0),
+          ])) : o("", !0),
           s(e.$slots, "default")
         ]),
-        e.$slots.aside ? (t(), d("div", $, [
+        e.$slots.aside ? (t(), n("div", g, [
           s(e.$slots, "aside")
-        ])) : n("", !0)
+        ])) : o("", !0)
       ]),
       _: 3
     }, 16, ["aria-selected", "type"]));

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AAM9E,OAAO,EAAE,KAAK,iBAAiB,EAAoB,MAAM,oBAAoB,CAAA;AAI7E;;;;;;;;;;;;;;GAcG;;iBAgCU,OAAO;;;;iBAAP,OAAO;;;;IAtBlB,qCAAqC;oBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,wCAAwC;mBACzB;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,GAAG,OAAO;IACpE,mCAAmC;kBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;IALzC,qCAAqC;oBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,wCAAwC;mBACzB;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,GAAG,OAAO;IACpE,mCAAmC;kBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;AAd3C,wBAiKC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AAM9E,OAAO,EAAE,KAAK,iBAAiB,EAAoB,MAAM,oBAAoB,CAAA;AAI7E;;;;;;;;;;;;;;GAcG;;iBAgCU,OAAO;;;;iBAAP,OAAO;;;;IAtBlB,qCAAqC;oBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,wCAAwC;mBACzB;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,GAAG,OAAO;IACpE,mCAAmC;kBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;IALzC,qCAAqC;oBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,wCAAwC;mBACzB;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,GAAG,OAAO;IACpE,mCAAmC;kBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;AAd3C,wBA+JC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,16 +1,17 @@
-import { defineComponent as m, mergeModels as p, useModel as c, createElementBlock as f, openBlock as i, renderSlot as a, createBlock as v, createCommentVNode as b, unref as t, createVNode as s, withCtx as l, resolveDynamicComponent as _, normalizeProps as g, mergeProps as B } from "vue";
-import { useBindCx as C } from "@scalar/use-hooks/useBindCx";
-import S from "./ScalarSidebarButton.vue.js";
-import $ from "./ScalarSidebarGroupToggle.vue.js";
-import k from "./ScalarSidebarIndent.vue.js";
-import { useSidebarGroups as y } from "./useSidebarGroups.js";
-const V = { class: "group/item contents" }, x = {}, A = /* @__PURE__ */ m({
+import { defineComponent as p, mergeModels as m, useModel as c, createElementBlock as f, openBlock as r, renderSlot as a, createBlock as v, createCommentVNode as b, unref as t, createVNode as s, withCtx as l, resolveDynamicComponent as B, normalizeProps as _, mergeProps as g } from "vue";
+import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
+import C from "./ScalarSidebarButton.vue.js";
+import S from "./ScalarSidebarGroupToggle.vue.js";
+import $ from "./ScalarSidebarIndent.vue.js";
+import { useSidebarGroups as k } from "./useSidebarGroups.js";
+const V = { class: "group/item contents" }, x = {}, A = /* @__PURE__ */ p({
   ...x,
   inheritAttrs: !1,
   __name: "ScalarSidebarGroup",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ m({
     is: { default: "ul" },
     icon: {},
+    active: { type: Boolean },
     selected: { type: Boolean },
     disabled: { type: Boolean },
     indent: {}
@@ -20,30 +21,31 @@ const V = { class: "group/item contents" }, x = {}, A = /* @__PURE__ */ m({
   }),
   emits: ["update:modelValue"],
   setup(d) {
-    const e = c(d, "modelValue"), { level: n } = y({ increment: !0 }), { cx: u } = C();
-    return (o, r) => (i(), f("li", V, [
+    const e = c(d, "modelValue"), { level: n } = k({ increment: !0 }), { cx: u } = y();
+    return (o, i) => (r(), f("li", V, [
       a(o.$slots, "button", {
         level: t(n),
         open: !!e.value
       }, () => [
-        s(S, {
+        s(C, {
           is: "button",
           class: "group/group-button",
           "aria-expanded": e.value,
           indent: t(n),
+          active: o.active,
           selected: o.selected,
           disabled: o.disabled,
           icon: o.icon,
-          onClick: r[0] || (r[0] = (M) => e.value = !e.value)
+          onClick: i[0] || (i[0] = (M) => e.value = !e.value)
         }, {
           indent: l(() => [
-            s(k, {
+            s($, {
               class: "mr-0",
               indent: t(n)
             }, null, 8, ["indent"])
           ]),
           icon: l(() => [
-            s($, {
+            s(S, {
               class: "text-c-3",
               open: e.value
             }, null, 8, ["open"])
@@ -54,9 +56,9 @@ const V = { class: "group/item contents" }, x = {}, A = /* @__PURE__ */ m({
             })
           ]),
           _: 3
-        }, 8, ["aria-expanded", "indent", "selected", "disabled", "icon"])
+        }, 8, ["aria-expanded", "indent", "active", "selected", "disabled", "icon"])
       ]),
-      e.value ? (i(), v(_(o.is), g(B({ key: 0 }, t(u)("group/items flex flex-col gap-px"))), {
+      e.value ? (r(), v(B(o.is), _(g({ key: 0 }, t(u)("group/items flex flex-col gap-px"))), {
         default: l(() => [
           a(o.$slots, "items", {
             open: !!e.value

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

@@ -0,0 +1,4 @@
+import f from "./ScalarSidebarGroup.vue.js";
+export {
+  f as default
+};

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarGroupToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroupToggle.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAIlE;;;;;;;GAOG;;IAID,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IALjC,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IAUjC,+BAA+B;oBACf;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,uCAAuC;kBACzB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;IAHzC,+BAA+B;oBACf;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,uCAAuC;kBACzB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;AArB3C,wBAgHC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarGroupToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroupToggle.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAIlE;;;;;;;GAOG;;IAID,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IALjC,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IAMjC,+BAA+B;oBACf;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,uCAAuC;kBACzB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;IAHzC,+BAA+B;oBACf;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,uCAAuC;kBACzB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;AAjB3C,wBAwHC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}