@scalar/components 0.12.68 → 0.12.70

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as y, computed as s, openBlock as o, createElementBlock as n, unref as l, createElementVNode as a, createVNode as f, createCommentVNode as c } from "vue";
 import { syntaxHighlight as C, standardLanguages as b } from "@scalar/code-highlight";
+import { useClipboard as g } from "@scalar/use-hooks/useClipboard";
 import { prettyPrintJson as i } from "../../helpers/oas-utils.js";
-import { useClipboard as g } from "./useClipboard.js";
 import h from "../ScalarIcon/ScalarIcon.vue.js";
 const k = { class: "scalar-code-block custom-scroll min-h-12" }, N = {
   key: 0,

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

@@ -6,7 +6,6 @@ declare const meta: {
             multiple?: boolean;
             options: Option[];
             modelValue?: Option | Option[];
-            fullWidth?: boolean;
             id?: string;
             label?: string;
         } & Omit<import("../ScalarFloating").FloatingOptions, "targetRef" | "middleware" | "offset">> & Readonly<{
@@ -26,7 +25,6 @@ declare const meta: {
             multiple?: boolean;
             options: Option[];
             modelValue?: Option | Option[];
-            fullWidth?: boolean;
             id?: string;
             label?: string;
         } & Omit<import("../ScalarFloating").FloatingOptions, "targetRef" | "middleware" | "offset">> & Readonly<{
@@ -41,7 +39,6 @@ declare const meta: {
         multiple?: boolean;
         options: Option[];
         modelValue?: Option | Option[];
-        fullWidth?: boolean;
         id?: string;
         label?: string;
     } & Omit<import("../ScalarFloating").FloatingOptions, "targetRef" | "middleware" | "offset">> & Readonly<{

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAA"}
+{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAO4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAA"}

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

@@ -9,7 +9,6 @@ type __VLS_Props = {
     multiple?: boolean;
     options: Option[];
     modelValue?: Option | Option[];
-    fullWidth?: boolean;
     id?: string;
     label?: string;
 } & Omit<FloatingOptions, 'middleware' | 'offset' | 'targetRef'>;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AAgJA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIrC,KAAK,WAAW,GAAG;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAC;AAwCrE,iBAAS,cAAc;WA4KT,OAAO,IAA6B;;;;YARpB,GAAG;;;;EAahC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAnPJ,OAAO;6EA2PtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AA6IA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIrC,KAAK,WAAW,GAAG;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAC;AAwCrE,iBAAS,cAAc;WA2KT,OAAO,IAA6B;;;;YARpB,GAAG;;;;EAahC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAjPJ,OAAO;6EAyPtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,16 +1,15 @@
-import { defineComponent as v, openBlock as i, createBlock as u, unref as t, normalizeClass as n, withCtx as s, createTextVNode as x, toDisplayString as m, createCommentVNode as g, createVNode as d, createElementVNode as a, mergeProps as y, createElementBlock as h, Fragment as V, renderList as k, renderSlot as B } from "vue";
-import { Listbox as z, ListboxLabel as L, ListboxOptions as w, ListboxOption as O, ListboxButton as C } from "@headlessui/vue";
+import { defineComponent as x, openBlock as i, createBlock as d, unref as t, withCtx as s, createTextVNode as v, toDisplayString as m, createCommentVNode as g, createVNode as n, createElementVNode as a, mergeProps as y, createElementBlock as V, Fragment as h, renderList as k, normalizeClass as p, renderSlot as z } from "vue";
+import { Listbox as B, ListboxLabel as L, ListboxOptions as w, ListboxOption as O, ListboxButton as C } from "@headlessui/vue";
 import { cva as S, cx as N } from "../../cva.js";
 import $ from "../ScalarFloating/ScalarFloating.vue.js";
 import j from "../ScalarIcon/ScalarIcon.vue.js";
-const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
+const E = { class: "custom-scroll min-h-0 flex-1" }, U = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "ScalarListbox",
   props: {
     multiple: { type: Boolean, default: !1 },
     options: {},
     modelValue: {},
-    fullWidth: { type: Boolean },
     id: {},
     label: {},
     placement: {},
@@ -19,7 +18,7 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue"],
-  setup(W) {
+  setup(A) {
     const c = S({
       base: [
         // Layout
@@ -37,24 +36,22 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
         disabled: { true: "pointer-events-none opacity-50" }
       }
     });
-    return (e, o) => (i(), u(t(z), {
-      as: "div",
-      class: n([{ "w-full": e.fullWidth }, "text-sm"]),
+    return (e, o) => (i(), d(t(B), {
       modelValue: e.modelValue,
       multiple: e.multiple,
       "onUpdate:modelValue": o[0] || (o[0] = (r) => e.$emit("update:modelValue", r))
     }, {
       default: s(({ open: r }) => [
-        e.label ? (i(), u(t(L), {
+        e.label ? (i(), d(t(L), {
           key: 0,
           class: "sr-only"
         }, {
           default: s(() => [
-            x(m(e.label), 1)
+            v(m(e.label), 1)
           ]),
           _: 1
         })) : g("", !0),
-        d(t($), {
+        n(t($), {
           isOpen: r ?? e.isOpen,
           placement: e.placement ?? "bottom-start",
           resize: e.resize,
@@ -62,40 +59,40 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
         }, {
           floating: s(({ width: f }) => [
             a("div", y(e.$attrs, {
-              class: "relative flex max-h-[inherit] w-40 rounded border",
+              class: "relative flex max-h-[inherit] w-40 rounded border text-sm",
               style: { width: f }
             }), [
               a("div", E, [
-                d(t(w), { class: "flex flex-col p-0.75" }, {
+                n(t(w), { class: "flex flex-col p-0.75" }, {
                   default: s(() => [
-                    (i(!0), h(V, null, k(e.options, (l) => (i(), u(t(O), {
+                    (i(!0), V(h, null, k(e.options, (l) => (i(), d(t(O), {
                       key: l.id,
                       as: "template",
                       disabled: l.disabled,
                       value: l
                     }, {
-                      default: s(({ active: b, selected: p }) => [
+                      default: s(({ active: b, selected: u }) => [
                         a("li", {
-                          class: n(
+                          class: p(
                             t(N)(
-                              t(c)({ active: b, selected: p, disabled: l.disabled })
+                              t(c)({ active: b, selected: u, disabled: l.disabled })
                             )
                           )
                         }, [
                           a("div", {
-                            class: n([
+                            class: p([
                               "flex size-4 items-center justify-center rounded-full p-[3px]",
-                              p ? "bg-c-accent text-b-1" : "text-transparent group-hover/listbox:shadow-border"
+                              u ? "bg-c-accent text-b-1" : "text-transparent group-hover/listbox:shadow-border"
                             ])
                           }, [
-                            d(t(j), {
+                            n(t(j), {
                               class: "relative top-[0.5px] size-2.5",
                               icon: "Checkmark",
                               thickness: "2.5"
                             })
                           ], 2),
                           a("span", {
-                            class: n(["inline-block min-w-0 flex-1 truncate", l.color ? l.color : "text-c-1"])
+                            class: p(["inline-block min-w-0 flex-1 truncate", l.color ? l.color : "text-c-1"])
                           }, m(l.label), 3)
                         ], 2)
                       ]),
@@ -109,13 +106,13 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
             ], 16)
           ]),
           default: s(() => [
-            d(t(C), {
+            n(t(C), {
               id: e.id,
               as: "template",
               class: "justify-start focus:outline-none focus-visible:ring-1 focus-visible:ring-c-accent"
             }, {
               default: s(() => [
-                B(e.$slots, "default", { open: r })
+                z(e.$slots, "default", { open: r })
               ]),
               _: 2
             }, 1032, ["id"])
@@ -124,9 +121,9 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
         }, 1032, ["isOpen", "placement", "resize", "teleport"])
       ]),
       _: 3
-    }, 8, ["class", "modelValue", "multiple"]));
+    }, 8, ["modelValue", "multiple"]));
   }
 });
 export {
-  T as default
+  U as default
 };

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

@@ -1,20 +1,33 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: {
-        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, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            placement?: import("@floating-ui/vue").Placement | undefined;
+            teleport?: (boolean | string) | undefined;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<{
+            placement?: import("@floating-ui/vue").Placement | undefined;
+            teleport?: (boolean | string) | undefined;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & 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 () => {
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        placement?: import("@floating-ui/vue").Placement | undefined;
+        teleport?: (boolean | string) | undefined;
+    }> & 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: {
+            button?(_: {
+                open: any;
+            }): any;
             logo?(_: {}): any;
+            label?(_: {}): any;
             products?(_: {
                 close: () => any;
             }): any;
@@ -29,20 +42,33 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        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, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            placement?: import("@floating-ui/vue").Placement | undefined;
+            teleport?: (boolean | string) | undefined;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<{
+            placement?: import("@floating-ui/vue").Placement | undefined;
+            teleport?: (boolean | string) | undefined;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & 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 () => {
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        placement?: import("@floating-ui/vue").Placement | undefined;
+        teleport?: (boolean | string) | undefined;
+    }> & 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: {
+            button?(_: {
+                open: any;
+            }): any;
             logo?(_: {}): any;
+            label?(_: {}): any;
             products?(_: {
                 close: () => any;
             }): any;
@@ -56,20 +82,33 @@ declare const meta: {
     })>) => {
         components: {
             ScalarMenu: {
-                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, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    placement?: import("@floating-ui/vue").Placement | undefined;
+                    teleport?: (boolean | string) | undefined;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<{
+                    placement?: import("@floating-ui/vue").Placement | undefined;
+                    teleport?: (boolean | string) | undefined;
+                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & 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 () => {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                placement?: import("@floating-ui/vue").Placement | undefined;
+                teleport?: (boolean | string) | undefined;
+            }> & 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: {
+                    button?(_: {
+                        open: any;
+                    }): any;
                     logo?(_: {}): any;
+                    label?(_: {}): any;
                     products?(_: {
                         close: () => any;
                     }): any;
@@ -84,20 +123,33 @@ declare const meta: {
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                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, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    placement?: import("@floating-ui/vue").Placement | undefined;
+                    teleport?: (boolean | string) | undefined;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<{
+                    placement?: import("@floating-ui/vue").Placement | undefined;
+                    teleport?: (boolean | string) | undefined;
+                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & 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 () => {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                placement?: import("@floating-ui/vue").Placement | undefined;
+                teleport?: (boolean | string) | undefined;
+            }> & 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: {
+                    button?(_: {
+                        open: any;
+                    }): any;
                     logo?(_: {}): any;
+                    label?(_: {}): any;
                     products?(_: {
                         close: () => any;
                     }): any;
@@ -116,4 +168,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Base: Story;
+export declare const TeamPicker: 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;AAIrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAayB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,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;AAarD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWyB,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,YAAY,EAAE,KAqB1B,CAAA"}

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

@@ -1,7 +1,13 @@
+import { type FloatingOptions } from '../../index.js';
+type __VLS_Props = Pick<FloatingOptions, 'placement' | 'teleport'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        button?(_: {
+            open: any;
+        }): any;
         logo?(_: {}): any;
+        label?(_: {}): any;
         products?(_: {
             close: () => any;
         }): any;
@@ -16,7 +22,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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":"AAyDA,iBAAS,cAAc;WA+GT,OAAO,IAA6B;;sBAXxB,GAAG;;;YACE,GAAG;;;YACJ,GAAG;;;YACF,GAAG;;;;EAajC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,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":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AAqDA,OAAO,EAAE,KAAK,eAAe,EAAiB,MAAM,QAAQ,CAAA;AAO5D,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AAQnE,iBAAS,cAAc;WA2GT,OAAO,IAA6B;;;;YAbtB,GAAG;sBACJ,GAAG;uBACF,GAAG;;;YACA,GAAG;;;YACJ,GAAG;;;YACF,GAAG;;;;EAajC;AAYD,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/ScalarMenu.vue.js

@@ -1,44 +1,51 @@
-import { defineComponent as a, openBlock as l, createBlock as i, unref as r, withCtx as c, createElementVNode as n, renderSlot as e, createVNode as s } from "vue";
-/* empty css                          */
-import m from "./ScalarMenuProducts.vue.js";
-import f from "./ScalarMenuResources.vue.js";
-import u from "../ScalarPopover/ScalarPopover.vue.js";
-import p from "../ScalarIcon/ScalarIcon.vue.js";
-const _ = {
-  class: "group/button -m-1 flex items-center gap-1 rounded bg-transparent px-2.5 py-2 hover:bg-b-2",
-  type: "button"
-}, d = { class: "size-5" }, h = { class: "custom-scroll flex max-h-[calc(100svh-60px)] w-[420px] max-w-[calc(100svw-24px)] flex-col gap-5 px-4 py-4" }, y = /* @__PURE__ */ a({
+import { defineComponent as s, openBlock as a, createBlock as m, unref as n, withCtx as l, renderSlot as t, createVNode as r, createSlots as p, createCommentVNode as i, createElementVNode as f } from "vue";
+import c from "./ScalarMenuButton.vue.js";
+import d from "./ScalarMenuProducts.vue.js";
+import u from "./ScalarMenuResources.vue.js";
+import $ from "../ScalarPopover/ScalarPopover.vue.js";
+const _ = { class: "custom-scroll flex flex-col gap-3 p-3 sm:gap-5 sm:p-4" }, y = /* @__PURE__ */ s({
   __name: "ScalarMenu",
-  setup(x) {
-    return (t, v) => (l(), i(r(u), { placement: "bottom-start" }, {
-      default: c(({ open: o }) => [
-        n("button", _, [
-          n("div", d, [
-            e(t.$slots, "logo", {}, () => [
-              s(r(p), { icon: "Logo" })
-            ])
-          ]),
-          s(r(p), {
-            class: "text-c-3 group-hover/button:text-c-1",
-            icon: o ? "ChevronUp" : "ChevronDown",
-            size: "sm",
-            thickness: "2.5"
-          }, null, 8, ["icon"])
+  props: {
+    placement: {},
+    teleport: { type: [Boolean, String] }
+  },
+  setup(h) {
+    return (e, b) => (a(), m(n($), {
+      class: "max-h-[inherit] w-[420px] max-w-[inherit]",
+      placement: e.placement ?? "bottom-start",
+      teleport: e.teleport
+    }, {
+      default: l(({ open: o }) => [
+        t(e.$slots, "button", { open: o }, () => [
+          r(c, { open: o }, p({
+            default: l(() => [
+              e.$slots.logo ? t(e.$slots, "logo", { key: 0 }) : i("", !0)
+            ]),
+            _: 2
+          }, [
+            e.$slots.label ? {
+              name: "label",
+              fn: l(() => [
+                t(e.$slots, "label")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["open"])
         ])
       ]),
-      popover: c(({ close: o }) => [
-        n("div", h, [
-          e(t.$slots, "products", { close: o }, () => [
-            s(m)
+      popover: l(({ close: o }) => [
+        f("div", _, [
+          t(e.$slots, "products", { close: o }, () => [
+            r(d)
           ]),
-          e(t.$slots, "profile", { close: o }),
-          e(t.$slots, "sections", { close: o }, () => [
-            s(f)
+          t(e.$slots, "profile", { close: o }),
+          t(e.$slots, "sections", { close: o }, () => [
+            r(u)
           ])
         ])
       ]),
       _: 3
-    }));
+    }, 8, ["placement", "teleport"]));
   }
 });
 export {

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    open?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        label?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarMenuButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"AA8BA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAQF,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBATrB,GAAG;uBACL,GAAG;;;;EAa7B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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

@@ -0,0 +1,34 @@
+import { defineComponent as a, openBlock as p, createElementBlock as c, createElementVNode as o, renderSlot as t, createVNode as n, unref as s, createTextVNode as l, toDisplayString as u } from "vue";
+import r from "../ScalarIcon/ScalarIcon.vue.js";
+const i = {
+  class: "group/button -m-1 flex items-center gap-1 rounded bg-transparent px-2.5 py-2 hover:bg-b-2",
+  type: "button"
+}, d = { class: "size-5" }, m = { class: "sr-only" }, g = /* @__PURE__ */ a({
+  __name: "ScalarMenuButton",
+  props: {
+    open: { type: Boolean }
+  },
+  setup(_) {
+    return (e, h) => (p(), c("button", i, [
+      o("div", d, [
+        t(e.$slots, "default", {}, () => [
+          n(s(r), { icon: "Logo" })
+        ])
+      ]),
+      o("span", m, [
+        t(e.$slots, "label", {}, () => [
+          l(u(e.open ? "Close Menu" : "Open Menu"), 1)
+        ])
+      ]),
+      n(s(r), {
+        class: "text-c-3 group-hover/button:text-c-1",
+        icon: e.open ? "ChevronUp" : "ChevronDown",
+        size: "sm",
+        thickness: "2.5"
+      }, null, 8, ["icon"])
+    ]));
+  }
+});
+export {
+  g as default
+};

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

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

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":"AA0BA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,QAAQ,CAAA;AAI9C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAQF,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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":"AA0BA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,QAAQ,CAAA;AAI9C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAQF,iBAAS,cAAc;WA6DT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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,31 +1,30 @@
-import { defineComponent as o, openBlock as n, createElementBlock as r, normalizeClass as t, createVNode as s, unref as l, createElementVNode as a, renderSlot as c } from "vue";
-/* empty css                          */
+import { defineComponent as o, openBlock as n, createElementBlock as r, normalizeClass as t, createVNode as l, unref as s, createElementVNode as c, renderSlot as a } from "vue";
 import i from "../ScalarIcon/ScalarIcon.vue.js";
-const d = { class: "font-bold" }, _ = /* @__PURE__ */ o({
+const d = { class: "font-bold" }, b = /* @__PURE__ */ o({
   __name: "ScalarMenuProduct",
   props: {
     selected: { type: Boolean },
     icon: {}
   },
   setup(p) {
-    return (e, u) => (n(), r("a", {
+    return (e, f) => (n(), r("a", {
       class: t([
-        "relative flex flex-1 items-center justify-center gap-1 rounded border p-3 leading no-underline",
+        "relative flex min-w-0 flex-1 flex-col items-center justify-center gap-1 overflow-hidden rounded border p-3 leading no-underline xs:flex-row",
         e.selected ? "pointer-events-none border-c-1 bg-b-2" : "cursor-pointer bg-b-1 hover:bg-b-2"
       ]),
       target: "_blank"
     }, [
-      s(l(i), {
+      l(s(i), {
         icon: e.icon,
         size: "xs",
         thickness: "2.5"
       }, null, 8, ["icon"]),
-      a("span", d, [
-        c(e.$slots, "default")
+      c("span", d, [
+        a(e.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  _ as default
+  b as default
 };

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

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

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

@@ -1,6 +1,6 @@
 import { defineComponent as f, openBlock as p, createElementBlock as m, createVNode as t, withCtx as r, createTextVNode as d } from "vue";
 import l from "./ScalarMenuProduct.vue.js";
-const c = { class: "flex gap-3" }, C = /* @__PURE__ */ f({
+const c = { class: "flex gap-2 sm:gap-3" }, C = /* @__PURE__ */ f({
   __name: "ScalarMenuProducts",
   props: {
     selected: {},

package/dist/components/ScalarMenu/{ScalarMenuProfile.vue.d.ts → ScalarMenuTeamPicker.vue.d.ts}

@@ -9,4 +9,4 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     "onUpdate:team"?: ((value: ScalarListboxOption | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=ScalarMenuProfile.vue.d.ts.map
+//# sourceMappingURL=ScalarMenuTeamPicker.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AAgDA,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAA;AAId,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAA;IACtC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAC7B,CAAC;;;;;;AAuGF,wBAQG"}