@scalar/components 0.13.12 → 0.13.13

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

@@ -1,18 +1,18 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & 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 () => {
+    } & import("vue").ComponentOptionsBase<Readonly<{}> & 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: Readonly<{
             button?: (p: import("./types").ScalarMenuButtonProps) => any;
             products?: (p: import("./types").ScalarMenuSlotProps) => any;
@@ -39,18 +39,18 @@ declare const meta: {
         };
     };
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & 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 () => {
+    } & import("vue").ComponentOptionsBase<Readonly<{}> & 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: Readonly<{
             button?: (p: import("./types").ScalarMenuButtonProps) => any;
             products?: (p: import("./types").ScalarMenuSlotProps) => any;
@@ -65,18 +65,18 @@ declare const meta: {
     })>) => {
         components: {
             ScalarMenu: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & 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 () => {
+            } & import("vue").ComponentOptionsBase<Readonly<{}> & 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: Readonly<{
                     button?: (p: import("./types").ScalarMenuButtonProps) => any;
                     products?: (p: import("./types").ScalarMenuSlotProps) => any;
@@ -92,18 +92,18 @@ declare const meta: {
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("../ScalarFloating").ScalarFloatingOptions> & 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 () => {
+            } & import("vue").ComponentOptionsBase<Readonly<{}> & 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: Readonly<{
                     button?: (p: import("./types").ScalarMenuButtonProps) => any;
                     products?: (p: import("./types").ScalarMenuSlotProps) => any;
@@ -125,6 +125,5 @@ type Story = StoryObj<typeof meta>;
 export declare const Base: Story;
 export declare const TeamPicker: Story;
 export declare const CustomLogo: Story;
-export declare const CustomLogoAndTitle: Story;
 export declare const CustomButton: Story;
 //# sourceMappingURL=ScalarMenu.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAarD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA6BhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAA"}
+{"version":3,"file":"ScalarMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAcrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAA"}

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

@@ -1,4 +1,3 @@
-import type { ScalarFloatingOptions } from '../ScalarFloating';
 import type { ScalarMenuButtonProps, ScalarMenuButtonSlots, ScalarMenuSlotProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -25,7 +24,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<ScalarFloatingOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAK9D,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAyBhB,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;QA9H9C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;QAP1C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;;;EA4H7C;AAYD,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":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAgChB,iBAAS,cAAc;WA8FT,OAAO,IAA6B;;QAxH9C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;QAP1C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;;;EAsH7C;AAcD,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/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"}