@scalar/sidebar 0.2.1 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarItem.vue"],"names":[],"mappings":"AA+MA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAI1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAInC,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,OAAO,EACH;QACE,oBAAoB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;KACrD,GACD,SAAS,CAAA;CACd,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,OAAO,CAAA;CAC3C,CAAC;AAmXF,QAAA,MAAM,eAAe;;;;;;kFAOnB,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":"SidebarItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarItem.vue"],"names":[],"mappings":"AAyMA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAI1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAInC,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,OAAO,EACH;QACE,oBAAoB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;KACrD,GACD,SAAS,CAAA;CACd,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,OAAO,CAAA;CAC3C,CAAC;AA6WF,QAAA,MAAM,eAAe;;;;;;kFAOnB,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"}

package/dist/components/SidebarItem.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as G, resolveComponent as B, createBlock as n, openBlock as o, unref as r, withCtx as i, createTextVNode as s, toDisplayString as m, createElementBlock as p, Fragment as u, renderList as E, renderSlot as y, mergeProps as v, createSlots as I, createVNode as c, createCommentVNode as f } from "vue";
-import { ScalarSidebarSection as F, ScalarSidebarGroup as A, ScalarSidebarGroupToggle as N, ScalarSidebarItem as O } from "@scalar/components";
-import { Draggable as T } from "@scalar/draggable";
-import { ScalarIconFolder as V } from "@scalar/icons";
-import { formatSidebarLabel as h } from "../helpers/format-sidebar-label.js";
-import w from "./SidebarHttpBadge.vue.js";
-const z = /* @__PURE__ */ G({
+import { defineComponent as B, resolveComponent as G, createBlock as n, openBlock as o, unref as r, withCtx as i, createTextVNode as s, toDisplayString as m, createElementBlock as p, Fragment as u, renderList as E, renderSlot as y, mergeProps as v, createSlots as I, createVNode as c, createCommentVNode as f } from "vue";
+import { ScalarSidebarSection as F, ScalarSidebarGroup as N, ScalarSidebarGroupToggle as O, ScalarSidebarItem as T } from "@scalar/components";
+import { Draggable as V } from "@scalar/draggable";
+import { addWordBreaks as k } from "@scalar/helpers/string/add-word-breaks";
+import { ScalarIconFolder as A } from "@scalar/icons";
+import D from "./SidebarHttpBadge.vue.js";
+const z = /* @__PURE__ */ B({
   __name: "SidebarItem",
   props: {
     item: {},
@@ -14,15 +14,15 @@ const z = /* @__PURE__ */ G({
     options: {}
   },
   emits: ["selectItem", "onDragEnd"],
-  setup(D, { emit: C }) {
-    const d = C, k = (e) => "children" in e && Array.isArray(e.children) && e.children.length > 0, $ = (e) => "isGroup" in e && e.isGroup, b = (e) => D.layout === "reference" ? e : e.filter(
-      (t) => t.type === "webhook" || t.type === "operation" || t.type === "example" || t.type === "tag"
+  setup(w, { emit: $ }) {
+    const a = $, h = (e) => "children" in e && Array.isArray(e.children) && e.children.length > 0, C = (e) => "isGroup" in e && e.isGroup, g = (e) => w.layout === "reference" ? e : e.filter(
+      (t) => t.type === "operation" || t.type === "example" || t.type === "tag"
     ), S = (e, t) => {
-      d("onDragEnd", e, t);
+      a("onDragEnd", e, t);
     };
     return (e, t) => {
-      const g = B("SidebarItem", !0);
-      return o(), n(r(T), {
+      const b = G("SidebarItem", !0);
+      return o(), n(r(V), {
         id: e.item.id,
         class: "flex flex-1 flex-col",
         isDraggable: e.layout === "client",
@@ -30,20 +30,20 @@ const z = /* @__PURE__ */ G({
         onOnDragEnd: S
       }, {
         default: i(() => [
-          k(e.item) && $(e.item) ? (o(), n(r(F), { key: 0 }, {
+          h(e.item) && C(e.item) ? (o(), n(r(F), { key: 0 }, {
             items: i(() => [
-              (o(!0), p(u, null, E(b(e.item.children), (l) => (o(), n(g, {
-                key: l.id,
+              (o(!0), p(u, null, E(g(e.item.children), (d) => (o(), n(b, {
+                key: d.id,
                 isExpanded: e.isExpanded,
                 isSelected: e.isSelected,
-                item: l,
+                item: d,
                 layout: e.layout,
                 options: e.options,
                 onOnDragEnd: S,
-                onSelectItem: t[0] || (t[0] = (a) => d("selectItem", a))
+                onSelectItem: t[0] || (t[0] = (l) => a("selectItem", l))
               }, {
-                decorator: i((a) => [
-                  y(e.$slots, "decorator", v({ ref_for: !0 }, a))
+                decorator: i((l) => [
+                  y(e.$slots, "decorator", v({ ref_for: !0 }, l))
                 ]),
                 _: 3
               }, 8, ["isExpanded", "isSelected", "item", "layout", "options"]))), 128))
@@ -52,27 +52,27 @@ const z = /* @__PURE__ */ G({
               s(m(e.item.title) + " ", 1)
             ]),
             _: 3
-          })) : k(e.item) && (e.layout === "reference" && !(e.item.type === "operation" || e.item.type === "webhook") || e.layout === "client") ? (o(), n(r(A), {
+          })) : h(e.item) && (e.layout === "reference" && !(e.item.type === "operation" || e.item.type === "webhook") || e.layout === "client") ? (o(), n(r(N), {
             key: 1,
             active: e.isSelected(e.item.id),
             controlled: "",
             open: e.isExpanded(e.item.id),
-            onClick: t[2] || (t[2] = () => d("selectItem", e.item.id))
+            onClick: t[2] || (t[2] = () => a("selectItem", e.item.id))
           }, I({
             items: i(() => [
-              (o(!0), p(u, null, E(b(e.item.children), (l) => (o(), n(g, {
-                key: l.id,
+              (o(!0), p(u, null, E(g(e.item.children), (d) => (o(), n(b, {
+                key: d.id,
                 isExpanded: e.isExpanded,
                 isSelected: e.isSelected,
-                item: l,
+                item: d,
                 layout: e.layout,
                 options: e.options,
                 parentIds: [],
                 onOnDragEnd: S,
-                onSelectItem: t[1] || (t[1] = (a) => d("selectItem", a))
+                onSelectItem: t[1] || (t[1] = (l) => a("selectItem", l))
               }, {
-                decorator: i((a) => [
-                  y(e.$slots, "decorator", v({ ref_for: !0 }, a))
+                decorator: i((l) => [
+                  y(e.$slots, "decorator", v({ ref_for: !0 }, l))
                 ]),
                 _: 3
               }, 8, ["isExpanded", "isSelected", "item", "layout", "options"]))), 128))
@@ -84,11 +84,11 @@ const z = /* @__PURE__ */ G({
           }, [
             e.item.type === "document" ? {
               name: "icon",
-              fn: i(({ open: l }) => [
-                c(r(V), { class: "text-c-3 block group-hover/group-button:hidden" }),
-                c(r(N), {
+              fn: i(({ open: d }) => [
+                c(r(A), { class: "text-c-3 block group-hover/group-button:hidden" }),
+                c(r(O), {
                   class: "text-c-3 hidden group-hover/group-button:block",
-                  open: l
+                  open: d
                 }, null, 8, ["open"])
               ]),
               key: "0"
@@ -100,7 +100,7 @@ const z = /* @__PURE__ */ G({
                   key: 0,
                   item: e.item
                 }) : f("", !0),
-                "method" in e.item ? (o(), n(w, {
+                "method" in e.item ? (o(), n(D, {
                   key: 1,
                   active: e.isSelected(e.item.id),
                   class: "ml-2 h-4 self-start",
@@ -110,18 +110,18 @@ const z = /* @__PURE__ */ G({
               ]),
               key: "1"
             } : void 0
-          ]), 1032, ["active", "open"])) : (o(), n(r(O), {
+          ]), 1032, ["active", "open"])) : (o(), n(r(T), {
             key: 2,
             is: "button",
             class: "text-left",
             selected: e.isSelected(e.item.id),
-            onClick: t[3] || (t[3] = () => d("selectItem", e.item.id))
+            onClick: t[3] || (t[3] = () => a("selectItem", e.item.id))
           }, I({
             default: i(() => [
               e.item.type === "model" ? (o(), p(u, { key: 0 }, [
-                s(m(r(h)(e.item.title, { wrapCharacters: /[\/\-\_A-Z\.]/g })), 1)
+                s(m(r(k)(e.item.title, { preset: "property" })), 1)
               ], 64)) : (o(), p(u, { key: 1 }, [
-                s(m(e.options?.operationTitleSource === "path" && "path" in e.item ? r(h)(e.item.path) : r(h)(e.item.title)), 1)
+                s(m(e.options?.operationTitleSource === "path" && "path" in e.item ? r(k)(e.item.path) : r(k)(e.item.title)), 1)
               ], 64))
             ]),
             _: 2
@@ -133,7 +133,7 @@ const z = /* @__PURE__ */ G({
                   key: 0,
                   item: e.item
                 }) : f("", !0),
-                "method" in e.item ? (o(), n(w, {
+                "method" in e.item ? (o(), n(D, {
                   key: 1,
                   active: e.isSelected(e.item.id),
                   class: "ml-2 h-4 self-start",

package/dist/helpers/create-sidebar-state.d.ts

@@ -15,15 +15,15 @@ type SidebarStateOptions = Partial<{
          */
         onAfterExpand: (id: string) => void;
         /**
-         * Called before an item is selected.
-         * @param id - The ID of the item to select.
+         * Called just before a sidebar item selection changes.
+         * @param id - The ID of the item that is about to be selected, or null if deselecting.
          */
-        onBeforeSelect: (id: string) => void;
+        onBeforeSelect: (id: string | null) => void;
         /**
-         * Called after an item is selected.
-         * @param id - The ID of the item that was selected.
+         * Called immediately after a sidebar item has been selected.
+         * @param id - The ID of the item that was selected, or null if selection was cleared.
          */
-        onAfterSelect: (id: string) => void;
+        onAfterSelect: (id: string | null) => void;
     }>;
 }>;
 /**
@@ -73,7 +73,7 @@ export declare const createSidebarState: <T extends {
     }>>;
     selectedItems: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
     expandedItems: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
-    setSelected: (id: string) => void;
+    setSelected: (id: string | null) => void;
     setExpanded: (id: string, value: boolean) => void;
     isExpanded: (id: string) => boolean;
     isSelected: (id: string) => boolean;

package/dist/helpers/create-sidebar-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-sidebar-state.d.ts","sourceRoot":"","sources":["../../src/helpers/create-sidebar-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,KAAK,CAAA;AAInE,KAAK,mBAAmB,GAAG,OAAO,CAAC;IACjC,sFAAsF;IACtF,GAAG,EAAE,MAAM,CAAA;IACX,sDAAsD;IACtD,KAAK,EAAE,OAAO,CAAC;QACb;;;WAGG;QACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;QACpC;;;WAGG;QACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;QACnC;;;WAGG;QACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;QACpC;;;WAGG;QACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;KACpC,CAAC,CAAA;CACH,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EACzD,OAAO,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAC5B,UAAU,mBAAmB;;;;;;;sBAqBJ,MAAM;sBAiDN,MAAM,SAAS,OAAO;qBAkCvB,MAAM;qBAIN,MAAM;uBAIJ,MAAM;;;CAajC,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,IAAI,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI,UAAU,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAA"}
+{"version":3,"file":"create-sidebar-state.d.ts","sourceRoot":"","sources":["../../src/helpers/create-sidebar-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,KAAK,CAAA;AAInE,KAAK,mBAAmB,GAAG,OAAO,CAAC;IACjC,sFAAsF;IACtF,GAAG,EAAE,MAAM,CAAA;IACX,sDAAsD;IACtD,KAAK,EAAE,OAAO,CAAC;QACb;;;WAGG;QACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;QACpC;;;WAGG;QACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;QACnC;;;WAGG;QACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;QAC3C;;;WAGG;QACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;KAC3C,CAAC,CAAA;CACH,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EACzD,OAAO,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAC5B,UAAU,mBAAmB;;;;;;;sBA0BJ,MAAM,GAAG,IAAI;sBAqDb,MAAM,SAAS,OAAO;qBAkCvB,MAAM;qBAIN,MAAM;uBAIJ,MAAM;;;CAajC,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,IAAI,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI,UAAU,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAA"}

package/dist/helpers/create-sidebar-state.js

@@ -1,22 +1,27 @@
 import { computed as c, toValue as u, ref as k } from "vue";
-import { generateReverseIndex as S } from "./generate-reverse-index.js";
+import { generateReverseIndex as m } from "./generate-reverse-index.js";
 const E = (o, t) => {
-  const n = c(() => S(u(o), t?.key ?? "children")), s = k({}), f = k({}), p = (e) => {
-    const l = (r) => {
-      r && (s.value[r.id] = !0, "parent" in r && r.parent && l(r.parent));
+  const n = c(
+    () => m({
+      items: u(o),
+      nestedKey: t?.key ?? "children"
+    })
+  ), s = k({}), l = k({}), p = (e) => {
+    const f = (r) => {
+      r && (s.value[r.id] = !0, "parent" in r && r.parent && f(r.parent));
     };
-    t?.hooks?.onBeforeSelect && t.hooks.onBeforeSelect(e), s.value = {}, l(n.value.get(e)), t?.hooks?.onAfterSelect && t.hooks.onAfterSelect(e);
-  }, v = (e, l) => {
+    t?.hooks?.onBeforeSelect && t.hooks.onBeforeSelect(e), s.value = {}, e !== null && f(n.value.get(e)), t?.hooks?.onAfterSelect && t.hooks.onAfterSelect(e);
+  }, v = (e, f) => {
     const r = (a) => {
-      a && (f.value[a.id] = !0, "parent" in a && a.parent && r(a.parent));
+      a && (l.value[a.id] = !0, "parent" in a && a.parent && r(a.parent));
     };
-    t?.hooks?.onBeforeExpand && t.hooks.onBeforeExpand(e), l === !1 ? f.value[e] = !1 : r(n.value.get(e)), t?.hooks?.onAfterExpand && t.hooks.onAfterExpand(e);
-  }, x = (e) => f.value[e] ?? !1, d = (e) => s.value[e] ?? !1, h = (e) => n.value.get(e);
+    t?.hooks?.onBeforeExpand && t.hooks.onBeforeExpand(e), f === !1 ? l.value[e] = !1 : r(n.value.get(e)), t?.hooks?.onAfterExpand && t.hooks.onAfterExpand(e);
+  }, x = (e) => l.value[e] ?? !1, d = (e) => s.value[e] ?? !1, h = (e) => n.value.get(e);
   return {
     items: c(() => u(o)),
     index: n,
     selectedItems: s,
-    expandedItems: f,
+    expandedItems: l,
     setSelected: p,
     setExpanded: v,
     isExpanded: x,

package/dist/helpers/generate-reverse-index.d.ts

@@ -1,10 +1,14 @@
 /**
- * Generates a reverse index (Map) for fast lookups of entities by their IDs.
- * Also attaches a `parent` property to each node for easier upward traversal.
+ * Builds a reverse index for fast ID-based lookup and attaches a `parent` property to each node for upward traversal.
  *
- * @param items - The root array of entities to index.
- * @param nestedKey - The property name that contains child nodes (default: 'children').
- * @returns A Map where each key is an entity's `id` and the value is the entity (with optional `parent`).
+ * @template T - The node type (must include `id`).
+ * @template Key - The key pointing to nested children arrays (defaults to 'children').
+ *
+ * @param items - The root-level array of entities to index.
+ * @param nestedKey - The property name that contains child nodes within an entity (defaults to 'children').
+ * @param filter - Optional. A predicate to determine which nodes are included in the map (default: includes all).
+ * @param getId - Optional. A function to obtain the unique ID from a node (defaults to `node.id`).
+ * @returns A Map where each key is a node's ID and each value is the node, extended with an optional `parent` property.
  *
  * @example
  * const data = [
@@ -15,13 +19,18 @@
  *     ]}
  *   ]}
  * ];
- * const index = generateReverseIndex(data);
+ * const index = generateReverseIndex({ items: data });
  * // index.get('3') => { id: '3', name: 'Child 2', children: [...], parent: { id: '1', ... } }
  * // index.get('4') => { id: '4', name: 'Grandchild', parent: { id: '3', ... } }
  */
 export declare const generateReverseIndex: <T extends {
     id: string;
-} & Record<string, unknown>, Key extends string = "children">(items?: T[], nestedKey?: Key) => Map<string, T & {
+} & Record<string, unknown>, Key extends string>({ items, nestedKey, filter, getId, }: {
+    items: T[];
+    nestedKey?: Key;
+    filter?: (node: T) => boolean;
+    getId?: (node: T) => string;
+}) => Map<string, T & {
     parent?: T;
 }>;
 //# sourceMappingURL=generate-reverse-index.d.ts.map

package/dist/helpers/generate-reverse-index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-reverse-index.d.ts","sourceRoot":"","sources":["../../src/helpers/generate-reverse-index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB,GAC/B,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClD,GAAG,SAAS,MAAM,GAAG,UAAU,EAE/B,QAAO,CAAC,EAAO,EACf,YAAW,GAAuB;aAGa,CAAC;EAcjD,CAAA"}
+{"version":3,"file":"generate-reverse-index.d.ts","sourceRoot":"","sources":["../../src/helpers/generate-reverse-index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,SAAS,MAAM,EAAE,sCAK1G;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;CAC5B;aAEgD,CAAC;EAgBjD,CAAA"}

package/dist/helpers/generate-reverse-index.js

@@ -1,9 +1,14 @@
-const s = (t = [], a = "children") => {
-  const c = /* @__PURE__ */ new Map(), i = (r) => {
-    c.set(r.id, r), a in r && Array.isArray(r[a]) && r[a]?.forEach((p) => i({ ...p, parent: r }));
+const h = ({
+  items: c,
+  nestedKey: i = "children",
+  filter: f = () => !0,
+  getId: p = (a) => a.id
+}) => {
+  const a = /* @__PURE__ */ new Map(), t = (r) => {
+    f(r) && a.set(p(r), r), i in r && Array.isArray(r[i]) && r[i]?.forEach((s) => t({ ...s, parent: r }));
   };
-  return t.forEach(i), c;
+  return c.forEach(t), a;
 };
 export {
-  s as generateReverseIndex
+  h as generateReverseIndex
 };

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/sidebar"
   },
-  "version": "0.2.1",
+  "version": "0.3.0",
   "engines": {
     "node": ">=20"
   },
@@ -30,12 +30,12 @@
   "module": "./dist/index.js",
   "dependencies": {
     "vue": "^3.5.21",
-    "@scalar/helpers": "0.0.13",
-    "@scalar/components": "0.16.1",
+    "@scalar/components": "0.16.3",
     "@scalar/draggable": "0.3.0",
+    "@scalar/helpers": "0.1.1",
+    "@scalar/icons": "0.5.0",
     "@scalar/themes": "0.13.23",
-    "@scalar/workspace-store": "0.18.1",
-    "@scalar/icons": "0.5.0"
+    "@scalar/workspace-store": "0.20.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.7",

package/dist/helpers/format-sidebar-label.d.ts

@@ -1,16 +0,0 @@
-/** Format options */
-type FormatOptions = {
-    /**
-     * The characters to allow wrapping on
-     * @default /[\/-]/g - allow wrapping on "/" and "-"
-     */
-    wrapCharacters?: RegExp;
-};
-/**
- * Format the sidebar label
- *
- * Adds a zero-width space after the certain characters to allow improved * line wrapping in the sidebar. By default, it allows wrapping on "/" and * "-". To not add a zero-width space, pass an empty string for the * wrapCharacters option.
- */
-export declare const formatSidebarLabel: (label: string, opts?: FormatOptions) => string;
-export {};
-//# sourceMappingURL=format-sidebar-label.d.ts.map

package/dist/helpers/format-sidebar-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"format-sidebar-label.d.ts","sourceRoot":"","sources":["../../src/helpers/format-sidebar-label.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAcD;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,OAAM,aAAkB,KAAG,MAG5E,CAAA"}

package/dist/helpers/format-sidebar-label.js

@@ -1,9 +0,0 @@
-const e = {
-  wrapCharacters: /[\/-]/g
-}, o = (r, a = {}) => {
-  const { wrapCharacters: t } = { ...e, ...a };
-  return r.replace(t, "​$&");
-};
-export {
-  o as formatSidebarLabel
-};