@scalar/components 0.12.76 → 0.13.1

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":"AAmDA,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAA;AAKd,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAA;IACtC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAC7B,CAAC;;;;;;AAwGF,wBAOG"}

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

@@ -1,41 +1,42 @@
-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 r, createTextVNode as V, toDisplayString as g } from "vue";
+import { useBindCx as h } from "../../hooks/useBindCx.js";
+import C from "../ScalarListbox/ScalarListbox.vue.js";
+import b from "../ScalarButton/ScalarButton.vue.js";
+import k 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(s, { emit: l }) {
+    const i = s, p = l, m = u({
+      get: () => i.team,
       set: (e) => p("update:team", e)
-    });
-    return (e, m) => (u(), f("div", k, [
-      o(a(h), {
-        modelValue: n.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (t) => n.value = t),
+    }), { cx: c } = h();
+    return (e, n) => (f(), x("div", _(v(o(c)("flex flex-col pb-px"))), [
+      a(o(C), {
+        modelValue: m.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (t) => m.value = t),
         options: e.teams,
         placement: "bottom-end",
         resize: ""
       }, {
-        default: s(() => [
-          o(a(v), {
+        default: r(() => [
+          a(o(b), {
             class: "h-auto px-2.5 py-1 text-xs leading shadow-none",
             variant: "outlined"
           }, {
-            default: s(() => {
+            default: r(() => {
               var t;
               return [
-                x(_((t = e.team) == null ? void 0 : t.label) + " ", 1),
-                o(a(V), {
+                V(g((t = e.team) == null ? void 0 : t.label) + " ", 1),
+                a(o(k), {
                   class: "ml-auto text-c-2",
                   icon: "ChevronDown",
-                  size: "xs",
-                  thickness: "2.5"
+                  size: "sm"
                 })
               ];
             }),
@@ -44,9 +45,9 @@ const k = { class: "flex flex-col pb-px" }, S = /* @__PURE__ */ c({
         ]),
         _: 1
       }, 8, ["modelValue", "options"])
-    ]));
+    ], 16));
   }
 });
 export {
-  S as default
+  y as default
 };

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

@@ -10,10 +10,10 @@ declare const meta: {
             title?: string;
             bodyClass?: string;
             maxWidth?: string;
-            size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
-            variant?: "form" | "search" | "history" | "error" | undefined;
+            size?: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs" | undefined;
+            variant?: "form" | "search" | "error" | "history" | undefined;
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            size: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs";
+            size: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs";
         }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -26,10 +26,10 @@ declare const meta: {
             title?: string;
             bodyClass?: string;
             maxWidth?: string;
-            size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
-            variant?: "form" | "search" | "history" | "error" | undefined;
+            size?: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs" | undefined;
+            variant?: "form" | "search" | "error" | "history" | undefined;
         }> & Readonly<{}>, {}, {}, {}, {}, {
-            size: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs";
+            size: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs";
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -39,10 +39,10 @@ declare const meta: {
         title?: string;
         bodyClass?: string;
         maxWidth?: string;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
-        variant?: "form" | "search" | "history" | "error" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs" | undefined;
+        variant?: "form" | "search" | "error" | "history" | undefined;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        size: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs";
+        size: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs";
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

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

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

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

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

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

@@ -9,17 +9,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title?: string;
     bodyClass?: string;
     maxWidth?: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
-    variant?: "form" | "search" | "history" | "error" | undefined;
+    size?: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs" | undefined;
+    variant?: "form" | "search" | "error" | "history" | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     state: ReturnType<typeof useModal>;
     title?: string;
     bodyClass?: string;
     maxWidth?: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
-    variant?: "form" | "search" | "history" | "error" | undefined;
+    size?: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs" | undefined;
+    variant?: "form" | "search" | "error" | "history" | undefined;
 }> & Readonly<{}>, {
-    size: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs";
+    size: "sm" | "lg" | "xs" | "md" | "xl" | "full" | "xxs";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
     default?(_: {}): any;

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

@@ -1,44 +1,19 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            resize?: boolean | undefined;
-            placement?: import("@floating-ui/vue").Placement | undefined;
-            targetRef?: HTMLElement | undefined;
-            isOpen?: boolean | 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<{
-            resize?: boolean | undefined;
-            placement?: import("@floating-ui/vue").Placement | undefined;
-            targetRef?: HTMLElement | undefined;
-            isOpen?: boolean | undefined;
-            teleport?: (boolean | string) | undefined;
-        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<{
-        resize?: boolean | undefined;
-        placement?: import("@floating-ui/vue").Placement | undefined;
-        targetRef?: HTMLElement | undefined;
-        isOpen?: boolean | 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: {
-            default?(_: {
-                open: any;
-            }): any;
-            popover?(_: {
-                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<import("./types").Slots> & import("./types").Slots;
     });
     tags: string[];
     argTypes: {
@@ -49,87 +24,40 @@ declare const meta: {
             control: "select";
             options: import("@floating-ui/utils").Placement[];
         };
+        class: {
+            control: "text";
+        };
     };
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            resize?: boolean | undefined;
-            placement?: import("@floating-ui/vue").Placement | undefined;
-            targetRef?: HTMLElement | undefined;
-            isOpen?: boolean | 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<{
-            resize?: boolean | undefined;
-            placement?: import("@floating-ui/vue").Placement | undefined;
-            targetRef?: HTMLElement | undefined;
-            isOpen?: boolean | undefined;
-            teleport?: (boolean | string) | undefined;
-        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<{
-        resize?: boolean | undefined;
-        placement?: import("@floating-ui/vue").Placement | undefined;
-        targetRef?: HTMLElement | undefined;
-        isOpen?: boolean | 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: {
-            default?(_: {
-                open: any;
-            }): any;
-            popover?(_: {
-                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<import("./types").Slots> & import("./types").Slots;
     })>) => {
         components: {
             ScalarPopover: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-                    resize?: boolean | undefined;
-                    placement?: import("@floating-ui/vue").Placement | undefined;
-                    targetRef?: HTMLElement | undefined;
-                    isOpen?: boolean | 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<{
-                    resize?: boolean | undefined;
-                    placement?: import("@floating-ui/vue").Placement | undefined;
-                    targetRef?: HTMLElement | undefined;
-                    isOpen?: boolean | undefined;
-                    teleport?: (boolean | string) | undefined;
-                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<{
-                resize?: boolean | undefined;
-                placement?: import("@floating-ui/vue").Placement | undefined;
-                targetRef?: HTMLElement | undefined;
-                isOpen?: boolean | 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: {
-                    default?(_: {
-                        open: any;
-                    }): any;
-                    popover?(_: {
-                        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<import("./types").Slots> & import("./types").Slots;
             });
             ScalarButton: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -189,44 +117,19 @@ declare const meta: {
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-                    resize?: boolean | undefined;
-                    placement?: import("@floating-ui/vue").Placement | undefined;
-                    targetRef?: HTMLElement | undefined;
-                    isOpen?: boolean | 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<{
-                    resize?: boolean | undefined;
-                    placement?: import("@floating-ui/vue").Placement | undefined;
-                    targetRef?: HTMLElement | undefined;
-                    isOpen?: boolean | undefined;
-                    teleport?: (boolean | string) | undefined;
-                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                }, Readonly<import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<{
-                resize?: boolean | undefined;
-                placement?: import("@floating-ui/vue").Placement | undefined;
-                targetRef?: HTMLElement | undefined;
-                isOpen?: boolean | 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: {
-                    default?(_: {
-                        open: any;
-                    }): any;
-                    popover?(_: {
-                        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<import("./types").Slots> & import("./types").Slots;
             })>;
         };
         template: string;
@@ -235,4 +138,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Base: Story;
+export declare const CustomClasses: Story;
 //# sourceMappingURL=ScalarPopover.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarPopover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarPopover/ScalarPopover.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
+{"version":3,"file":"ScalarPopover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarPopover/ScalarPopover.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAA"}

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

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