@scalar/components 0.15.1 → 0.16.0

package/dist/components/ScalarIcon/logos/Nuxt.svg.js

@@ -5,12 +5,12 @@ const n = {
   viewBox: "0 0 24 24"
 };
 function o(r, e) {
-  return t(), l("svg", n, e[0] || (e[0] = [
+  return t(), l("svg", n, [...e[0] || (e[0] = [
     c("path", {
       fill: "#00DC82",
       d: "M13.32 19.333h8.14c.26 0 .508-.09.733-.22.226-.129.457-.29.587-.513s.22-.476.22-.733c0-.258-.09-.51-.22-.734l-5.5-9.46a1.34 1.34 0 0 0-.513-.513 1.8 1.8 0 0 0-.807-.22c-.26 0-.508.09-.733.22-.216.12-.393.298-.514.513l-1.393 2.42L10.533 5.4c-.13-.223-.288-.458-.513-.587s-.474-.146-.733-.146c-.26 0-.509.018-.734.146-.24.146-.441.347-.586.587l-6.82 11.733c-.13.223-.147.476-.147.734 0 .257.017.51.147.733s.361.384.586.513c.225.13.474.22.734.22H7.6c2.034 0 3.515-.912 4.547-2.64l2.493-4.326 1.32-2.274 4.033 6.894H14.64zm-5.793-2.346H3.933l5.354-9.24L12 12.367l-1.797 3.132c-.687 1.122-1.468 1.488-2.676 1.488"
     }, null, -1)
-  ]));
+  ])]);
 }
 const d = { render: o };
 export {

package/dist/components/ScalarIcon/logos/Openapi.svg.js

@@ -5,9 +5,9 @@ const h = {
   viewBox: "0 0 24 24"
 };
 function q(e, l) {
-  return t(), a("svg", h, l[0] || (l[0] = [
+  return t(), a("svg", h, [...l[0] || (l[0] = [
     p('<path fill="#93D500" d="M7.285 13.5H2.007l.003.077.009.15.004.063.014.171.004.039a8.8 8.8 0 0 0 .387 1.871q0 .005.003.011l.058.173.016.044.08.216.048.124a5 5 0 0 0 .078.189l.052.117.031.07.066.14.022.046.079.16.012.024q.045.088.093.175l.004.008.02.036 4.508-2.715.017-.01a3.6 3.6 0 0 1-.33-1.179"></path><path fill="#4D5A31" d="m8.582 15.923-.013.013-3.717 3.717.057.053.105.094.055.048.127.107.034.029a8 8 0 0 0 .324.254l.006.004q.336.252.695.47l.025.016.137.08.084.048.08.045q.072.04.145.078a8 8 0 0 0 .431.21l.132-.32 1.87-4.54.007-.017a3.6 3.6 0 0 1-.584-.389"></path><path fill="#6BA43A" d="M8.195 15.553a3 3 0 0 1-.212-.262 4 4 0 0 1-.2-.296L3.27 17.713q.104.174.215.338l.007.012.003.005.007.01v.002l.019.026.001.002q.119.174.242.342l.006.007.005.007.11.142.015.019q.057.073.117.145l.028.034.155.181.094.105.053.058.024.026.07.075.028.03.125.127 3.723-3.723a3 3 0 0 1-.122-.13"></path><path fill="#4D5A31" d="m13.13 15.921-.124.096.009.016 2.714 4.506a8 8 0 0 0 1.134-.886l-3.718-3.717z"></path><path fill="#93D500" d="m15.335 20.576-.092-.153-2.534-4.206a4 4 0 0 1-.316.167 3.6 3.6 0 0 1-2.567.2c-.057-.017-.113-.04-.169-.06s-.113-.037-.168-.06L7.62 21.003l-.073.178-.063.152.014.006.016.006.004.002.133.05.167.065.085.032a9 9 0 0 0 1.88.442l.075.008.142.016.036.003.174.014.06.004.153.01.094.003.122.004.217.003a9 9 0 0 0 1.495-.126l.154-.028.088-.017.09-.02.15-.032.028-.007a9 9 0 0 0 2.124-.791l.13-.074.157-.088.107-.06.001-.001.002-.001h.001l.001-.001.002-.001.006-.004.034-.02zm-6.75-10.21.123-.097-.009-.015-2.714-4.506q-.189.123-.372.256a9 9 0 0 0-.762.629L8.57 10.35z"></path><path fill="#4D5A31" d="M4.594 6.88q-.064.065-.124.13l-.123.128a9 9 0 0 0-.753.933l-.032.046-.076.112-.104.16a8.83 8.83 0 0 0-1.375 4.397l-.005.178-.003.179h5.266q.002-.09.008-.179c.006-.089.004-.119.01-.178a3.57 3.57 0 0 1 .794-1.917q.059-.069.12-.133c.04-.044.077-.09.12-.133L4.594 6.881Zm10.864-1.306q-.01-.008-.021-.013l-.14-.083-.082-.047-.082-.046-.143-.077-.023-.012a9 9 0 0 0-.95-.426l-.024-.01a9 9 0 0 0-1.987-.498l-.074-.01-.075-.008-.143-.016-.04-.004-.17-.014-.066-.004-.146-.009-.078-.003v5.278c.27.028.54.086.8.174l3.884-3.884a9 9 0 0 0-.44-.288"></path><path fill="#6BA43A" d="M10.679 4.29q-.09 0-.179.003a9 9 0 0 0-1.113.115l-.024.004-.155.029-.087.016a6 6 0 0 0-.24.052l-.028.006a9 9 0 0 0-2.125.792l-.13.074-.156.087-.115.066h-.002l-.008.005-.03.017v.001l.093.153 2.625 4.359a4 4 0 0 1 .316-.167 3.6 3.6 0 0 1 1.536-.35V4.285q-.09.001-.178.004Z"></path><path fill="#4D5A31" d="M19.704 12.708a10 10 0 0 0-.05-.61l-.002-.014-.001-.007-.027-.201v-.006a9 9 0 0 0-.273-1.245l-.002-.008-.059-.19-.008-.025-.057-.17-.016-.046-.054-.147-.027-.07a5 5 0 0 0-.086-.216l-.04-.094-.052-.12-.03-.068-.066-.142-.021-.043-.08-.162-.012-.022-.093-.177-.003-.006a9 9 0 0 0-.504-.818l-3.886 3.886q.132.392.174.8h5.278q0-.04-.003-.08Z"></path><path fill="#6BA43A" d="M14.45 13.143q-.002.09-.01.179-.001.09-.01.178a3.57 3.57 0 0 1-.793 1.918c-.037.046-.08.088-.12.133-.04.044-.077.09-.12.132l3.723 3.723q.063-.064.124-.13l.123-.128q.415-.448.754-.935l.027-.039.082-.12.07-.108.034-.052a8.83 8.83 0 0 0 1.377-4.573l.003-.178z"></path><path fill="#424143" d="M21.279 2.722a2.467 2.467 0 0 0-3.953 2.84l-5.374 5.373a2.467 2.467 0 1 0 1.114 1.113l5.373-5.373a2.466 2.466 0 0 0 2.84-3.953"></path>', 10)
-  ]));
+  ])]);
 }
 const d = { render: q };
 export {

package/dist/components/ScalarIcon/logos/Platformatic.svg.js

@@ -5,7 +5,7 @@ const r = {
   viewBox: "0 0 24 24"
 };
 function l(s, e) {
-  return n(), t("svg", r, e[0] || (e[0] = [
+  return n(), t("svg", r, [...e[0] || (e[0] = [
     o("path", {
       stroke: "#21FA90",
       "stroke-linecap": "round",
@@ -19,7 +19,7 @@ function l(s, e) {
       "stroke-width": ".885",
       d: "m21.719 10.719 1.839 1.09v1.09l-1.84 1.091M2.834 8.13.774 9.322v5.326l2.016 1.167m3.744 1.07v1.183l3.021 1.674 2.32-1.358-.02-2.471m2.282-1.387v1.3L16.31 17.1l3.175-1.9v-5.186L16.36 8.217"
     }, null, -1)
-  ]));
+  ])]);
 }
 const d = { render: l };
 export {

package/dist/components/ScalarIcon/logos/React.svg.js

@@ -5,7 +5,7 @@ const r = {
   viewBox: "0 0 24 24"
 };
 function n(s, e) {
-  return l(), o("svg", r, e[0] || (e[0] = [
+  return l(), o("svg", r, [...e[0] || (e[0] = [
     t("path", {
       fill: "#61DAFB",
       d: "M12.5 14.014a1.783 1.783 0 1 0 0-3.565 1.783 1.783 0 0 0 0 3.565"
@@ -25,7 +25,7 @@ function n(s, e) {
       "stroke-width": ".87",
       d: "M9.337 10.406c-2.641 4.575-3.366 9.1-1.62 10.11 1.747 1.008 5.304-1.883 7.946-6.458s3.366-9.101 1.62-10.11c-1.747-1.009-5.305 1.883-7.946 6.458Z"
     }, null, -1)
-  ]));
+  ])]);
 }
 const c = { render: n };
 export {

package/dist/components/ScalarIcon/logos/Rust.svg.js

@@ -5,12 +5,12 @@ const o = {
   viewBox: "0 0 24 24"
 };
 function q(n, l) {
-  return e(), a("svg", o, l[0] || (l[0] = [
+  return e(), a("svg", o, [...l[0] || (l[0] = [
     t("path", {
       fill: "currentColor",
       d: "m21.863 11.755-.839-.52-.024-.244.722-.673a.288.288 0 0 0-.096-.482l-.923-.345-.072-.239.575-.799a.288.288 0 0 0-.187-.455l-.973-.158-.117-.218.409-.897a.286.286 0 0 0-.273-.409l-.987.034-.157-.188.228-.962a.287.287 0 0 0-.348-.348l-.96.227-.19-.157.034-.986a.287.287 0 0 0-.409-.273l-.897.409-.218-.118-.158-.972a.288.288 0 0 0-.454-.189l-.8.575-.238-.071-.345-.923a.288.288 0 0 0-.482-.096L13.01 3l-.245-.023-.52-.84a.29.29 0 0 0-.49 0l-.52.84q-.123.01-.245.023l-.673-.722a.29.29 0 0 0-.482.096l-.345.923q-.12.034-.237.072l-.8-.576a.288.288 0 0 0-.455.188l-.158.973q-.11.057-.22.118l-.895-.41a.287.287 0 0 0-.409.273l.034.988-.19.156-.96-.227a.29.29 0 0 0-.348.348l.227.962-.157.188-.987-.034a.288.288 0 0 0-.273.409l.409.897a7 7 0 0 0-.117.22l-.972.156a.288.288 0 0 0-.189.455l.575.8-.071.237-.923.346a.29.29 0 0 0-.096.482L3 10.99l-.024.244-.84.52a.29.29 0 0 0 0 .492l.84.519q.01.123.025.245l-.723.673a.29.29 0 0 0 .096.482l.922.345q.035.12.073.237l-.576.8a.29.29 0 0 0 .188.454l.973.158q.056.11.117.22l-.41.896a.288.288 0 0 0 .274.409l.987-.035q.076.096.156.19l-.227.961a.287.287 0 0 0 .348.347l.961-.226.19.156-.035.987a.288.288 0 0 0 .41.273l.896-.41q.108.06.219.119l.158.971a.288.288 0 0 0 .455.19l.799-.577q.118.038.237.072l.345.923a.287.287 0 0 0 .482.096L10.99 21q.121.014.244.025l.52.839a.29.29 0 0 0 .492 0l.519-.84q.123-.01.245-.024l.674.722a.287.287 0 0 0 .48-.096l.346-.923q.12-.034.238-.072l.8.576a.29.29 0 0 0 .454-.189l.158-.972.219-.117.896.409a.288.288 0 0 0 .41-.273l-.035-.988a7 7 0 0 0 .19-.155l.96.226a.287.287 0 0 0 .348-.347l-.226-.961.155-.19.988.035a.29.29 0 0 0 .272-.41l-.409-.896q.06-.108.117-.219l.973-.158a.287.287 0 0 0 .188-.454l-.575-.8.072-.237.922-.345a.286.286 0 0 0 .096-.482L21 13.011l.025-.245.839-.52a.29.29 0 0 0 0-.49Zm-5.619 6.965a.595.595 0 0 1 .25-1.163.595.595 0 0 1-.25 1.163m-.286-1.93a.54.54 0 0 0-.642.417l-.299 1.391a7.3 7.3 0 0 1-3.017.65c-1.1 0-2.144-.243-3.08-.679l-.299-1.39a.54.54 0 0 0-.643-.417l-1.228.263a7 7 0 0 1-.635-.748h5.976c.068 0 .113-.012.113-.074V14.09c0-.062-.046-.074-.113-.074h-1.747v-1.34h1.89c.172 0 .922.049 1.162 1.007.075.295.24 1.254.352 1.561.113.344.57 1.032 1.059 1.032h2.977a1 1 0 0 0 .108-.01q-.31.421-.677.794l-1.256-.27Zm-8.265 1.9a.594.594 0 1 1-.014-1.17.594.594 0 0 1 .014 1.171ZM5.427 9.5a.594.594 0 1 1-1.086.481.594.594 0 0 1 1.086-.481m-.697 1.65 1.28-.569a.543.543 0 0 0 .274-.715l-.263-.597h1.036v4.672h-2.09a7.3 7.3 0 0 1-.237-2.792Zm5.614-.454V9.32h2.468c.128 0 .9.148.9.725 0 .48-.592.652-1.08.652zm8.969 1.24q0 .273-.02.542h-.75c-.076 0-.106.05-.106.123v.345c0 .81-.457.987-.858 1.032-.381.043-.805-.16-.857-.394-.225-1.265-.6-1.536-1.192-2.003.735-.467 1.5-1.155 1.5-2.077 0-.996-.683-1.623-1.148-1.93-.652-.43-1.375-.517-1.57-.517h-7.76a7.3 7.3 0 0 1 4.091-2.308l.915.959a.54.54 0 0 0 .765.018l1.024-.98a7.32 7.32 0 0 1 5.006 3.566l-.7 1.583a.543.543 0 0 0 .275.715l1.35.6q.034.357.035.726m-7.754-8.004a.595.595 0 1 1 .82.86.595.595 0 0 1-.82-.86m6.951 5.595a.594.594 0 1 1 1.086.481.594.594 0 0 1-1.086-.481"
     }, null, -1)
-  ]));
+  ])]);
 }
 const c = { render: q };
 export {

package/dist/components/ScalarIcon/logos/Svelte.svg.js

@@ -5,7 +5,7 @@ const n = {
   viewBox: "-2 0 24 24"
 };
 function c(o, l) {
-  return t(), a("svg", n, l[0] || (l[0] = [
+  return t(), a("svg", n, [...l[0] || (l[0] = [
     e("path", {
       fill: "#FF3E00",
       d: "M18.664 3.171c-2.219-3.185-6.61-4.13-9.788-2.104L3.29 4.625A6.42 6.42 0 0 0 .398 8.917a6.74 6.74 0 0 0 .666 4.332 6.4 6.4 0 0 0-.959 2.369 6.85 6.85 0 0 0 1.166 5.175c2.219 3.194 6.61 4.137 9.782 2.11l5.586-3.557a6.42 6.42 0 0 0 2.892-4.292 6.74 6.74 0 0 0-.666-4.332 6.4 6.4 0 0 0 .959-2.369 6.94 6.94 0 0 0-1.16-5.182"
@@ -14,7 +14,7 @@ function c(o, l) {
       fill: "#fff",
       d: "M8.327 21.099a4.435 4.435 0 0 1-4.76-1.75 4.16 4.16 0 0 1-.7-3.122q.05-.261.133-.517l.105-.318.286.182a7.1 7.1 0 0 0 2.186 1.095l.208.063-.02.201c-.025.293.055.585.223.83a1.305 1.305 0 0 0 1.779.379l5.581-3.521a1.18 1.18 0 0 0 .524-.783 1.23 1.23 0 0 0-.211-.923 1.305 1.305 0 0 0-1.78-.379l-2.12 1.35q-.53.321-1.135.488a4.435 4.435 0 0 1-4.76-1.75 4.16 4.16 0 0 1-.7-3.122 3.84 3.84 0 0 1 1.736-2.573l5.581-3.559a4.3 4.3 0 0 1 1.134-.485 4.435 4.435 0 0 1 4.76 1.751c.641.908.893 2.03.7 3.122a4 4 0 0 1-.132.517l-.105.318-.287-.182a7.1 7.1 0 0 0-2.186-1.095l-.207-.063.019-.202a1.27 1.27 0 0 0-.223-.83 1.305 1.305 0 0 0-1.779-.378L6.6 9.363a1.18 1.18 0 0 0-.523.783c-.056.323.019.655.21.923a1.305 1.305 0 0 0 1.78.38l2.121-1.35c.352-.214.732-.38 1.134-.485a4.435 4.435 0 0 1 4.76 1.75 4.16 4.16 0 0 1 .7 3.122 3.8 3.8 0 0 1-1.736 2.563l-5.58 3.559c-.353.214-.732.38-1.135.489"
     }, null, -1)
-  ]));
+  ])]);
 }
 const f = { render: c };
 export {

package/dist/components/ScalarIcon/logos/Vue.svg.js

@@ -5,7 +5,7 @@ const o = {
   viewBox: "0 0 24 24"
 };
 function r(d, e) {
-  return n(), t("svg", o, e[0] || (e[0] = [
+  return n(), t("svg", o, [...e[0] || (e[0] = [
     l("path", {
       fill: "#41B883",
       d: "m14.31 4.34-2.31 4-2.31-4H2l10 17.32L22 4.34z"
@@ -14,7 +14,7 @@ function r(d, e) {
       fill: "#34495E",
       d: "m14.31 4.34-2.31 4-2.31-4H6l6 10.392L18 4.34z"
     }, null, -1)
-  ]));
+  ])]);
 }
 const m = { render: r };
 export {

package/dist/components/ScalarIconButton/ScalarIconButton.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as d, useTemplateRef as c, computed as o, createElementBlock as s, openBlock as a, mergeProps as u, unref as i, createVNode as m, createCommentVNode as p, toDisplayString as f } from "vue";
+import { defineComponent as d, useTemplateRef as c, computed as o, createElementBlock as s, openBlock as a, mergeProps as u, unref as i, createVNode as p, createCommentVNode as m, toDisplayString as f } from "vue";
 import { cva as b, useBindCx as h } from "@scalar/use-hooks/useBindCx";
 import { BUTTON_VARIANT_STYLES as g } from "../ScalarButton/constants.js";
 import { useTooltip as v } from "../ScalarTooltip/useTooltip.js";
 import z from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const k = ["aria-disabled"], y = {
+const y = ["aria-disabled"], k = {
   key: 0,
   class: "sr-only"
 }, B = {}, C = /* @__PURE__ */ d({
@@ -12,13 +12,13 @@ const k = ["aria-disabled"], y = {
   __name: "ScalarIconButton",
   props: {
     label: {},
-    icon: {},
+    icon: { type: [Object, Function] },
     disabled: { type: Boolean },
     variant: { default: "ghost" },
     size: { default: "md" },
     thickness: {},
     weight: {},
-    tooltip: { type: Boolean }
+    tooltip: { type: [Boolean, Object] }
   },
   setup(t) {
     const n = b({
@@ -57,13 +57,13 @@ const k = ["aria-disabled"], y = {
       "aria-disabled": e.disabled,
       type: "button"
     }, i(r)(i(n)({ size: e.size, variant: e.variant, disabled: e.disabled }))), [
-      m(i(z), {
+      p(i(z), {
         icon: e.icon,
         thickness: e.thickness,
         weight: e.weight
       }, null, 8, ["icon", "thickness", "weight"]),
-      e.tooltip ? p("", !0) : (a(), s("span", y, f(e.label), 1))
-    ], 16, k));
+      e.tooltip ? m("", !0) : (a(), s("span", k, f(e.label), 1))
+    ], 16, y));
   }
 });
 export {

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

@@ -56,9 +56,9 @@ const S = { class: "custom-scroll min-h-0 flex-1" }, D = /* @__PURE__ */ c({
                   default: l(() => [
                     (o(!0), u(_, null, g(e.options, (n) => (o(), i(N, {
                       key: n.id,
-                      option: n,
-                      multiselect: e.multiple
-                    }, null, 8, ["option", "multiselect"]))), 128))
+                      multiselect: e.multiple,
+                      option: n
+                    }, null, 8, ["multiselect", "option"]))), 128))
                   ]),
                   _: 1
                 })

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

@@ -1,4 +1,4 @@
-import { defineComponent as i, createBlock as n, openBlock as o, unref as t, mergeProps as a, withCtx as l, createElementBlock as m, createElementVNode as c, normalizeClass as s, renderSlot as f } from "vue";
+import { defineComponent as i, createBlock as n, openBlock as o, unref as t, mergeProps as a, withCtx as l, createElementBlock as c, createElementVNode as m, normalizeClass as s, renderSlot as f } from "vue";
 import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 import { DropdownMenu as u } from "radix-vue/namespaced";
 import d from "../ScalarDropdown/ScalarDropdownButton.vue.js";
@@ -11,7 +11,7 @@ const h = {
   __name: "ScalarMenuLink",
   props: {
     is: { default: () => u.Item },
-    icon: {},
+    icon: { type: [Object, Function] },
     strong: { type: Boolean }
   },
   setup(k) {
@@ -30,8 +30,8 @@ const h = {
           icon: e.icon,
           thickness: e.strong ? "2.5" : "2",
           weight: e.strong ? "bold" : "regular"
-        }, null, 8, ["class", "icon", "thickness", "weight"])) : (o(), m("div", h)),
-        c("div", {
+        }, null, 8, ["class", "icon", "thickness", "weight"])) : (o(), c("div", h)),
+        m("div", {
           class: s(["flex items-center flex-1 min-w-0 truncate", e.strong ? "font-medium" : "font-normal"])
         }, [
           f(e.$slots, "default")

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

@@ -1,16 +1,16 @@
-import { defineComponent as n, createBlock as s, openBlock as a, unref as r, mergeProps as i, withCtx as c, renderSlot as l } from "vue";
+import { defineComponent as n, createBlock as s, openBlock as a, unref as t, mergeProps as i, withCtx as c, renderSlot as l } from "vue";
 import { useBindCx as p, cva as d } from "@scalar/use-hooks/useBindCx";
-import f from "./ScalarMenuLink.vue.js";
+import u from "./ScalarMenuLink.vue.js";
 const v = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "ScalarMenuProduct",
   props: {
     is: { default: "a" },
     selected: { type: Boolean },
-    icon: {}
+    icon: { type: [Object, Function] }
   },
-  setup(u) {
-    const { cx: t } = p(), o = d({
+  setup(f) {
+    const { cx: r } = p(), o = d({
       base: "gap-1.5",
       variants: {
         selected: {
@@ -19,12 +19,12 @@ const v = /* @__PURE__ */ n({
         }
       }
     });
-    return (e, m) => (a(), s(r(f), i({
+    return (e, b) => (a(), s(t(u), i({
       is: e.is,
       icon: e.icon,
       strong: "",
       target: "_blank"
-    }, r(t)(r(o)({ selected: e.selected }))), {
+    }, t(r)(t(o)({ selected: e.selected }))), {
       default: c(() => [
         l(e.$slots, "default")
       ]),

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

@@ -19,11 +19,10 @@ const P = /* @__PURE__ */ a({
         selected: o.selected === "dashboard",
         onClick: e[0] || (e[0] = (r) => o.$emit("open", r, "dashboard"))
       }, {
-        default: n(() => e[3] || (e[3] = [
-          l(" Dashboard ")
-        ])),
-        _: 1,
-        __: [3]
+        default: n(() => [...e[3] || (e[3] = [
+          l(" Dashboard ", -1)
+        ])]),
+        _: 1
       }, 8, ["href", "icon", "selected"]),
       t(d, {
         href: o.hrefs?.docs ?? "https://docs.scalar.com",
@@ -31,11 +30,10 @@ const P = /* @__PURE__ */ a({
         selected: o.selected === "docs",
         onClick: e[1] || (e[1] = (r) => o.$emit("open", r, "docs"))
       }, {
-        default: n(() => e[4] || (e[4] = [
-          l(" Docs ")
-        ])),
-        _: 1,
-        __: [4]
+        default: n(() => [...e[4] || (e[4] = [
+          l(" Docs ", -1)
+        ])]),
+        _: 1
       }, 8, ["href", "icon", "selected"]),
       t(d, {
         href: o.hrefs?.client ?? "https://client.scalar.com",
@@ -43,11 +41,10 @@ const P = /* @__PURE__ */ a({
         selected: o.selected === "client",
         onClick: e[2] || (e[2] = (r) => o.$emit("open", r, "client"))
       }, {
-        default: n(() => e[5] || (e[5] = [
-          l(" Client ")
-        ])),
-        _: 1,
-        __: [5]
+        default: n(() => [...e[5] || (e[5] = [
+          l(" Client ", -1)
+        ])]),
+        _: 1
       }, 8, ["href", "icon", "selected"])
     ], 16));
   }

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

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

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

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarMenuSupport.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuSupport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"names":[],"mappings":";AAoGA,wBAKG"}

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

@@ -0,0 +1,40 @@
+import { defineComponent as i, createBlock as c, openBlock as l, withCtx as o, createVNode as e, unref as a, createTextVNode as r } from "vue";
+import { ScalarIconDiscordLogo as s, ScalarIconGithubLogo as f } from "@scalar/icons";
+import n from "./ScalarMenuLink.vue.js";
+import u from "./ScalarMenuSection.vue.js";
+const k = /* @__PURE__ */ i({
+  __name: "ScalarMenuSupport",
+  setup(m) {
+    return (p, t) => (l(), c(u, null, {
+      title: o(() => [...t[0] || (t[0] = [
+        r("Resources", -1)
+      ])]),
+      default: o(() => [
+        e(n, {
+          href: "https://discord.gg/scalar",
+          icon: a(s),
+          target: "_blank"
+        }, {
+          default: o(() => [...t[1] || (t[1] = [
+            r(" Discord ", -1)
+          ])]),
+          _: 1
+        }, 8, ["icon"]),
+        e(n, {
+          href: "https://github.com/scalar/scalar",
+          icon: a(f),
+          target: "_blank"
+        }, {
+          default: o(() => [...t[2] || (t[2] = [
+            r(" GitHub ", -1)
+          ])]),
+          _: 1
+        }, 8, ["icon"])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  k as default
+};

package/dist/components/ScalarMenu/ScalarMenuSupport.vue2.js

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

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

@@ -1,4 +1,4 @@
-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 x, createElementBlock as S, Fragment as w, renderList as v, createTextVNode as C } 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 x, createElementBlock as S, Fragment as w, renderList as v, createTextVNode as C } from "vue";
 import { ScalarIconUserSwitch as k, ScalarIconCaretRight as V, ScalarIconPlus as $ } from "@scalar/icons";
 import { DropdownMenu as o } 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__ */ _({
+const y = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "ScalarMenuTeamPicker",
   props: {
@@ -15,7 +15,7 @@ const y = /* @__PURE__ */ _({
   },
   emits: ["update:team", "add"],
   setup(f, { emit: p }) {
-    const i = f, d = p, m = g({
+    const i = f, d = p, m = _({
       get: () => i.team?.id,
       set: (s) => d(
         "update:team",
@@ -35,8 +35,7 @@ const y = /* @__PURE__ */ _({
               weight: "bold"
             })
           ]),
-          _: 1,
-          __: [2]
+          _: 1
         }, 16, ["is", "icon"]),
         a(e(o).Portal, null, {
           default: r(() => [
@@ -84,10 +83,9 @@ const y = /* @__PURE__ */ _({
                       class: "bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3",
                       weight: "bold"
                     }),
-                    t[3] || (t[3] = C(" Create new team "))
+                    t[3] || (t[3] = C(" Create new team ", -1))
                   ]),
-                  _: 1,
-                  __: [3]
+                  _: 1
                 }, 8, ["as"])
               ]),
               _: 1

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

@@ -0,0 +1,18 @@
+import { type ScalarListboxOption } from '../../components/ScalarListbox';
+type __VLS_Props = {
+    /** The list of workspaces to choose from */
+    workspaceOptions: ScalarListboxOption[];
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+} & {
+    createWorkspace: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onCreateWorkspace?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarMenuWorkspacePicker.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuWorkspacePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"names":[],"mappings":"AAsFA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAA;AAUnC,KAAK,WAAW,GAAG;IACjB,4CAA4C;IAC5C,gBAAgB,EAAE,mBAAmB,EAAE,CAAA;CACxC,CAAC;AAiBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,CAAC;;;;;;;;;AAuMF,wBAOG"}

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

@@ -0,0 +1,94 @@
+import { defineComponent as k, mergeModels as m, useModel as x, createBlock as u, openBlock as n, unref as e, withCtx as a, createVNode as l, mergeProps as _, createElementVNode as d, createElementBlock as S, Fragment as V, renderList as b, toDisplayString as v, createTextVNode as w } from "vue";
+import { ScalarIconSwap as C, ScalarIconCaretRight as I, ScalarIconPlus as M } from "@scalar/icons";
+import { DropdownMenu as r } from "radix-vue/namespaced";
+import $ from "./ScalarMenuLink.vue.js";
+import B from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
+import c from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import P from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+const z = { class: "flex h-full items-center gap-1 flex-1 truncate" }, E = /* @__PURE__ */ k({
+  inheritAttrs: !1,
+  __name: "ScalarMenuWorkspacePicker",
+  props: /* @__PURE__ */ m({
+    workspaceOptions: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m(["createWorkspace"], ["update:modelValue"]),
+  setup(p, { emit: f }) {
+    const g = f, s = x(p, "modelValue");
+    return (i, t) => (n(), u(e(r).Sub, null, {
+      default: a(() => [
+        l($, _({
+          is: e(r).SubTrigger,
+          icon: e(C)
+        }, i.$attrs), {
+          default: a(() => [
+            t[2] || (t[2] = d("div", null, "Change workspace", -1)),
+            l(e(I), {
+              class: "ml-auto text-c-2 -mr-0.25 size-3",
+              weight: "bold"
+            })
+          ]),
+          _: 1
+        }, 16, ["is", "icon"]),
+        l(e(r).Portal, null, {
+          default: a(() => [
+            l(e(r).SubContent, {
+              as: e(B),
+              class: "max-h-radix-popper z-context-plus",
+              sideOffset: 3
+            }, {
+              default: a(() => [
+                l(e(r).RadioGroup, {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": t[0] || (t[0] = (o) => s.value = o),
+                  class: "contents"
+                }, {
+                  default: a(() => [
+                    (n(!0), S(V, null, b(i.workspaceOptions, (o) => (n(), u(e(r).RadioItem, {
+                      key: o.id,
+                      as: e(c),
+                      class: "group/item flex items-center",
+                      value: o.id
+                    }, {
+                      default: a(() => [
+                        d("div", z, v(o.label), 1),
+                        l(e(P), {
+                          class: "ml-auto",
+                          selected: o.id === s.value
+                        }, null, 8, ["selected"])
+                      ]),
+                      _: 2
+                    }, 1032, ["as", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                l(e(r).Item, {
+                  as: e(c),
+                  class: "flex items-center",
+                  onClick: t[1] || (t[1] = (o) => g("createWorkspace"))
+                }, {
+                  default: a(() => [
+                    l(e(M), {
+                      class: "bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3",
+                      weight: "bold"
+                    }),
+                    t[3] || (t[3] = w(" Create workspace ", -1))
+                  ]),
+                  _: 1
+                }, 8, ["as"])
+              ]),
+              _: 1
+            }, 8, ["as"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  E as default
+};

package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue2.js

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

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

@@ -0,0 +1,2 @@
+export declare const images: string[];
+//# sourceMappingURL=fixtures.d.ts.map

package/dist/components/ScalarMenu/fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/fixtures.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,UAIlB,CAAA"}

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

@@ -1,11 +1,13 @@
 export { default as ScalarMenu } from './ScalarMenu.vue.js';
 export { default as ScalarMenuButton } from './ScalarMenuButton.vue.js';
-export { default as ScalarMenuSection } from './ScalarMenuSection.vue.js';
 export { default as ScalarMenuLink } from './ScalarMenuLink.vue.js';
 export { default as ScalarMenuProduct } from './ScalarMenuProduct.vue.js';
 export { default as ScalarMenuProducts } from './ScalarMenuProducts.vue.js';
+export { default as ScalarMenuResources } from './ScalarMenuResources.vue.js';
+export { default as ScalarMenuSection } from './ScalarMenuSection.vue.js';
+export { default as ScalarMenuSupport } from './ScalarMenuSupport.vue.js';
 export { default as ScalarMenuTeamPicker } from './ScalarMenuTeamPicker.vue.js';
 export { default as ScalarMenuTeamProfile } from './ScalarMenuTeamProfile.vue.js';
-export { default as ScalarMenuResources } from './ScalarMenuResources.vue.js';
+export { default as ScalarMenuWorkspacePicker } from './ScalarMenuWorkspacePicker.vue.js';
 export type { ScalarMenuTeamOption } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/ScalarModal/ScalarModal.vue.d.ts

@@ -11,14 +11,18 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     maxWidth?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
     variant?: "form" | "search" | "error" | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<{
     state: ReturnType<typeof useModal>;
     title?: string;
     bodyClass?: string;
     maxWidth?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
     variant?: "form" | "search" | "error" | undefined;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;