@scalar/components 0.14.7 → 0.14.8

package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts

@@ -3,7 +3,7 @@ import type { Icon } from '../../index.js';
 type __VLS_Props = {
     is?: string | Component;
     selected?: boolean;
-    icon: Icon;
+    icon: Icon | Component;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuProduct.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAKlC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAsBF,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAWD,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"}
+{"version":3,"file":"ScalarMenuProduct.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAKlC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;CACvB,CAAC;AAsBF,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAWD,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/ScalarMenu/ScalarMenuProducts.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuProducts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"names":[],"mappings":"AAoDA,KAAK,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;CAChC,CAAC;;;;;;AAuIF,wBAOG"}
+{"version":3,"file":"ScalarMenuProducts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"names":[],"mappings":"AA8DA,KAAK,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;CAChC,CAAC;;;;;;AA0IF,wBAOG"}

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

@@ -1,7 +1,8 @@
-import { defineComponent as p, createElementBlock as m, openBlock as c, normalizeProps as u, guardReactiveProps as h, unref as C, createVNode as r, withCtx as t, createTextVNode as l } from "vue";
-import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
+import { defineComponent as p, createElementBlock as m, openBlock as u, normalizeProps as h, guardReactiveProps as C, unref as s, createVNode as t, withCtx as n, createTextVNode as l } from "vue";
+import { ScalarIconHouse as k, ScalarIconBook as b, ScalarIconArrowUpRight as B } from "@scalar/icons";
+import { useBindCx as S } from "@scalar/use-hooks/useBindCx";
 import d from "./ScalarMenuProduct.vue.js";
-const g = /* @__PURE__ */ p({
+const w = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "ScalarMenuProducts",
   props: {
@@ -9,48 +10,48 @@ const g = /* @__PURE__ */ p({
     hrefs: {}
   },
   emits: ["open"],
-  setup(b) {
-    const { cx: f } = k();
+  setup($) {
+    const { cx: c } = S();
     return (o, e) => {
-      var n, i, a;
-      return c(), m("div", u(h(C(f)("flex flex-col"))), [
-        r(d, {
-          href: ((n = o.hrefs) == null ? void 0 : n.dashboard) ?? "https://dashboard.scalar.com",
-          icon: "House",
+      var i, a, f;
+      return u(), m("div", h(C(s(c)("flex flex-col"))), [
+        t(d, {
+          href: ((i = o.hrefs) == null ? void 0 : i.dashboard) ?? "https://dashboard.scalar.com",
+          icon: s(k),
           selected: o.selected === "dashboard",
-          onClick: e[0] || (e[0] = (s) => o.$emit("open", s, "dashboard"))
+          onClick: e[0] || (e[0] = (r) => o.$emit("open", r, "dashboard"))
         }, {
-          default: t(() => e[3] || (e[3] = [
+          default: n(() => e[3] || (e[3] = [
             l(" Dashboard ")
           ])),
           _: 1
-        }, 8, ["href", "selected"]),
-        r(d, {
-          href: ((i = o.hrefs) == null ? void 0 : i.docs) ?? "https://docs.scalar.com",
-          icon: "Page",
+        }, 8, ["href", "icon", "selected"]),
+        t(d, {
+          href: ((a = o.hrefs) == null ? void 0 : a.docs) ?? "https://docs.scalar.com",
+          icon: s(b),
           selected: o.selected === "docs",
-          onClick: e[1] || (e[1] = (s) => o.$emit("open", s, "docs"))
+          onClick: e[1] || (e[1] = (r) => o.$emit("open", r, "docs"))
         }, {
-          default: t(() => e[4] || (e[4] = [
+          default: n(() => e[4] || (e[4] = [
             l(" Docs ")
           ])),
           _: 1
-        }, 8, ["href", "selected"]),
-        r(d, {
-          href: ((a = o.hrefs) == null ? void 0 : a.client) ?? "https://client.scalar.com",
-          icon: "ExternalLink",
+        }, 8, ["href", "icon", "selected"]),
+        t(d, {
+          href: ((f = o.hrefs) == null ? void 0 : f.client) ?? "https://client.scalar.com",
+          icon: s(B),
           selected: o.selected === "client",
-          onClick: e[2] || (e[2] = (s) => o.$emit("open", s, "client"))
+          onClick: e[2] || (e[2] = (r) => o.$emit("open", r, "client"))
         }, {
-          default: t(() => e[5] || (e[5] = [
+          default: n(() => e[5] || (e[5] = [
             l(" Client ")
           ])),
           _: 1
-        }, 8, ["href", "selected"])
+        }, 8, ["href", "icon", "selected"])
       ], 16);
     };
   }
 });
 export {
-  g as default
+  w as default
 };

package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuResources.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"names":[],"mappings":";AAsHA,wBAMG"}
+{"version":3,"file":"ScalarMenuResources.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"names":[],"mappings":";AAuIA,wBAMG"}

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

@@ -1,49 +1,50 @@
-import { defineComponent as n, createBlock as l, openBlock as s, withCtx as o, createVNode as r, createTextVNode as e } from "vue";
+import { defineComponent as i, createBlock as l, openBlock as c, withCtx as t, createVNode as r, unref as n, createTextVNode as e } from "vue";
+import { ScalarIconEnvelopeSimple as s, ScalarIconFileText as p, ScalarIconBookOpenText as m } from "@scalar/icons";
 import a from "./ScalarMenuLink.vue.js";
-import i from "./ScalarMenuSection.vue.js";
-const d = /* @__PURE__ */ n({
+import f from "./ScalarMenuSection.vue.js";
+const y = /* @__PURE__ */ i({
   __name: "ScalarMenuResources",
-  setup(m) {
-    return (p, t) => (s(), l(i, null, {
-      title: o(() => t[0] || (t[0] = [
+  setup(u) {
+    return (d, o) => (c(), l(f, null, {
+      title: t(() => o[0] || (o[0] = [
         e("Resources")
       ])),
-      default: o(() => [
+      default: t(() => [
         r(a, {
           href: "mailto:support@scalar.com",
-          icon: "Email",
+          icon: n(s),
           target: "_blank"
         }, {
-          default: o(() => t[1] || (t[1] = [
+          default: t(() => o[1] || (o[1] = [
             e(" Sales & Support ")
           ])),
           _: 1
-        }),
+        }, 8, ["icon"]),
         r(a, {
           href: "https://scalar.com/terms-and-conditions",
-          icon: "DocsPage",
+          icon: n(p),
           target: "_blank"
         }, {
-          default: o(() => t[2] || (t[2] = [
+          default: t(() => o[2] || (o[2] = [
             e(" Terms & Conditions ")
           ])),
           _: 1
-        }),
+        }, 8, ["icon"]),
         r(a, {
           href: "https://scalar.com/privacy-policy",
-          icon: "Changelog",
+          icon: n(m),
           target: "_blank"
         }, {
-          default: o(() => t[3] || (t[3] = [
+          default: t(() => o[3] || (o[3] = [
             e(" Privacy Policy ")
           ])),
           _: 1
-        })
+        }, 8, ["icon"])
       ]),
       _: 1
     }));
   }
 });
 export {
-  d as default
+  y as default
 };

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AAkGA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAK9D,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACvC,uCAAuC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B,CAAC;;;;;;;;AA0LF,wBAOG"}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AAwGA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAK9D,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACvC,uCAAuC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B,CAAC;;;;;;;;AA8LF,wBAOG"}

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

@@ -1,12 +1,12 @@
-import { defineComponent as g, computed as b, createBlock as u, openBlock as n, unref as e, withCtx as r, createVNode as a, mergeProps as v, createElementVNode as x, createElementBlock as k, Fragment as C, renderList as S, createTextVNode as w } from "vue";
+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 { ScalarIconUserSwitch as k, ScalarIconCaretRight as V, ScalarIconPlus as $ } from "@scalar/icons";
 import { DropdownMenu as s } from "radix-vue/namespaced";
-import V from "./ScalarMenuTeamProfile.vue.js";
-import $ from "./ScalarMenuLink.vue.js";
-import B from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
+import I from "./ScalarMenuTeamProfile.vue.js";
+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";
-import p from "../ScalarIcon/ScalarIcon.vue.js";
-const M = /* @__PURE__ */ g({
+const y = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "ScalarMenuTeamPicker",
   props: {
@@ -14,8 +14,8 @@ const M = /* @__PURE__ */ g({
     teams: {}
   },
   emits: ["update:team", "add"],
-  setup(f, { emit: _ }) {
-    const i = f, d = _, m = b({
+  setup(p, { emit: f }) {
+    const i = p, d = f, m = _({
       get: () => {
         var o;
         return (o = i.team) == null ? void 0 : o.id;
@@ -27,24 +27,23 @@ const M = /* @__PURE__ */ g({
     });
     return (o, t) => (n(), u(e(s).Sub, null, {
       default: r(() => [
-        a(e($), v({
+        a(e(B), b({
           is: e(s).SubTrigger,
-          icon: "UserSwitch"
+          icon: e(k)
         }, o.$attrs), {
           default: r(() => [
-            t[2] || (t[2] = x("div", null, "Change team", -1)),
-            a(e(p), {
-              class: "ml-auto text-c-2 -mr-0.25",
-              icon: "ChevronRight",
-              size: "sm"
+            t[2] || (t[2] = S("div", null, "Change team", -1)),
+            a(e(V), {
+              class: "ml-auto text-c-2 -mr-0.25 size-3",
+              weight: "bold"
             })
           ]),
           _: 1
-        }, 16, ["is"]),
+        }, 16, ["is", "icon"]),
         a(e(s).Portal, null, {
           default: r(() => [
             a(e(s).SubContent, {
-              as: e(B),
+              as: e(P),
               class: "max-h-radix-popper z-context-plus",
               sideOffset: 3
             }, {
@@ -55,14 +54,14 @@ const M = /* @__PURE__ */ g({
                   class: "contents"
                 }, {
                   default: r(() => [
-                    (n(!0), k(C, null, S(o.teams, (l) => (n(), u(e(s).RadioItem, {
+                    (n(!0), w(x, null, v(o.teams, (l) => (n(), u(e(s).RadioItem, {
                       key: l.id,
                       as: e(c),
                       class: "group/item",
                       value: l.id
                     }, {
                       default: r(() => [
-                        a(V, {
+                        a(I, {
                           class: "-ml-0.75 flex-1 min-w-0",
                           label: l.label,
                           src: l.src
@@ -82,12 +81,11 @@ const M = /* @__PURE__ */ g({
                   onClick: t[1] || (t[1] = (l) => d("add"))
                 }, {
                   default: r(() => [
-                    a(e(p), {
-                      class: "bg-b-3 -ml-0.75 rounded p-0.75 size-5 text-c-3",
-                      icon: "Add",
-                      thickness: "1.75"
+                    a(e($), {
+                      class: "bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3",
+                      weight: "bold"
                     }),
-                    t[3] || (t[3] = w(" Create new team "))
+                    t[3] || (t[3] = C(" Create new team "))
                   ]),
                   _: 1
                 }, 8, ["as"])
@@ -103,5 +101,5 @@ const M = /* @__PURE__ */ g({
   }
 });
 export {
-  M as default
+  y as default
 };

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA4FF,wBAMG"}
+{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"AA+CA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA6FF,wBAMG"}

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

@@ -1,5 +1,5 @@
-import { defineComponent as n, createElementBlock as t, openBlock as r, normalizeProps as a, guardReactiveProps as i, unref as s, createCommentVNode as c, createBlock as m, Fragment as d, createTextVNode as u, toDisplayString as l } from "vue";
-import p from "../ScalarIcon/ScalarIcon.vue.js";
+import { defineComponent as a, createElementBlock as t, openBlock as r, normalizeProps as n, guardReactiveProps as i, unref as s, createCommentVNode as c, createBlock as d, Fragment as m, createTextVNode as u, toDisplayString as l } from "vue";
+import { ScalarIconUsers as p } from "@scalar/icons";
 import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
 const b = ["src"], h = {
   key: 1,
@@ -8,7 +8,7 @@ const b = ["src"], h = {
 }, g = {
   key: 2,
   class: "flex-1 truncate"
-}, z = /* @__PURE__ */ n({
+}, B = /* @__PURE__ */ a({
   inheritAttrs: !1,
   __name: "ScalarMenuTeamProfile",
   props: {
@@ -17,19 +17,19 @@ const b = ["src"], h = {
   },
   setup(k) {
     const { cx: o } = f();
-    return (e, y) => (r(), t("div", a(i(s(o)("flex h-full items-center gap-1"))), [
+    return (e, y) => (r(), t("div", n(i(s(o)("flex h-full items-center gap-1"))), [
       e.src ? (r(), t("img", {
         key: 0,
         class: "size-5 rounded",
         role: "presentation",
         src: e.src
       }, null, 8, b)) : (r(), t("div", h, [
-        e.label && e.label.length > 0 ? (r(), t(d, { key: 0 }, [
+        e.label && e.label.length > 0 ? (r(), t(m, { key: 0 }, [
           u(l(e.label[0]), 1)
-        ], 64)) : (r(), m(s(p), {
+        ], 64)) : (r(), d(s(p), {
           key: 1,
-          icon: "Users",
-          size: "xs"
+          class: "size-3",
+          weight: "bold"
         }))
       ])),
       e.label && e.label.length > 0 ? (r(), t("div", g, l(e.label), 1)) : c("", !0)
@@ -37,5 +37,5 @@ const b = ["src"], h = {
   }
 });
 export {
-  z as default
+  B as default
 };

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

@@ -14,7 +14,7 @@ export type ScalarMenuTeamOption = ScalarListboxOption & {
 export type ScalarMenuButtonSlots = {
     /**
      * Overrides the logo in the menu button
-     * @default <ScalarIcon icon="Logo" />
+     * @default The Scalar logo
      * @example <img class="h-full aspect-square bg-b-3 rounded" :src="..." />
      */
     logo?: () => any;

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts

@@ -1,6 +1,7 @@
+import type { Component } from 'vue';
 import { type Icon } from '../ScalarIcon';
 type __VLS_Props = {
-    icon?: Icon;
+    icon?: Icon | Component;
     selected?: boolean;
 };
 declare function __VLS_template(): {

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AA6DA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAWF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;sBAXxB,GAAG;yBACA,GAAG;uBACL,GAAG;6BACG,GAAG;;;;EAanC;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"}
+{"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAIlE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAWF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;sBAXxB,GAAG;yBACA,GAAG;uBACL,GAAG;6BACG,GAAG;;;;EAanC;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/ScalarSearchResults/ScalarSearchResultItem.vue.js

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

package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts

@@ -77,7 +77,7 @@ declare const meta: {
             });
             ScalarSearchResultItem: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-                    icon?: import("../ScalarIcon/index.js").Icon;
+                    icon?: import("../ScalarIcon/index.js").Icon | import("vue").Component;
                     selected?: boolean;
                 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -87,14 +87,14 @@ declare const meta: {
                     M: {};
                     Defaults: {};
                 }, Readonly<{
-                    icon?: import("../ScalarIcon/index.js").Icon;
+                    icon?: import("../ScalarIcon/index.js").Icon | import("vue").Component;
                     selected?: boolean;
                 }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
             } & import("vue").ComponentOptionsBase<Readonly<{
-                icon?: import("../ScalarIcon/index.js").Icon;
+                icon?: import("../ScalarIcon/index.js").Icon | import("vue").Component;
                 selected?: boolean;
             }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
@@ -130,6 +130,23 @@ declare const meta: {
                     default?(_: {}): any;
                 };
             })>;
+            ScalarIconMagnifyingGlass: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("@scalar/icons/types").ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, SVGSVGElement, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("@scalar/icons/types").ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("@scalar/icons/types").ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
         };
         template: string;
     };

package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchResults.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResults.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BqC,CAAA;AAE/C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}
+{"version":3,"file":"ScalarSearchResults.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResults.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BqC,CAAA;AAE/C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAUrD,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqF9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}
+{"version":3,"file":"ScalarSidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AASrD,QAAA,MAAM,IAAI,EAAE,IA8BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqF9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}

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":"AAqFA,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAI7E;;;;;;;;;;;;;;;;;;;;;GAqBG;;AACH,wBA4HC;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":"AAwFA,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAI7E;;;;;;;;;;;;;;;;;;;;;GAqBG;;AACH,wBA8HC;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,12 +1,12 @@
-import { defineComponent as r, createBlock as c, openBlock as s, resolveDynamicComponent as u, mergeProps as f, unref as o, withCtx as p, renderSlot as t, createElementVNode as m, createElementBlock as n, createCommentVNode as a, createVNode as l } from "vue";
+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 m, createElementBlock as l, createCommentVNode as n, createVNode as p } from "vue";
 import { cva as b, useBindCx as v } from "@scalar/use-hooks/useBindCx";
 import y from "./ScalarSidebarIndent.vue.js";
-import h from "../ScalarIcon/ScalarIcon.vue.js";
-const B = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, g = {
+import h from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const g = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, B = {
   key: 0,
   class: "size-3.5"
-}, S = { key: 0 }, $ = {}, I = /* @__PURE__ */ r({
-  ...$,
+}, $ = { key: 0 }, k = {}, E = /* @__PURE__ */ r({
+  ...k,
   inheritAttrs: !1,
   __name: "ScalarSidebarButton",
   props: {
@@ -16,7 +16,7 @@ const B = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, g = {
     disabled: { type: Boolean },
     indent: { default: 0 }
   },
-  setup(k) {
+  setup(C) {
     const d = b({
       base: ["group/button flex rounded px-1.5 font-medium text-c-2 no-underline"],
       variants: {
@@ -28,34 +28,38 @@ const B = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, g = {
       ],
       defaultVariants: { selected: !1, disabled: !1 }
     }), { cx: i } = v();
-    return (e, C) => (s(), c(u(e.is), f({
+    return (e, S) => (t(), a(c(e.is), u({
       "aria-level": e.indent,
       "aria-selected": e.selected,
       type: e.is === "button" ? "button" : void 0
     }, o(i)(o(d)({ selected: e.selected, disabled: e.disabled }))), {
-      default: p(() => [
-        t(e.$slots, "indent", {}, () => [
-          l(y, {
+      default: f(() => [
+        s(e.$slots, "indent", {}, () => [
+          p(y, {
             indent: e.indent,
             selected: e.selected
           }, null, 8, ["indent", "selected"])
         ]),
-        m("div", B, [
-          e.icon || e.$slots.icon ? (s(), n("div", g, [
-            t(e.$slots, "icon", {}, () => [
-              l(o(h), { icon: e.icon }, null, 8, ["icon"])
+        m("div", g, [
+          e.icon || e.$slots.icon ? (t(), l("div", B, [
+            s(e.$slots, "icon", {}, () => [
+              e.icon ? (t(), a(o(h), {
+                key: 0,
+                icon: e.icon,
+                weight: "bold"
+              }, null, 8, ["icon"])) : n("", !0)
             ])
-          ])) : a("", !0),
-          t(e.$slots, "default")
+          ])) : n("", !0),
+          s(e.$slots, "default")
         ]),
-        e.$slots.aside ? (s(), n("div", S, [
-          t(e.$slots, "aside")
-        ])) : a("", !0)
+        e.$slots.aside ? (t(), l("div", $, [
+          s(e.$slots, "aside")
+        ])) : n("", !0)
       ]),
       _: 3
     }, 16, ["aria-level", "aria-selected", "type"]));
   }
 });
 export {
-  I as default
+  E as default
 };

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

@@ -14,14 +14,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Whether or not the toggle is open */
     open?: boolean;
     /** Overrides the icon */
-    icon?: Icon;
+    icon?: Icon | Component;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /** Override the element tag */
     is?: Component | string;
     /** Whether or not the toggle is open */
     open?: boolean;
     /** Overrides the icon */
-    icon?: Icon;
+    icon?: Icon | Component;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
     /** Override the toggle icon */
     default?: (props: {

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":"AAmEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD;;;;;;;GAOG;;IAID,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI;;IALX,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI;;IAUX,+BAA+B;cACrB,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;IAC3C,uCAAuC;YAC/B,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;;IAHzC,+BAA+B;cACrB,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;IAC3C,uCAAuC;YAC/B,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;;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":"AAuEA,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,SAAS;;IALvB,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,SAAS;;IAUvB,+BAA+B;cACrB,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;IAC3C,uCAAuC;YAC/B,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;;IAHzC,+BAA+B;cACrB,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;IAC3C,uCAAuC;YAC/B,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;;AArB3C,wBAgHC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}