@scalar/components 0.12.76 → 0.13.0

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

@@ -0,0 +1,53 @@
+import { defineComponent as l, openBlock as s, createBlock as p, unref as t, withCtx as c, createElementVNode as a, normalizeClass as n, createVNode as m, normalizeStyle as d, toDisplayString as b } from "vue";
+import { ListboxOption as u } from "@headlessui/vue";
+import { cva as f, cx as y } from "../../cva.js";
+import v from "./ScalarListboxCheckbox.vue.js";
+const C = /* @__PURE__ */ l({
+  __name: "ScalarListboxItem",
+  props: {
+    option: {},
+    style: {}
+  },
+  setup(g) {
+    const r = f({
+      base: [
+        // Layout
+        "group/item",
+        "flex min-w-0 items-center gap-1.5 rounded px-2 py-1.5 text-left",
+        "first-of-type:mt-0.75 last-of-type:mb-0.75",
+        // Text / background style
+        "truncate bg-transparent text-c-1",
+        // Interaction
+        "cursor-pointer hover:bg-b-2"
+      ],
+      variants: {
+        selected: { true: "text-c-1" },
+        active: { true: "bg-b-2" },
+        disabled: { true: "pointer-events-none opacity-50" }
+      }
+    });
+    return (e, x) => (s(), p(t(u), {
+      as: "template",
+      disabled: e.option.disabled,
+      value: e.option
+    }, {
+      default: c(({ active: i, selected: o }) => [
+        a("li", {
+          class: n(t(y)(t(r)({ active: i, selected: o, disabled: e.option.disabled })))
+        }, [
+          m(v, {
+            selected: o,
+            style: d(e.style)
+          }, null, 8, ["selected", "style"]),
+          a("span", {
+            class: n(["inline-block min-w-0 flex-1 truncate", e.option.color ? e.option.color : "text-c-1"])
+          }, b(e.option.label), 3)
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["disabled", "value"]));
+  }
+});
+export {
+  C as default
+};

package/dist/components/ScalarListbox/ScalarListboxItem.vue2.js

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

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

@@ -1,3 +1,5 @@
 export { default as ScalarListbox } from './ScalarListbox.vue.js';
-export type { Option as ScalarListboxOption } from './types';
+export { default as ScalarListboxItem } from './ScalarListboxItem.vue.js';
+export { default as ScalarListboxCheckbox } from './ScalarListboxCheckbox.vue.js';
+export type { Option as ScalarListboxOption, OptionStyle as ScalarListboxOptionStyle, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAE9D,YAAY,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE9E,YAAY,EACV,MAAM,IAAI,mBAAmB,EAC7B,WAAW,IAAI,wBAAwB,GACxC,MAAM,SAAS,CAAA"}

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

@@ -4,4 +4,5 @@ export type Option = {
     disabled?: boolean;
     [x: string]: any;
 };
+export type OptionStyle = 'radio' | 'checkbox';
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,CAAA"}

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

@@ -4,15 +4,29 @@ import type { StoryObj } from '@storybook/vue3';
  */
 declare const meta: {
     component: import("vue").DefineComponent<{
-        loadingState: import("./ScalarLoading.vue.js").LoadingState;
+        loadingState?: import("./ScalarLoading.vue.js").LoadingState;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        loadingState: import("./ScalarLoading.vue.js").LoadingState;
+        loadingState?: import("./ScalarLoading.vue.js").LoadingState;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
-    argTypes: {};
-    render: () => {
+    argTypes: {
+        class: {
+            control: "text";
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+        loadingState?: import("./ScalarLoading.vue.js").LoadingState;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        loadingState?: import("./ScalarLoading.vue.js").LoadingState;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
         components: {
             ScalarButton: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -70,14 +84,21 @@ declare const meta: {
                 };
             });
             ScalarLoading: import("vue").DefineComponent<{
-                loadingState: import("./ScalarLoading.vue.js").LoadingState;
+                loadingState?: import("./ScalarLoading.vue.js").LoadingState;
                 size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-                loadingState: import("./ScalarLoading.vue.js").LoadingState;
+                loadingState?: import("./ScalarLoading.vue.js").LoadingState;
                 size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         };
         setup(this: void): {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+                loadingState?: import("./ScalarLoading.vue.js").LoadingState;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+                loadingState?: import("./ScalarLoading.vue.js").LoadingState;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+            }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
             loadingState: {
                 isValid: boolean;
                 isInvalid: boolean;
@@ -95,4 +116,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Base: Story;
+export declare const CustomClasses: Story;
 //# sourceMappingURL=ScalarLoading.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarLoading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAiB,CAAA"}
+{"version":3,"file":"ScalarLoading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAgC,CAAA;AAEnD,eAAO,MAAM,aAAa,EAAE,KAA8C,CAAA"}

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

@@ -15,10 +15,10 @@ export declare function useLoadingState(): {
     clear: (time?: number) => Promise<unknown>;
 };
 declare const _default: import("vue").DefineComponent<{
-    loadingState: LoadingState;
+    loadingState?: LoadingState;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    loadingState: LoadingState;
+    loadingState?: LoadingState;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"names":[],"mappings":"AA2OA,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,eAAe;;;;;;sCAWE,OAAO;wCAWJ,OAAO;;EAuB1C;;kBAOe,YAAY;;;kBAAZ,YAAY;;;AAL5B,wBAsIK"}
+{"version":3,"file":"ScalarLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"names":[],"mappings":"AAgPA,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,eAAe;;;;;;sCAWE,OAAO;wCAWJ,OAAO;;EAuB1C;;mBAOgB,YAAY;;;mBAAZ,YAAY;;;AAL7B,wBAyIK"}

package/dist/components/ScalarLoading/ScalarLoading.vue.js

@@ -1,9 +1,9 @@
 import o from "./ScalarLoading.vue2.js";
-import { useLoadingState as i } from "./ScalarLoading.vue2.js";
+import { useLoadingState as d } from "./ScalarLoading.vue2.js";
 /* empty css                   */
 import a from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5a129980"]]);
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ca661d68"]]);
 export {
   m as default,
-  i as useLoadingState
+  d as useLoadingState
 };

package/dist/components/ScalarLoading/ScalarLoading.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as d, openBlock as e, createElementBlock as l, normalizeClass as n, unref as o, createStaticVNode as h, createElementVNode as v, createCommentVNode as r, reactive as g } from "vue";
-import { cva as m, cx as p } from "../../cva.js";
-const u = {
+import { defineComponent as m, openBlock as t, createElementBlock as l, normalizeProps as c, mergeProps as h, unref as n, normalizeClass as o, createStaticVNode as p, createElementVNode as g, createCommentVNode as d, reactive as v } from "vue";
+import { cva as u } from "../../cva.js";
+import { useBindCx as f } from "../../hooks/useBindCx.js";
+const z = {
   key: 0,
   class: "circular-loader"
 };
-function w() {
-  return g({
+function S() {
+  return v({
     isValid: !1,
     isInvalid: !1,
     isLoading: !1,
@@ -15,37 +16,38 @@ function w() {
     stopLoading() {
       this.isLoading = !1;
     },
-    validate(i = 800, s) {
+    validate(e = 800, s) {
       this.isInvalid = !1, this.isValid = !0;
-      const a = s ? i - 300 : i;
+      const i = s ? e - 300 : e;
       return new Promise(
-        (t) => setTimeout(s ? () => this.clear().then(() => t(!0)) : () => t(!0), a)
+        (a) => setTimeout(s ? () => this.clear().then(() => a(!0)) : () => a(!0), i)
       );
     },
-    invalidate(i = 1100, s) {
+    invalidate(e = 1100, s) {
       this.isValid = !1, this.isInvalid = !0;
-      const a = s ? i - 300 : i;
+      const i = s ? e - 300 : e;
       return new Promise(
-        (t) => setTimeout(s ? () => this.clear().then(() => t(!0)) : () => t(!0), a)
+        (a) => setTimeout(s ? () => this.clear().then(() => a(!0)) : () => a(!0), i)
       );
     },
-    clear(i = 300) {
+    clear(e = 300) {
       return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((s) => {
         setTimeout(() => {
           s(!0);
-        }, i);
+        }, e);
       });
     }
   });
 }
-const z = /* @__PURE__ */ d({
+const V = /* @__PURE__ */ m({
+  inheritAttrs: !1,
   __name: "ScalarLoading",
   props: {
     loadingState: {},
     size: {}
   },
-  setup(i) {
-    const s = m({
+  setup(e) {
+    const { cx: s } = f(), i = u({
       variants: {
         size: {
           xs: "size-3",
@@ -62,12 +64,9 @@ const z = /* @__PURE__ */ d({
         size: "full"
       }
     });
-    return (a, t) => a.loadingState ? (e(), l("div", {
-      key: 0,
-      class: n(o(p)("loader-wrapper", o(s)({ size: a.size })))
-    }, [
-      (e(), l("svg", {
-        class: n(["svg-loader", {
+    return (a, r) => a.loadingState ? (t(), l("div", c(h({ key: 0 }, n(s)("loader-wrapper", n(i)({ size: a.size })))), [
+      (t(), l("svg", {
+        class: o(["svg-loader", {
           "icon-is-valid": a.loadingState.isValid,
           "icon-is-invalid": a.loadingState.isInvalid
         }]),
@@ -75,10 +74,10 @@ const z = /* @__PURE__ */ d({
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
-        t[0] || (t[0] = h('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-5a129980></path>', 5)),
-        a.loadingState.isLoading ? (e(), l("g", u, [
-          v("circle", {
-            class: n(["loader-path", {
+        r[0] || (r[0] = p('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-ca661d68></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-ca661d68></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-ca661d68></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-ca661d68></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-ca661d68></path>', 5)),
+        a.loadingState.isLoading ? (t(), l("g", z, [
+          g("circle", {
+            class: o(["loader-path", {
               "loader-path-off": a.loadingState.isValid || a.loadingState.isInvalid
             }]),
             cx: "50",
@@ -87,12 +86,12 @@ const z = /* @__PURE__ */ d({
             r: "20",
             "stroke-width": "2"
           }, null, 2)
-        ])) : r("", !0)
+        ])) : d("", !0)
       ], 2))
-    ], 2)) : r("", !0);
+    ], 16)) : d("", !0);
   }
 });
 export {
-  z as default,
-  w as useLoadingState
+  V as default,
+  S as useLoadingState
 };

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

@@ -1,164 +1,188 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: {
-        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, {
+        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, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            placement?: import("@floating-ui/vue").Placement | undefined;
-            teleport?: (boolean | string) | undefined;
-        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & 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;
-            profile?(_: {
-                close: () => any;
-            }): any;
-            sections?(_: {
-                close: () => any;
-            }): any;
+    } & 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 () => {
+        $slots: Readonly<{
+            button?: (p: {
+                open: boolean;
+            }) => any;
+            logo?: () => any;
+            label?: () => any;
+            products?: (p: {
+                close: () => void;
+            }) => any;
+            profile?: (p: {
+                close: () => void;
+            }) => any;
+            sections?: (p: {
+                close: () => void;
+            }) => any;
+        }> & {
+            button?: (p: {
+                open: boolean;
+            }) => any;
+            logo?: () => any;
+            label?: () => any;
+            products?: (p: {
+                close: () => void;
+            }) => any;
+            profile?: (p: {
+                close: () => void;
+            }) => any;
+            sections?: (p: {
+                close: () => void;
+            }) => any;
         };
     });
     tags: string[];
     argTypes: {};
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        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, {
+        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, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            placement?: import("@floating-ui/vue").Placement | undefined;
-            teleport?: (boolean | string) | undefined;
-        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & 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;
-            profile?(_: {
-                close: () => any;
-            }): any;
-            sections?(_: {
-                close: () => any;
-            }): any;
+    } & 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 () => {
+        $slots: Readonly<{
+            button?: (p: {
+                open: boolean;
+            }) => any;
+            logo?: () => any;
+            label?: () => any;
+            products?: (p: {
+                close: () => void;
+            }) => any;
+            profile?: (p: {
+                close: () => void;
+            }) => any;
+            sections?: (p: {
+                close: () => void;
+            }) => any;
+        }> & {
+            button?: (p: {
+                open: boolean;
+            }) => any;
+            logo?: () => any;
+            label?: () => any;
+            products?: (p: {
+                close: () => void;
+            }) => any;
+            profile?: (p: {
+                close: () => void;
+            }) => any;
+            sections?: (p: {
+                close: () => void;
+            }) => any;
         };
     })>) => {
         components: {
             ScalarMenu: {
-                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, {
+                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, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<{
-                    placement?: import("@floating-ui/vue").Placement | undefined;
-                    teleport?: (boolean | string) | undefined;
-                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & 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;
-                    profile?(_: {
-                        close: () => any;
-                    }): any;
-                    sections?(_: {
-                        close: () => any;
-                    }): any;
+            } & 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 () => {
+                $slots: Readonly<{
+                    button?: (p: {
+                        open: boolean;
+                    }) => any;
+                    logo?: () => any;
+                    label?: () => any;
+                    products?: (p: {
+                        close: () => void;
+                    }) => any;
+                    profile?: (p: {
+                        close: () => void;
+                    }) => any;
+                    sections?: (p: {
+                        close: () => void;
+                    }) => any;
+                }> & {
+                    button?: (p: {
+                        open: boolean;
+                    }) => any;
+                    logo?: () => any;
+                    label?: () => any;
+                    products?: (p: {
+                        close: () => void;
+                    }) => any;
+                    profile?: (p: {
+                        close: () => void;
+                    }) => any;
+                    sections?: (p: {
+                        close: () => void;
+                    }) => any;
                 };
             });
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                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, {
+                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, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<{
-                    placement?: import("@floating-ui/vue").Placement | undefined;
-                    teleport?: (boolean | string) | undefined;
-                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & 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;
-                    profile?(_: {
-                        close: () => any;
-                    }): any;
-                    sections?(_: {
-                        close: () => any;
-                    }): any;
+            } & 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 () => {
+                $slots: Readonly<{
+                    button?: (p: {
+                        open: boolean;
+                    }) => any;
+                    logo?: () => any;
+                    label?: () => any;
+                    products?: (p: {
+                        close: () => void;
+                    }) => any;
+                    profile?: (p: {
+                        close: () => void;
+                    }) => any;
+                    sections?: (p: {
+                        close: () => void;
+                    }) => any;
+                }> & {
+                    button?: (p: {
+                        open: boolean;
+                    }) => any;
+                    logo?: () => any;
+                    label?: () => any;
+                    products?: (p: {
+                        close: () => void;
+                    }) => any;
+                    profile?: (p: {
+                        close: () => void;
+                    }) => any;
+                    sections?: (p: {
+                        close: () => void;
+                    }) => any;
                 };
             })>;
         };
@@ -169,5 +193,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Base: Story;
 export declare const TeamPicker: Story;
+export declare const CustomLogo: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAA"}