@scalar/components 0.13.12 → 0.13.14

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

@@ -1,67 +1,70 @@
-import { defineComponent as r, openBlock as a, createBlock as n, unref as m, mergeProps as p, withCtx as l, renderSlot as o, createVNode as t, createSlots as i, createElementVNode as f } from "vue";
-import c from "./ScalarMenuButton.vue.js";
-import $ from "./ScalarMenuProducts.vue.js";
-import d from "./ScalarMenuResources.vue.js";
-import u from "../ScalarPopover/ScalarPopover.vue.js";
-const b = { class: "custom-scroll flex flex-col gap-3 p-2.25" }, B = /* @__PURE__ */ r({
+import { defineComponent as i, ref as m, openBlock as u, createBlock as d, unref as n, withCtx as t, createVNode as l, renderSlot as e, createSlots as $, mergeProps as c } from "vue";
+import { DropdownMenu as r } from "radix-vue/namespaced";
+import _ from "./ScalarMenuButton.vue.js";
+import g from "./ScalarMenuProducts.vue.js";
+import v from "./ScalarMenuResources.vue.js";
+import b from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
+const M = /* @__PURE__ */ i({
+  inheritAttrs: !1,
   __name: "ScalarMenu",
-  props: {
-    placement: {},
-    resize: { type: Boolean },
-    target: {},
-    middleware: {},
-    teleport: { type: [Boolean, String] }
-  },
-  setup(_) {
-    return (e, g) => (a(), n(m(u), p(e.$props, {
-      class: "max-h-[inherit] w-[280px] max-w-[inherit]",
-      placement: e.placement ?? "bottom-start"
-    }), {
-      default: l(({ open: s }) => [
-        o(e.$slots, "button", { open: s }, () => [
-          t(c, {
-            class: "min-w-0",
-            open: s
-          }, i({ _: 2 }, [
-            e.$slots.logo ? {
-              name: "logo",
-              fn: l(() => [
-                o(e.$slots, "logo")
-              ]),
-              key: "0"
-            } : void 0,
-            e.$slots.label ? {
-              name: "label",
-              fn: l(() => [
-                o(e.$slots, "label")
-              ]),
-              key: "1"
-            } : void 0,
-            e.$slots["sr-label"] ? {
-              name: "sr-label",
-              fn: l(() => [
-                o(e.$slots, "sr-label")
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1032, ["open"])
-        ])
-      ]),
-      popover: l(({ close: s }) => [
-        f("div", b, [
-          o(e.$slots, "products", { close: s }, () => [
-            t($)
+  setup(k) {
+    const s = m(!1);
+    function a() {
+      s.value = !1;
+    }
+    return (o, f) => (u(), d(n(r).Root, {
+      open: s.value,
+      "onUpdate:open": f[0] || (f[0] = (p) => s.value = p)
+    }, {
+      default: t(() => [
+        l(n(r).Trigger, { asChild: "" }, {
+          default: t(() => [
+            e(o.$slots, "button", { open: s.value }, () => [
+              l(_, {
+                class: "min-w-0",
+                open: s.value
+              }, $({ _: 2 }, [
+                o.$slots.logo ? {
+                  name: "logo",
+                  fn: t(() => [
+                    e(o.$slots, "logo")
+                  ]),
+                  key: "0"
+                } : void 0,
+                o.$slots.label ? {
+                  name: "label",
+                  fn: t(() => [
+                    e(o.$slots, "label")
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["open"])
+            ])
+          ]),
+          _: 3
+        }),
+        l(n(r).Content, c({
+          align: "start",
+          as: n(b),
+          class: "max-h-radix-popper",
+          sideOffset: 5
+        }, o.$attrs), {
+          default: t(() => [
+            e(o.$slots, "products", { close: a }, () => [
+              l(g)
+            ]),
+            e(o.$slots, "profile", { close: a }),
+            e(o.$slots, "sections", { close: a }, () => [
+              l(v)
+            ])
           ]),
-          o(e.$slots, "profile", { close: s }),
-          o(e.$slots, "sections", { close: s }, () => [
-            t(d)
-          ])
-        ])
+          _: 3
+        }, 16, ["as"])
       ]),
       _: 3
-    }, 16, ["placement"]));
+    }, 8, ["open"]));
   }
 });
 export {
-  B as default
+  M as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,+BAA+B,CAAA;AAiBtC,iBAAS,cAAc;WAwET,OAAO,IAA6B;;;;EAKjD;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sTAOnB,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":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,+BAA+B,CAAA;AAiBtC,iBAAS,cAAc;WAiET,OAAO,IAA6B;;;;EAKjD;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sTAOnB,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/ScalarMenuButton.vue.js

@@ -1,33 +1,27 @@
-import { defineComponent as a, openBlock as n, createBlock as c, unref as o, withCtx as p, createElementVNode as s, renderSlot as t, createVNode as r, createElementBlock as i, createCommentVNode as m, createTextVNode as u, toDisplayString as d } from "vue";
-import _ from "../ScalarHeader/ScalarHeaderButton.vue.js";
-import l from "../ScalarIcon/ScalarIcon.vue.js";
-const h = { class: "h-5 w-auto" }, f = {
-  key: 0,
-  class: "ml-0.75 truncate"
-}, C = { class: "sr-only" }, b = /* @__PURE__ */ a({
+import { defineComponent as a, openBlock as l, createBlock as c, unref as e, withCtx as p, createElementVNode as n, renderSlot as t, createVNode as r, createTextVNode as i, toDisplayString as u } from "vue";
+import m from "../ScalarHeader/ScalarHeaderButton.vue.js";
+import s from "../ScalarIcon/ScalarIcon.vue.js";
+const d = { class: "h-5 w-auto" }, _ = { class: "sr-only" }, B = /* @__PURE__ */ a({
   __name: "ScalarMenuButton",
   props: {
     open: { type: Boolean }
   },
-  setup(g) {
-    return (e, k) => (n(), c(o(_), { class: "gap-0.5 px-2" }, {
+  setup(f) {
+    return (o, h) => (l(), c(e(m), { class: "gap-0.5 px-2" }, {
       default: p(() => [
-        s("div", h, [
-          t(e.$slots, "logo", {}, () => [
-            r(o(l), { icon: "Logo" })
+        n("div", d, [
+          t(o.$slots, "logo", {}, () => [
+            r(e(s), { icon: "Logo" })
           ])
         ]),
-        e.$slots.label ? (n(), i("div", f, [
-          t(e.$slots, "label")
-        ])) : m("", !0),
-        s("span", C, [
-          t(e.$slots, "sr-label", {}, () => [
-            u(d(e.open ? "Close Menu" : "Open Menu"), 1)
+        n("span", _, [
+          t(o.$slots, "label", {}, () => [
+            i(u(o.open ? "Close Menu" : "Open Menu"), 1)
           ])
         ]),
-        r(o(l), {
+        r(e(s), {
           class: "shrink-0 text-c-3 group-hover/button:text-c-1",
-          icon: e.open ? "ChevronUp" : "ChevronDown",
+          icon: o.open ? "ChevronUp" : "ChevronDown",
           size: "md"
         }, null, 8, ["icon"])
       ]),
@@ -36,5 +30,5 @@ const h = { class: "h-5 w-auto" }, f = {
   }
 });
 export {
-  b as default
+  B as default
 };

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

@@ -1,6 +1,9 @@
 import type { Component } from 'vue';
+import { type Icon } from '../ScalarIcon';
 type __VLS_Props = {
     is?: string | Component;
+    icon?: Icon;
+    strong?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAMpC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxB,CAAC;AAWF,iBAAS,cAAc;WA+CT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,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":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AASF,iBAAS,cAAc;WA0DT,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,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/ScalarMenuLink.vue.js

@@ -1,28 +1,40 @@
-import { defineComponent as o, openBlock as n, createBlock as r, resolveDynamicComponent as i, mergeProps as s, unref as p, withCtx as u, renderSlot as a } from "vue";
-import { useBindCx as l } from "../../hooks/useBindCx.js";
-const x = /* @__PURE__ */ o({
-  inheritAttrs: !1,
+import { defineComponent as r, openBlock as o, createBlock as n, unref as s, withCtx as a, normalizeClass as t, createElementBlock as i, createElementVNode as l, renderSlot as c } from "vue";
+import { DropdownMenu as m } from "radix-vue/namespaced";
+import f from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import p from "../ScalarIcon/ScalarIcon.vue.js";
+const d = {
+  key: 1,
+  class: "size-3"
+}, _ = /* @__PURE__ */ r({
   __name: "ScalarMenuLink",
   props: {
-    is: {}
+    is: { default: () => m.Item },
+    icon: {},
+    strong: { type: Boolean }
   },
-  setup(c) {
-    const { cx: t } = l();
-    return (e, d) => (n(), r(i(e.is ?? "a"), s(
-      {
-        type: e.is === "button" ? "button" : void 0
-      },
-      p(t)(
-        "relative flex cursor-pointer rounded px-2.5 py-1 font-medium leading text-c-2 no-underline hover:bg-b-2 focus:text-c-1"
-      )
-    ), {
-      default: u(() => [
-        a(e.$slots, "default")
+  setup(u) {
+    return (e, k) => (o(), n(s(f), {
+      is: e.is,
+      as: "a"
+    }, {
+      default: a(() => [
+        e.icon ? (o(), n(s(p), {
+          key: 0,
+          class: t(e.strong ? "text-c-1" : "text-c-2"),
+          icon: e.icon,
+          size: "xs",
+          thickness: e.strong ? "2.5" : "2"
+        }, null, 8, ["class", "icon", "thickness"])) : (o(), i("div", d)),
+        l("div", {
+          class: t(["flex items-center flex-1", e.strong ? "font-medium" : "font-normal"])
+        }, [
+          c(e.$slots, "default")
+        ], 2)
       ]),
       _: 3
-    }, 16, ["type"]));
+    }, 8, ["is"]));
   }
 });
 export {
-  x as default
+  _ as default
 };

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

@@ -1,5 +1,7 @@
-import { type Icon } from '../../index.js';
+import type { Component } from 'vue';
+import type { Icon } from '../../index.js';
 type __VLS_Props = {
+    is?: string | Component;
     selected?: boolean;
     icon: Icon;
 };

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":"AAoCA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,QAAQ,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAqBF,iBAAS,cAAc;WA0CT,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":"AAuCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAOlC,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"}

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

@@ -1,17 +1,18 @@
-import { defineComponent as t, openBlock as s, createElementBlock as a, mergeProps as c, unref as o, createVNode as l, createElementVNode as i, renderSlot as d } from "vue";
+import { defineComponent as n, openBlock as s, createBlock as a, unref as r, mergeProps as i, withCtx as c, renderSlot as l } from "vue";
 import { cva as p } from "../../cva.js";
-import { useBindCx as m } from "../../hooks/useBindCx.js";
-import f from "../ScalarIcon/ScalarIcon.vue.js";
-const u = { class: "font-medium" }, x = /* @__PURE__ */ t({
+import { useBindCx as d } from "../../hooks/useBindCx.js";
+import f from "./ScalarMenuLink.vue.js";
+const h = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "ScalarMenuProduct",
   props: {
+    is: { default: "a" },
     selected: { type: Boolean },
     icon: {}
   },
-  setup(b) {
-    const { cx: r } = m(), n = p({
-      base: "relative flex min-w-0 flex-1 items-center gap-2 overflow-hidden rounded px-2 py-1.5 leading no-underline flex-row",
+  setup(m) {
+    const { cx: o } = d(), t = p({
+      base: "gap-1.5",
       variants: {
         selected: {
           true: "pointer-events-none bg-b-2 dark:bg-b-3",
@@ -19,18 +20,19 @@ const u = { class: "font-medium" }, x = /* @__PURE__ */ t({
         }
       }
     });
-    return (e, g) => (s(), a("a", c({ target: "_blank" }, o(r)(o(n)({ selected: e.selected }))), [
-      l(o(f), {
-        icon: e.icon,
-        size: "xs",
-        thickness: "2.5"
-      }, null, 8, ["icon"]),
-      i("span", u, [
-        d(e.$slots, "default")
-      ])
-    ], 16));
+    return (e, u) => (s(), a(r(f), i({
+      is: e.is,
+      icon: e.icon,
+      strong: "",
+      target: "_blank"
+    }, r(o)(r(t)({ selected: e.selected }))), {
+      default: c(() => [
+        l(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["is", "icon"]));
   }
 });
 export {
-  x as default
+  h 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":";AA+GA,wBAMG"}
+{"version":3,"file":"ScalarMenuResources.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"names":[],"mappings":";AAsHA,wBAMG"}

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

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

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

@@ -1,7 +1,6 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        title?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"names":[],"mappings":"AA8BA,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;uBATvB,GAAG;yBACD,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarMenuSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"names":[],"mappings":"AAsBA,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,20 +1,15 @@
-import { defineComponent as s, openBlock as l, createElementBlock as r, normalizeProps as c, guardReactiveProps as a, unref as i, createElementVNode as t, renderSlot as o } from "vue";
-import { useBindCx as d } from "../../hooks/useBindCx.js";
-const f = { class: "px-2.5 font-medium leading text-c-3" }, m = { class: "flex flex-col" }, h = /* @__PURE__ */ s({
+import { defineComponent as r, openBlock as t, createElementBlock as n, Fragment as o, createVNode as a, unref as l, renderSlot as c } from "vue";
+import i from "../ScalarDropdown/ScalarDropdownDivider.vue.js";
+const u = /* @__PURE__ */ r({
   inheritAttrs: !1,
   __name: "ScalarMenuSection",
-  setup(p) {
-    const { cx: n } = d();
-    return (e, u) => (l(), r("div", c(a(i(n)("flex flex-col gap-1.5"))), [
-      t("div", f, [
-        o(e.$slots, "title")
-      ]),
-      t("div", m, [
-        o(e.$slots, "default")
-      ])
-    ], 16));
+  setup(m) {
+    return (e, p) => (t(), n(o, null, [
+      a(l(i)),
+      c(e.$slots, "default")
+    ], 64));
   }
 });
 export {
-  h as default
+  u as default
 };

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

@@ -1,12 +1,16 @@
-import { type ScalarListboxOption } from '../../index.js';
+import { type ScalarMenuTeamOption } from '.';
 type __VLS_Props = {
-    team?: ScalarListboxOption | undefined;
-    teams: ScalarListboxOption[];
+    /** The currently selected team */
+    team?: ScalarMenuTeamOption | undefined;
+    /** The list of teams to choose from */
+    teams: ScalarMenuTeamOption[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:team": (value: ScalarListboxOption | undefined) => any;
+    add: () => any;
+    "update:team": (value: ScalarMenuTeamOption | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:team"?: ((value: ScalarListboxOption | undefined) => any) | undefined;
+    onAdd?: (() => any) | undefined;
+    "onUpdate:team"?: ((value: ScalarMenuTeamOption | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarMenuTeamPicker.vue.d.ts.map

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":"AAmDA,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAA;AAKd,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAA;IACtC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAC7B,CAAC;;;;;;AA0GF,wBAOG"}
+{"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;;;;;;;;AAwLF,wBAOG"}

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

@@ -1,53 +1,107 @@
-import { defineComponent as d, computed as u, openBlock as f, createElementBlock as x, normalizeProps as _, guardReactiveProps as v, unref as o, createVNode as a, withCtx as s, createElementVNode as h, toDisplayString as V } from "vue";
-import { useBindCx as g } from "../../hooks/useBindCx.js";
-import C from "../ScalarListbox/ScalarListbox.vue.js";
-import b from "../ScalarButton/ScalarButton.vue.js";
-import k from "../ScalarIcon/ScalarIcon.vue.js";
-const w = { class: "truncate" }, D = /* @__PURE__ */ d({
+import { defineComponent as g, computed as b, openBlock as n, createBlock as u, unref as e, withCtx as o, createVNode as a, mergeProps as v, createElementVNode as k, createElementBlock as x, Fragment as C, renderList as S, createTextVNode as w } from "vue";
+import { DropdownMenu as m } from "radix-vue/namespaced";
+import V from "./ScalarMenuTeamProfile.vue.js";
+import $ from "./ScalarMenuLink.vue.js";
+import B from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
+import p from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import I from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+import f from "../ScalarIcon/ScalarIcon.vue.js";
+const M = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "ScalarMenuTeamPicker",
   props: {
     team: {},
     teams: {}
   },
-  emits: ["update:team"],
-  setup(r, { emit: l }) {
-    const i = r, p = l, n = u({
-      get: () => i.team,
-      set: (e) => p("update:team", e)
-    }), { cx: c } = g();
-    return (e, m) => (f(), x("div", _(v(o(c)("flex flex-col pb-px"))), [
-      a(o(C), {
-        modelValue: n.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (t) => n.value = t),
-        options: e.teams,
-        placement: "bottom-end",
-        resize: ""
-      }, {
-        default: s(() => [
-          a(o(b), {
-            class: "h-auto px-2.5 py-1 text-xs leading shadow-none",
-            variant: "outlined"
-          }, {
-            default: s(() => {
-              var t;
-              return [
-                h("div", w, V((t = e.team) == null ? void 0 : t.label), 1),
-                a(o(k), {
-                  class: "ml-auto text-c-2",
-                  icon: "ChevronDown",
-                  size: "sm"
-                })
-              ];
-            }),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "options"])
-    ], 16));
+  emits: ["update:team", "add"],
+  setup(c, { emit: _ }) {
+    const i = c, d = _, s = b({
+      get: () => {
+        var r;
+        return (r = i.team) == null ? void 0 : r.id;
+      },
+      set: (r) => d(
+        "update:team",
+        i.teams.find((t) => t.id === r)
+      )
+    });
+    return (r, t) => (n(), u(e(m).Sub, null, {
+      default: o(() => [
+        a(e($), v({
+          is: e(m).SubTrigger,
+          icon: "UserSwitch"
+        }, r.$attrs), {
+          default: o(() => [
+            t[2] || (t[2] = k("div", null, "Change team", -1)),
+            a(e(f), {
+              class: "ml-auto text-c-2 -mr-0.25",
+              icon: "ChevronRight",
+              size: "sm"
+            })
+          ]),
+          _: 1
+        }, 16, ["is"]),
+        a(e(m).Portal, null, {
+          default: o(() => [
+            a(e(m).SubContent, {
+              as: e(B),
+              class: "max-h-radix-popper",
+              sideOffset: 3
+            }, {
+              default: o(() => [
+                a(e(m).RadioGroup, {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
+                  as: "template"
+                }, {
+                  default: o(() => [
+                    (n(!0), x(C, null, S(r.teams, (l) => (n(), u(e(m).RadioItem, {
+                      key: l.id,
+                      as: e(p),
+                      class: "group/item",
+                      value: l.id
+                    }, {
+                      default: o(() => [
+                        a(V, {
+                          class: "-ml-0.75 flex-1 min-w-0",
+                          label: l.label,
+                          src: l.src
+                        }, null, 8, ["label", "src"]),
+                        a(e(I), {
+                          class: "ml-auto",
+                          selected: l.id === s.value
+                        }, null, 8, ["selected"])
+                      ]),
+                      _: 2
+                    }, 1032, ["as", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                a(e(m).Item, {
+                  as: e(p),
+                  onClick: t[1] || (t[1] = (l) => d("add"))
+                }, {
+                  default: o(() => [
+                    a(e(f), {
+                      class: "bg-b-3 -ml-0.75 rounded p-0.75 size-5 text-c-3",
+                      icon: "Add",
+                      thickness: "1.75"
+                    }),
+                    t[3] || (t[3] = w(" Create new team "))
+                  ]),
+                  _: 1
+                }, 8, ["as"])
+              ]),
+              _: 1
+            }, 8, ["as"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  D as default
+  M as default
 };