@scalar/components 0.13.0 → 0.13.2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AAsHA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAY,KAAK,IAAI,EAAiB,MAAM,KAAK,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAsF9C,iBAAS,cAAc;WAuDT,OAAO,IAA6B;;QApIhD,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;QAVR,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;;;;;;EA+HT;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAMnB,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":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AAqHA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAY,KAAK,IAAI,EAAiB,MAAM,KAAK,CAAA;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAsF9C,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;QAlIhD,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;QAVR,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;;;;;;EA6HT;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAMnB,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/ScalarFloating/ScalarFloating.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as z, ref as d, computed as a, openBlock as f, createElementBlock as S, Fragment as b, createElementVNode as r, normalizeClass as $, renderSlot as p, createBlock as k, Teleport as B, normalizeStyle as R, unref as m, createCommentVNode as E } from "vue";
-import { getSideAxis as c } from "@floating-ui/utils";
-import { useFloating as F, autoUpdate as M, offset as T, flip as x, shift as C, size as H } from "@floating-ui/vue";
-import { useResizeWithTarget as W } from "./useResizeWithTarget.js";
-const _ = { class: "scalar-app" }, D = /* @__PURE__ */ z({
+import { defineComponent as z, ref as f, computed as a, openBlock as d, createElementBlock as S, Fragment as $, createElementVNode as m, normalizeClass as b, renderSlot as p, createBlock as k, unref as l, withCtx as B, normalizeStyle as R, createCommentVNode as E } from "vue";
+import { getSideAxis as g } from "@floating-ui/utils";
+import { useFloating as x, autoUpdate as C, offset as F, flip as M, shift as _, size as H } from "@floating-ui/vue";
+import { useResizeWithTarget as T } from "./useResizeWithTarget.js";
+import W from "../ScalarTeleport/ScalarTeleport.vue.js";
+const I = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "ScalarFloating",
   props: {
@@ -12,29 +13,29 @@ const _ = { class: "scalar-app" }, D = /* @__PURE__ */ z({
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(g) {
-    const t = g, n = d(null), l = d(null), i = a(() => {
+  setup(c) {
+    const t = c, n = f(null), r = f(null), i = a(() => {
       var e;
       if (typeof t.target == "string") {
         const o = document.getElementById(t.target);
         if (o) return o;
         console.warn(`ScalarFloating: Target with id="${t.target}" not found`);
       } else if (t.target instanceof HTMLElement) return t.target;
-      if (l.value)
-        return ((e = l.value.children) == null ? void 0 : e[0]) || l.value;
-    }), s = W(i, {
+      if (r.value)
+        return ((e = r.value.children) == null ? void 0 : e[0]) || r.value;
+    }), s = T(i, {
       enabled: a(() => t.resize)
     }), u = a(
-      () => c(t.placement || "bottom") === "y" ? s.width.value : void 0
+      () => g(t.placement || "bottom") === "y" ? s.width.value : void 0
     ), h = a(
-      () => c(t.placement || "bottom") === "x" ? s.height.value : void 0
-    ), { floatingStyles: y, middlewareData: v } = F(i, n, {
+      () => g(t.placement || "bottom") === "x" ? s.height.value : void 0
+    ), { floatingStyles: v, middlewareData: y } = x(i, n, {
       placement: a(() => t.placement),
-      whileElementsMounted: M,
+      whileElementsMounted: C,
       middleware: a(() => [
-        T(5),
-        x(),
-        C(),
+        F(5),
+        M(),
+        _(),
         H({
           apply({ availableWidth: e, availableHeight: o, elements: w }) {
             Object.assign(w.floating.style, {
@@ -46,37 +47,38 @@ const _ = { class: "scalar-app" }, D = /* @__PURE__ */ z({
         ...t.middleware ?? []
       ])
     });
-    return (e, o) => (f(), S(b, null, [
-      r("div", {
+    return (e, o) => (d(), S($, null, [
+      m("div", {
         ref_key: "wrapperRef",
-        ref: l,
-        class: $({ contents: !!e.$slots.default })
+        ref: r,
+        class: b({ contents: !!e.$slots.default })
       }, [
         p(e.$slots, "default")
       ], 2),
-      e.$slots.floating ? (f(), k(B, {
+      e.$slots.floating ? (d(), k(l(W), {
         key: 0,
         disabled: !e.teleport,
-        to: typeof e.teleport == "string" ? e.teleport : "body"
-      }, [
-        r("div", _, [
-          r("div", {
+        to: typeof e.teleport == "string" ? e.teleport : void 0
+      }, {
+        default: B(() => [
+          m("div", {
             ref_key: "floatingRef",
             ref: n,
             class: "relative z-overlay",
-            style: R(m(y))
+            style: R(l(v))
           }, [
             p(e.$slots, "floating", {
-              data: m(v),
+              data: l(y),
               height: h.value,
               width: u.value
             })
           ], 4)
-        ])
-      ], 8, ["disabled", "to"])) : E("", !0)
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"])) : E("", !0)
     ], 64));
   }
 });
 export {
-  D as default
+  I as default
 };

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

@@ -35,7 +35,9 @@ export type FloatingOptions = {
     middleware?: Middleware[];
     /**
      * Whether to teleport the floating element.
-     * Can be an `id` to teleport to or `true` to teleport to the `<body>`.
+     * Can be an `id` to teleport to or `true` to teleport to the nearest `<ScalarTeleportRoot>` (or `<body>`).
+     *
+     * @see {@link ScalarTeleportRoot}
      * @default false
      */
     teleport?: boolean | string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE7D,iDAAiD;AACjD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAI7D,iDAAiD;AACjD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC5B,CAAA"}

package/dist/components/ScalarFloating/useResizeWithTarget.test.d.ts

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

package/dist/components/ScalarFloating/useResizeWithTarget.test.d.ts.map

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

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

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

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

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

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

@@ -3,13 +3,13 @@ declare const meta: {
     component: import("vue").DefineComponent<{
         icon?: import("./index.js").Icon;
         logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
         thickness?: string;
         label?: string;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         icon?: import("./index.js").Icon;
         logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
         thickness?: string;
         label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -48,13 +48,13 @@ declare const meta: {
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
         icon?: import("./index.js").Icon;
         logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
         thickness?: string;
         label?: string;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         icon?: import("./index.js").Icon;
         logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
         thickness?: string;
         label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
@@ -62,13 +62,13 @@ declare const meta: {
             ScalarIcon: import("vue").DefineComponent<{
                 icon?: import("./index.js").Icon;
                 logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
                 thickness?: string;
                 label?: string;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 icon?: import("./index.js").Icon;
                 logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
                 thickness?: string;
                 label?: string;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -77,13 +77,13 @@ declare const meta: {
             args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
                 icon?: import("./index.js").Icon;
                 logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
                 thickness?: string;
                 label?: string;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 icon?: import("./index.js").Icon;
                 logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
                 thickness?: string;
                 label?: string;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;

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

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

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

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

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

@@ -12,7 +12,7 @@ type __VLS_Props = {
     label?: string;
 };
 declare const iconProps: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
         [x: string]: any;

package/dist/components/ScalarIcon/icons/Add.svg.js

@@ -1,16 +1,16 @@
 import { openBlock as o, createElementBlock as n, createElementVNode as r } from "vue";
 const t = {
   xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
   viewBox: "0 0 24 24"
 };
 function l(d, e) {
   return o(), n("svg", t, e[0] || (e[0] = [
     r("path", {
-      fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M2 12h20M12 2v20"
+      d: "M5 11.988h14M12.006 5v14"
     }, null, -1)
   ]));
 }

package/dist/components/ScalarIcon/icons/ChevronDown.svg.js

@@ -10,7 +10,7 @@ function l(s, e) {
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "m4.5 8.25 7.5 7.5 7.5-7.5"
+      d: "m18 10-6 6-6-6"
     }, null, -1)
   ]));
 }

package/dist/components/ScalarIcon/icons/ChevronRight.svg.js

@@ -10,7 +10,7 @@ function l(s, e) {
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "m8.25 19.5 7.5-7.5-7.5-7.5"
+      d: "m9 18 6-6-6-6"
     }, null, -1)
   ]));
 }

package/dist/components/ScalarIcon/icons/ChevronUp.svg.js

@@ -10,7 +10,7 @@ function l(s, e) {
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M19.5 15.75 12 8.25l-7.5 7.5"
+      d: "m18 15-6-6-6 6"
     }, null, -1)
   ]));
 }

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

@@ -8,17 +8,17 @@ declare const meta: {
         icon: import("../ScalarIcon").Icon;
         disabled?: boolean;
         variant?: string | undefined;
-        size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
+        size?: "sm" | "xs" | "md" | "full" | "xxs" | undefined;
         thickness?: string;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         label: string;
         icon: import("../ScalarIcon").Icon;
         disabled?: boolean;
         variant?: string | undefined;
-        size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
+        size?: "sm" | "xs" | "md" | "full" | "xxs" | undefined;
         thickness?: string;
     }> & Readonly<{}>, {
-        size: "xs" | "sm" | "md" | "full" | "xxs";
+        size: "sm" | "xs" | "md" | "full" | "xxs";
         variant: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];

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

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

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

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

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

@@ -10,7 +10,7 @@ type __VLS_Props = {
     thickness?: string;
 };
 declare const variants: (props?: ({
-    size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
+    size?: "sm" | "xs" | "md" | "full" | "xxs" | undefined;
     disabled?: boolean | undefined;
     variant?: string | undefined;
 } & ({
@@ -69,7 +69,7 @@ declare const variants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "xs" | "sm" | "md" | "full" | "xxs";
+    size: "sm" | "xs" | "md" | "full" | "xxs";
     variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

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

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

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

@@ -5,10 +5,10 @@ import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: import("vue").DefineComponent<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {
@@ -22,10 +22,10 @@ declare const meta: {
     };
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
         components: {
             ScalarButton: {
@@ -85,19 +85,19 @@ declare const meta: {
             });
             ScalarLoading: import("vue").DefineComponent<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
             loadingState: {
                 isValid: boolean;

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

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

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

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

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

@@ -16,10 +16,10 @@ export declare function useLoadingState(): {
 };
 declare const _default: import("vue").DefineComponent<{
     loadingState?: LoadingState;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     loadingState?: LoadingState;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarLoading.vue.d.ts.map

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/ScalarMenuButton.vue.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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,4 +1,4 @@
-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 { 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({
@@ -9,7 +9,7 @@ const f = { class: "h-5 w-auto" }, h = { class: "sr-only" }, y = /* @__PURE__ */
   },
   setup(b) {
     const { cx: a } = d();
-    return (e, g) => (c(), l("button", u(
+    return (e, g) => (l(), c("button", u(
       {
         class: "",
         type: "button"
@@ -31,8 +31,7 @@ const f = { class: "h-5 w-auto" }, h = { class: "sr-only" }, y = /* @__PURE__ */
       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));
   }

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":"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"}
+{"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,8 +1,8 @@
-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";
+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",
@@ -11,33 +11,32 @@ const y = /* @__PURE__ */ d({
     teams: {}
   },
   emits: ["update:team"],
-  setup(r, { emit: i }) {
-    const l = r, p = i, n = u({
-      get: () => l.team,
+  setup(s, { emit: l }) {
+    const i = s, p = l, m = u({
+      get: () => i.team,
       set: (e) => p("update:team", e)
-    }), { 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),
+    }), { 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(() => [
-          a(o(C), {
+        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 [
-                h(V((t = e.team) == null ? void 0 : t.label) + " ", 1),
-                a(o(b), {
+                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"
                 })
               ];
             }),