@scalar/components 0.12.76 → 0.13.1

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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarMenu.test.d.ts.map

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

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

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

@@ -1,28 +1,44 @@
-import { type FloatingOptions } from '../../index.js';
-type __VLS_Props = Pick<FloatingOptions, 'placement' | 'teleport'>;
+import type { ScalarFloatingOptions } from '../ScalarFloating';
+type ButtonSlotProps = {
+    open: boolean;
+};
+type MenuSlotProps = {
+    close: () => void;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        button?(_: {
-            open: any;
-        }): any;
-        logo?(_: {}): any;
-        label?(_: {}): any;
-        products?(_: {
-            close: () => any;
-        }): any;
-        profile?(_: {
-            close: () => any;
-        }): any;
-        sections?(_: {
-            close: () => any;
-        }): any;
+    slots: Readonly<{
+        /** Overrides the menu button */
+        button?: (p: ButtonSlotProps) => any;
+        /** Overrides the logo in the menu button */
+        logo?: () => any;
+        /** Overrides the label in the menu button */
+        label?: () => any;
+        /** Overrides the products list */
+        products?: (p: MenuSlotProps) => any;
+        /** Adds items the profile section (e.g. a team picker) */
+        profile?: (p: MenuSlotProps) => any;
+        /** Overrides the resources section */
+        sections?: (p: MenuSlotProps) => any;
+    }> & {
+        /** Overrides the menu button */
+        button?: (p: ButtonSlotProps) => any;
+        /** Overrides the logo in the menu button */
+        logo?: () => any;
+        /** Overrides the label in the menu button */
+        label?: () => any;
+        /** Overrides the products list */
+        products?: (p: MenuSlotProps) => any;
+        /** Adds items the profile section (e.g. a team picker) */
+        profile?: (p: MenuSlotProps) => any;
+        /** Overrides the resources section */
+        sections?: (p: MenuSlotProps) => any;
     };
     refs: {};
     rootEl: any;
 };
 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, {}, any>;
+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 _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":"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;WA0GT,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"}
+{"version":3,"file":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAW9D,KAAK,eAAe,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AACxC,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AAsB1C,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;QApHhD,gCAAgC;iBACvB,CAAC,CAAC,EAAE,eAAe,KAAK,GAAG;QACpC,4CAA4C;eACrC,MAAM,GAAG;QAChB,6CAA6C;gBACrC,MAAM,GAAG;QACjB,kCAAkC;mBACvB,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG;QACpC,0DAA0D;kBAChD,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG;QACnC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG;;QAXpC,gCAAgC;iBACvB,CAAC,CAAC,EAAE,eAAe,KAAK,GAAG;QACpC,4CAA4C;eACrC,MAAM,GAAG;QAChB,6CAA6C;gBACrC,MAAM,GAAG;QACjB,kCAAkC;mBACvB,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG;QACpC,0DAA0D;kBAChD,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG;QACnC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG;;;;EA8GrC;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"}

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

@@ -1,31 +1,33 @@
-import { defineComponent as s, openBlock as a, createBlock as n, unref as m, 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 { defineComponent as l, openBlock as a, createBlock as n, unref as m, mergeProps as p, withCtx as r, renderSlot as t, createVNode as s, createSlots as i, createCommentVNode as f, createElementVNode as c } from "vue";
+import d from "./ScalarMenuButton.vue.js";
+import $ 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-2.25 sm:gap-3" }, y = /* @__PURE__ */ s({
+import _ from "../ScalarPopover/ScalarPopover.vue.js";
+const g = { class: "custom-scroll flex flex-col gap-3 p-2.25" }, v = /* @__PURE__ */ l({
   __name: "ScalarMenu",
   props: {
     placement: {},
+    resize: { type: Boolean },
+    target: {},
+    middleware: {},
     teleport: { type: [Boolean, String] }
   },
   setup(h) {
-    return (e, b) => (a(), n(m($), {
+    return (e, b) => (a(), n(m(_), p(e.$props, {
       class: "max-h-[inherit] w-[280px] max-w-[inherit]",
-      placement: e.placement ?? "bottom-start",
-      teleport: e.teleport
-    }, {
-      default: l(({ open: o }) => [
+      placement: e.placement ?? "bottom-start"
+    }), {
+      default: r(({ 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)
+          s(d, { open: o }, i({
+            default: r(() => [
+              e.$slots.logo ? t(e.$slots, "logo", { key: 0 }) : f("", !0)
             ]),
             _: 2
           }, [
             e.$slots.label ? {
               name: "label",
-              fn: l(() => [
+              fn: r(() => [
                 t(e.$slots, "label")
               ]),
               key: "0"
@@ -33,21 +35,21 @@ const _ = { class: "custom-scroll flex flex-col gap-3 p-2.25 sm:gap-3" }, y = /*
           ]), 1032, ["open"])
         ])
       ]),
-      popover: l(({ close: o }) => [
-        f("div", _, [
+      popover: r(({ close: o }) => [
+        c("div", g, [
           t(e.$slots, "products", { close: o }, () => [
-            r(d)
+            s($)
           ]),
           t(e.$slots, "profile", { close: o }),
           t(e.$slots, "sections", { close: o }, () => [
-            r(u)
+            s(u)
           ])
         ])
       ]),
       _: 3
-    }, 8, ["placement", "teleport"]));
+    }, 16, ["placement"]));
   }
 });
 export {
-  y as default
+  v as default
 };

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

@@ -8,10 +8,10 @@ declare function __VLS_template(): {
         label?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLButtonElement;
+    rootEl: any;
 };
 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 __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/ScalarMenuButton.vue.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"AAuCA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAWF,iBAAS,cAAc;WA6DT,OAAO,IAA6B;;yBATrB,GAAG;uBACL,GAAG;;;;EAa7B;AAUD,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/ScalarMenuButton.vue.js

@@ -1,34 +1,41 @@
-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({
+import { defineComponent as p, openBlock as l, createElementBlock as c, mergeProps as u, unref as o, createElementVNode as t, renderSlot as n, createVNode as r, createTextVNode as i, toDisplayString as m } from "vue";
+import { useBindCx as d } from "../../hooks/useBindCx.js";
+import s from "../ScalarIcon/ScalarIcon.vue.js";
+const f = { class: "h-5 w-auto" }, h = { class: "sr-only" }, y = /* @__PURE__ */ p({
+  inheritAttrs: !1,
   __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" })
+  setup(b) {
+    const { cx: a } = d();
+    return (e, g) => (l(), c("button", u(
+      {
+        class: "",
+        type: "button"
+      },
+      o(a)(
+        "group/button flex items-center gap-1 rounded bg-transparent px-2.5 py-2 hover:bg-b-2"
+      )
+    ), [
+      t("div", f, [
+        n(e.$slots, "default", {}, () => [
+          r(o(s), { icon: "Logo" })
         ])
       ]),
-      o("span", m, [
-        t(e.$slots, "label", {}, () => [
-          l(u(e.open ? "Close Menu" : "Open Menu"), 1)
+      t("span", h, [
+        n(e.$slots, "label", {}, () => [
+          i(m(e.open ? "Close Menu" : "Open Menu"), 1)
         ])
       ]),
-      n(s(r), {
+      r(o(s), {
         class: "text-c-3 group-hover/button:text-c-1",
         icon: e.open ? "ChevronUp" : "ChevronDown",
-        size: "sm",
-        thickness: "2.5"
+        size: "sm"
       }, null, 8, ["icon"])
-    ]));
+    ], 16));
   }
 });
 export {
-  g as default
+  y as default
 };

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":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxB,CAAC;AAQF,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAQD,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"}
+{"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"}

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

@@ -1,21 +1,28 @@
-import { defineComponent as t, openBlock as o, createBlock as n, resolveDynamicComponent as r, withCtx as s, renderSlot as a } from "vue";
-const u = /* @__PURE__ */ t({
+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,
   __name: "ScalarMenuLink",
   props: {
     is: {}
   },
-  setup(i) {
-    return (e, p) => (o(), n(r(e.is ?? "a"), {
-      class: "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",
-      type: e.is === "button" ? "button" : void 0
-    }, {
-      default: s(() => [
+  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")
       ]),
       _: 3
-    }, 8, ["type"]));
+    }, 16, ["type"]));
   }
 });
 export {
-  u as default
+  x as default
 };

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

@@ -9,10 +9,10 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLAnchorElement;
+    rootEl: any;
 };
 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, {}, HTMLAnchorElement>;
+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/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;WA2DT,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":"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"}