@scalar/components 0.14.10 → 0.14.13

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

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

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

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

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

@@ -10,11 +10,15 @@ declare const _default: import("vue").DefineComponent<{
     indent?: SidebarGroupLevel;
     /** Whether the indent is selected @default false */
     selected?: boolean;
+    /** Whether the indent hover is disabled @default false */
+    disabled?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /** The number of indents to render @default 0 */
     indent?: SidebarGroupLevel;
     /** Whether the indent is selected @default false */
     selected?: boolean;
+    /** Whether the indent hover is disabled @default false */
+    disabled?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarSidebarIndent.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarIndent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarIndent.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAI3D;;;;;GAKG;;IAID,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;;IAHlB,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;;AANpB,wBAkHC"}
+{"version":3,"file":"ScalarSidebarIndent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarIndent.vue"],"names":[],"mappings":"AAuFA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAI3D;;;;;GAKG;;IAID,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;IAClB,0DAA0D;eAC/C,OAAO;;IALlB,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;IAClB,0DAA0D;eAC/C,OAAO;;AARpB,wBAsHC"}

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

@@ -1,7 +1,7 @@
 import a from "./ScalarSidebarIndent.vue2.js";
 /* empty css                         */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-88b1a676"]]);
+const e = /* @__PURE__ */ o(a, [["__scopeId", "data-v-0ac3341b"]]);
 export {
-  m as default
+  e as default
 };

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

@@ -1,18 +1,19 @@
 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 _ } from "@scalar/use-hooks/useBindCx";
-const h = {}, C = /* @__PURE__ */ o({
-  ...h,
+import { useBindCx as B } from "@scalar/use-hooks/useBindCx";
+const _ = {}, C = /* @__PURE__ */ o({
+  ..._,
   inheritAttrs: !1,
   __name: "ScalarSidebarIndent",
   props: {
     indent: { default: 0 },
-    selected: { type: Boolean, default: !1 }
+    selected: { type: Boolean, default: !1 },
+    disabled: { type: Boolean }
   },
-  setup(s) {
-    const a = c(() => Array.from({ length: s.indent }, (e, r) => r)), { cx: d } = _();
+  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(d)("scalar-sidebar-indent flex justify-center", {
-        "mr-[calc(18px-var(--scalar-sidebar-indent))]": e.indent > 0,
+      m(s)("scalar-sidebar-indent flex justify-center", {
+        "mr-[calc(20px-var(--scalar-sidebar-indent))]": e.indent > 0,
         "scalar-sidebar-indent-selected": e.selected
       })
     )), [
@@ -20,12 +21,12 @@ const h = {}, C = /* @__PURE__ */ o({
         key: l,
         class: "relative w-[var(--scalar-sidebar-indent)]"
       }, [
-        r[0] || (r[0] = v("div", { class: "scalar-sidebar-indent-border absolute left-1.75 inset-y-0 w-border bg-sidebar-indent-border" }, null, -1)),
+        r[0] || (r[0] = v("div", { class: "scalar-sidebar-indent-border absolute left-1.5 inset-y-0 w-border bg-sidebar-indent-border" }, null, -1)),
         i === a.value.length - 1 ? (n(), t("div", {
           key: 0,
           class: y([
-            "absolute left-1.75 inset-y-0 w-border",
-            e.selected ? "bg-sidebar-indent-active" : "group-hover/button:bg-sidebar-indent-hover"
+            "absolute left-1.5 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)
       ]))), 128))

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

@@ -1,4 +1,4 @@
-import { defineComponent as o, createBlock as r, openBlock as a, resolveDynamicComponent as n, normalizeProps as s, guardReactiveProps as l, unref as p, withCtx as i, renderSlot as c } from "vue";
+import { defineComponent as o, createBlock as r, openBlock as a, resolveDynamicComponent as s, normalizeProps as n, guardReactiveProps as l, unref as p, withCtx as i, renderSlot as c } from "vue";
 import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
 const u = {}, C = /* @__PURE__ */ o({
   ...u,
@@ -9,7 +9,7 @@ const u = {}, C = /* @__PURE__ */ o({
   },
   setup(m) {
     const { cx: t } = f();
-    return (e, _) => (a(), r(n(e.is), s(l(p(t)("flex flex-col p-3 gap-px"))), {
+    return (e, _) => (a(), r(s(e.is), n(l(p(t)("flex flex-col text-base p-3 gap-px"))), {
       default: i(() => [
         c(e.$slots, "default")
       ]),

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

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    indent: number;
+};
+type __VLS_PublicProps = {
+    'selected'?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        search?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:selected"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarSidebarPlayground.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarPlayground.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarPlayground.vue"],"names":[],"mappings":"AAkDA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AAaF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwGT,OAAO,IAA6B;;wBAVtB,GAAG;yBACD,GAAG;wBACJ,GAAG;;;;EAa/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    hotKey?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        shortcut?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarSidebarSearchButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarSearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"names":[],"mappings":"AA0CA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;AAYF,iBAAS,cAAc;WAkET,OAAO,IAA6B;;yBATrB,GAAG;0BACF,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,42 @@
+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 { 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 = {
+  key: 0,
+  class: "uppercase text-sidebar-c-2 bg-b-2 leading-none py-1 px-1.25 rounded"
+}, _ = /* @__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"
+      },
+      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" }),
+      t("span", f, [
+        a(r.$slots, "default", {}, () => [
+          e[0] || (e[0] = u("Search..."))
+        ])
+      ]),
+      r.$slots.shortcut ? (o(), s("span", h, [
+        e[1] || (e[1] = t("span", { class: "sr-only" }, "Keyboard Shortcut:", -1)),
+        t("kbd", null, [
+          a(r.$slots, "shortcut")
+        ])
+      ])) : i("", !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

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

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

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.test.d.ts

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

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.test.d.ts.map

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

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

@@ -0,0 +1,16 @@
+import { type LoadingState } from '../ScalarLoading';
+type __VLS_Props = {
+    autofocus?: boolean;
+    loading?: LoadingState;
+    label?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarSidebarSearchInput.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"names":[],"mappings":"AA0EA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAInE,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA4BF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;AAwHhB,wBAOG"}

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

@@ -0,0 +1,69 @@
+import { defineComponent as f, mergeModels as p, ref as m, useModel as b, onMounted as h, createElementBlock as g, openBlock as r, normalizeProps as v, guardReactiveProps as S, unref as a, createVNode as k, withDirectives as x, createBlock as s, createCommentVNode as y, createElementVNode as C, mergeProps as M, vModelText as V, withModifiers as z } from "vue";
+import { ScalarIconMagnifyingGlass as B, ScalarIconX as w } from "@scalar/icons";
+import { useBindCx as E } from "@scalar/use-hooks/useBindCx";
+import I from "../ScalarLoading/ScalarLoading.vue.js";
+import N from "../ScalarIconButton/ScalarIconButton.vue.js";
+const P = ["aria-label"], D = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "ScalarSidebarSearchInput",
+  props: /* @__PURE__ */ p({
+    autofocus: { type: Boolean },
+    loading: {},
+    label: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const l = m(null), o = b(t, "modelValue");
+    function i() {
+      o.value = "", l.value && l.value.focus();
+    }
+    const { classCx: c, otherAttrs: u } = E();
+    return h(() => {
+      var e;
+      return t.autofocus && ((e = l.value) == null ? void 0 : e.focus());
+    }), (e, n) => (r(), g("label", v(S(
+      a(c)(
+        "flex items-center rounded border text-base has-[:focus-visible]:bg-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5",
+        "bg-sidebar-b-search border-sidebar-border-search",
+        o.value ? "text-c-1" : "text-sidebar-c-search"
+      )
+    )), [
+      k(a(B), { class: "text-sidebar-c-search size-4" }),
+      x(C("input", M({
+        ref_key: "inputRef",
+        ref: l,
+        "aria-label": e.label ?? "Enter search query",
+        autocapitalize: "off",
+        autocomplete: "off",
+        autocorrect: "off",
+        class: "flex-1 appearance-none rounded border-none bg-transparent outline-none",
+        placeholder: "Search...",
+        spellcheck: "false",
+        type: "search"
+      }, a(u), {
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => o.value = d)
+      }), null, 16, P), [
+        [V, o.value]
+      ]),
+      e.loading && e.loading.isLoading ? (r(), s(a(I), {
+        key: 0,
+        class: "mr-3 self-center",
+        loadingState: e.loading,
+        size: "md"
+      }, null, 8, ["loadingState"])) : o.value ? (r(), s(a(N), {
+        key: 1,
+        class: "p-0.25 size-4",
+        icon: a(w),
+        weight: "bold",
+        label: "Clear Search",
+        onClick: z(i, ["stop", "prevent"])
+      }, null, 8, ["icon"])) : y("", !0)
+    ], 16));
+  }
+});
+export {
+  D as default
+};

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

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

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

@@ -0,0 +1,37 @@
+import type { ScalarSidebarItemProps } from './types';
+/**
+ * Scalar Sidebar Section component
+ *
+ * A section of the sidebar that can contain subitems
+ *
+ * @example
+ * <ScalarSidebarSection>
+ *   <!-- Section title -->
+ *   <template #title>
+ *     My Section
+ *   </template>
+ *   <!-- Section items -->
+ *   <template #items>
+ *     <ScalarSidebarItem>...</ScalarSidebarItem>
+ *     <ScalarSidebarItem>...</ScalarSidebarItem>
+ *   </template>
+ * </ScalarSidebarSection>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<ScalarSidebarItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** The text content of the toggle */
+    default?: () => any;
+    /** The list of sidebar subitems */
+    items?: () => any;
+}> & {
+    /** The text content of the toggle */
+    default?: () => any;
+    /** The list of sidebar subitems */
+    items?: () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarSidebarSection.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSection.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD;;;;;;;;;;;;;;;;;GAiBG;;IAQD,qCAAqC;cAC3B,MAAM,GAAG;IACnB,mCAAmC;YAC3B,MAAM,GAAG;;IAHjB,qCAAqC;cAC3B,MAAM,GAAG;IACnB,mCAAmC;YAC3B,MAAM,GAAG;;AAVnB,wBAsHC;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/ScalarSidebarSpacer.vue.d.ts

@@ -0,0 +1,18 @@
+import type { SidebarGroupLevel } from './useSidebarGroups.js';
+/**
+ * Scalar Sidebar Spacer component
+ *
+ * Provide a styled spacer for the ScalarSidebar, handles the indent lines for nested groups
+ *
+ *
+ *
+ * @example
+ *   <ScalarSidebarSpacer />
+ */
+declare const _default: import("vue").DefineComponent<{
+    indent: SidebarGroupLevel;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    indent: SidebarGroupLevel;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarSidebarSpacer.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarSpacer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSpacer.vue"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAI3D;;;;;;;;;GASG;;YAG0B,iBAAiB;;YAAjB,iBAAiB;;AAF9C,wBA2EC"}

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

@@ -5,4 +5,6 @@ export { default as ScalarSidebarGroup } from './ScalarSidebarGroup.vue.js';
 export { default as ScalarSidebarGroupToggle } from './ScalarSidebarGroupToggle.vue.js';
 export { default as ScalarSidebarItem } from './ScalarSidebarItem.vue.js';
 export { default as ScalarSidebarItems } from './ScalarSidebarItems.vue.js';
+export { default as ScalarSidebarSearchButton } from './ScalarSidebarSearchButton.vue.js';
+export { default as ScalarSidebarSearchInput } from './ScalarSidebarSearchInput.vue.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA"}