@scalar/components 0.12.75 → 0.13.0

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":"AAwCA,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,42 @@
-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 c, createElementBlock as l, 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) => (c(), l("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"
       }, 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"}

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

@@ -1,30 +1,36 @@
-import { defineComponent as n, openBlock as o, createElementBlock as r, normalizeClass as t, createVNode as l, unref as s, createElementVNode as a, renderSlot as c } from "vue";
-import i from "../ScalarIcon/ScalarIcon.vue.js";
-const d = { class: "font-medium" }, _ = /* @__PURE__ */ n({
+import { defineComponent as t, openBlock as s, createElementBlock as a, mergeProps as c, unref as n, createVNode as l, createElementVNode as i, renderSlot as d } from "vue";
+import { cva as p } from "../../cva.js";
+import { useBindCx as m } from "../../hooks/useBindCx.js";
+import f from "../ScalarIcon/ScalarIcon.vue.js";
+const u = { class: "font-medium" }, k = /* @__PURE__ */ t({
+  inheritAttrs: !1,
   __name: "ScalarMenuProduct",
   props: {
     selected: { type: Boolean },
     icon: {}
   },
-  setup(p) {
-    return (e, m) => (o(), r("a", {
-      class: t([
-        "relative flex min-w-0 flex-1 items-center gap-2 overflow-hidden rounded px-2 py-1.5 leading no-underline flex-row",
-        e.selected ? "pointer-events-none bg-b-2" : "cursor-pointer bg-b-1 hover:bg-b-2"
-      ]),
-      target: "_blank"
-    }, [
-      l(s(i), {
+  setup(b) {
+    const { cx: o } = m(), r = p({
+      base: "relative flex min-w-0 flex-1 items-center gap-2 overflow-hidden rounded px-2 py-1.5 leading no-underline flex-row",
+      variants: {
+        selected: {
+          true: "pointer-events-none bg-b-2",
+          false: "cursor-pointer bg-b-1 hover:bg-b-2"
+        }
+      }
+    });
+    return (e, _) => (s(), a("a", c({ target: "_blank" }, n(o)(n(r)({ selected: e.selected }))), [
+      l(n(f), {
         icon: e.icon,
         size: "xs",
         thickness: "2.5"
       }, null, 8, ["icon"]),
-      a("span", d, [
-        c(e.$slots, "default")
+      i("span", u, [
+        d(e.$slots, "default")
       ])
-    ], 2));
+    ], 16));
   }
 });
 export {
-  _ as default
+  k as default
 };

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

@@ -7,6 +7,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     open: (event: Event, product: Product) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onOpen?: ((event: Event, product: Product) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarMenuProducts.vue.d.ts.map

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":"AAkDA,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;;;;;;AAuIF,wBAOG"}

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

@@ -1,53 +1,56 @@
-import { defineComponent as f, openBlock as p, createElementBlock as m, createVNode as t, withCtx as r, createTextVNode as l } from "vue";
+import { defineComponent as p, openBlock as m, createElementBlock as c, normalizeProps as u, guardReactiveProps as h, unref as C, createVNode as r, withCtx as t, createTextVNode as l } from "vue";
+import { useBindCx as k } from "../../hooks/useBindCx.js";
 import d from "./ScalarMenuProduct.vue.js";
-const c = { class: "flex flex-col" }, C = /* @__PURE__ */ f({
+const g = /* @__PURE__ */ p({
+  inheritAttrs: !1,
   __name: "ScalarMenuProducts",
   props: {
     selected: {},
     hrefs: {}
   },
   emits: ["open"],
-  setup(u) {
-    return (s, e) => {
+  setup(b) {
+    const { cx: f } = k();
+    return (o, e) => {
       var n, i, a;
-      return p(), m("div", c, [
-        t(d, {
-          href: ((n = s.hrefs) == null ? void 0 : n.dashboard) ?? "https://dashboard.scalar.com",
+      return m(), c("div", u(h(C(f)("flex flex-col"))), [
+        r(d, {
+          href: ((n = o.hrefs) == null ? void 0 : n.dashboard) ?? "https://dashboard.scalar.com",
           icon: "House",
-          selected: s.selected === "dashboard",
-          onClick: e[0] || (e[0] = (o) => s.$emit("open", o, "dashboard"))
+          selected: o.selected === "dashboard",
+          onClick: e[0] || (e[0] = (s) => o.$emit("open", s, "dashboard"))
         }, {
-          default: r(() => e[3] || (e[3] = [
+          default: t(() => e[3] || (e[3] = [
             l(" Dashboard ")
           ])),
           _: 1
         }, 8, ["href", "selected"]),
-        t(d, {
-          href: ((i = s.hrefs) == null ? void 0 : i.docs) ?? "https://docs.scalar.com",
+        r(d, {
+          href: ((i = o.hrefs) == null ? void 0 : i.docs) ?? "https://docs.scalar.com",
           icon: "Page",
-          selected: s.selected === "docs",
-          onClick: e[1] || (e[1] = (o) => s.$emit("open", o, "docs"))
+          selected: o.selected === "docs",
+          onClick: e[1] || (e[1] = (s) => o.$emit("open", s, "docs"))
         }, {
-          default: r(() => e[4] || (e[4] = [
+          default: t(() => e[4] || (e[4] = [
             l(" Docs ")
           ])),
           _: 1
         }, 8, ["href", "selected"]),
-        t(d, {
-          href: ((a = s.hrefs) == null ? void 0 : a.client) ?? "https://client.scalar.com",
+        r(d, {
+          href: ((a = o.hrefs) == null ? void 0 : a.client) ?? "https://client.scalar.com",
           icon: "ExternalLink",
-          selected: s.selected === "client",
-          onClick: e[2] || (e[2] = (o) => s.$emit("open", o, "client"))
+          selected: o.selected === "client",
+          onClick: e[2] || (e[2] = (s) => o.$emit("open", s, "client"))
         }, {
-          default: r(() => e[5] || (e[5] = [
+          default: t(() => e[5] || (e[5] = [
             l(" Client ")
           ])),
           _: 1
         }, 8, ["href", "selected"])
-      ]);
+      ], 16);
     };
   }
 });
 export {
-  C as default
+  g as default
 };

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

@@ -1,3 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarMenuResources.vue.d.ts.map

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

@@ -1,10 +1,10 @@
-import { defineComponent as l, openBlock as n, createBlock as s, withCtx as r, createTextVNode as e, createVNode as o } from "vue";
+import { defineComponent as s, openBlock as l, createBlock as n, withCtx as r, createTextVNode as e, createVNode as o } from "vue";
 import a from "./ScalarMenuLink.vue.js";
 import i from "./ScalarMenuSection.vue.js";
-const d = /* @__PURE__ */ l({
+const d = /* @__PURE__ */ s({
   __name: "ScalarMenuResources",
   setup(m) {
-    return (p, t) => (n(), s(i, null, {
+    return (f, t) => (l(), n(i, null, {
       title: r(() => t[0] || (t[0] = [
         e("Resources")
       ])),

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

@@ -5,10 +5,10 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    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, {}, HTMLDivElement>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AAoDA,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAA;AAKd,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAA;IACtC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAC7B,CAAC;;;;;;AAwGF,wBAOG"}

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

@@ -1,21 +1,23 @@
-import { defineComponent as c, computed as d, openBlock as u, createElementBlock as f, createVNode as o, unref as a, withCtx as s, createTextVNode as x, toDisplayString as _ } from "vue";
-import h from "../ScalarListbox/ScalarListbox.vue.js";
-import v from "../ScalarButton/ScalarButton.vue.js";
-import V from "../ScalarIcon/ScalarIcon.vue.js";
-const k = { class: "flex flex-col pb-px" }, S = /* @__PURE__ */ c({
+import { defineComponent as d, computed as u, openBlock as f, createElementBlock as x, normalizeProps as _, guardReactiveProps as v, unref as o, createVNode as a, withCtx as s, createTextVNode as h, toDisplayString as V } from "vue";
+import { useBindCx as g } from "../../hooks/useBindCx.js";
+import k from "../ScalarListbox/ScalarListbox.vue.js";
+import C from "../ScalarButton/ScalarButton.vue.js";
+import b from "../ScalarIcon/ScalarIcon.vue.js";
+const y = /* @__PURE__ */ d({
+  inheritAttrs: !1,
   __name: "ScalarMenuTeamPicker",
   props: {
     team: {},
     teams: {}
   },
   emits: ["update:team"],
-  setup(l, { emit: i }) {
-    const r = l, p = i, n = d({
-      get: () => r.team,
+  setup(r, { emit: i }) {
+    const l = r, p = i, n = u({
+      get: () => l.team,
       set: (e) => p("update:team", e)
-    });
-    return (e, m) => (u(), f("div", k, [
-      o(a(h), {
+    }), { cx: c } = g();
+    return (e, m) => (f(), x("div", _(v(o(c)("flex flex-col pb-px"))), [
+      a(o(k), {
         modelValue: n.value,
         "onUpdate:modelValue": m[0] || (m[0] = (t) => n.value = t),
         options: e.teams,
@@ -23,15 +25,15 @@ const k = { class: "flex flex-col pb-px" }, S = /* @__PURE__ */ c({
         resize: ""
       }, {
         default: s(() => [
-          o(a(v), {
+          a(o(C), {
             class: "h-auto px-2.5 py-1 text-xs leading shadow-none",
             variant: "outlined"
           }, {
             default: s(() => {
               var t;
               return [
-                x(_((t = e.team) == null ? void 0 : t.label) + " ", 1),
-                o(a(V), {
+                h(V((t = e.team) == null ? void 0 : t.label) + " ", 1),
+                a(o(b), {
                   class: "ml-auto text-c-2",
                   icon: "ChevronDown",
                   size: "xs",
@@ -44,9 +46,9 @@ const k = { class: "flex flex-col pb-px" }, S = /* @__PURE__ */ c({
         ]),
         _: 1
       }, 8, ["modelValue", "options"])
-    ]));
+    ], 16));
   }
 });
 export {
-  S as default
+  y as default
 };