@scalar/components 0.13.21 → 0.13.23

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

@@ -8,7 +8,7 @@ declare const meta: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             disabled?: boolean;
             fullWidth?: boolean;
-            loading?: import("../ScalarLoading").LoadingState;
+            loading?: import("../ScalarLoading").LoadingState | undefined;
             size?: import("./variants.js").Variants["size"];
             variant?: import("./variants.js").Variants["variant"];
             type?: "button" | "submit" | "reset";
@@ -27,7 +27,7 @@ declare const meta: {
         }, Readonly<{
             disabled?: boolean;
             fullWidth?: boolean;
-            loading?: import("../ScalarLoading").LoadingState;
+            loading?: import("../ScalarLoading").LoadingState | undefined;
             size?: import("./variants.js").Variants["size"];
             variant?: import("./variants.js").Variants["variant"];
             type?: "button" | "submit" | "reset";
@@ -43,7 +43,7 @@ declare const meta: {
     } & import("vue").ComponentOptionsBase<Readonly<{
         disabled?: boolean;
         fullWidth?: boolean;
-        loading?: import("../ScalarLoading").LoadingState;
+        loading?: import("../ScalarLoading").LoadingState | undefined;
         size?: import("./variants.js").Variants["size"];
         variant?: import("./variants.js").Variants["variant"];
         type?: "button" | "submit" | "reset";
@@ -81,7 +81,7 @@ declare const meta: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             disabled?: boolean;
             fullWidth?: boolean;
-            loading?: import("../ScalarLoading").LoadingState;
+            loading?: import("../ScalarLoading").LoadingState | undefined;
             size?: import("./variants.js").Variants["size"];
             variant?: import("./variants.js").Variants["variant"];
             type?: "button" | "submit" | "reset";
@@ -100,7 +100,7 @@ declare const meta: {
         }, Readonly<{
             disabled?: boolean;
             fullWidth?: boolean;
-            loading?: import("../ScalarLoading").LoadingState;
+            loading?: import("../ScalarLoading").LoadingState | undefined;
             size?: import("./variants.js").Variants["size"];
             variant?: import("./variants.js").Variants["variant"];
             type?: "button" | "submit" | "reset";
@@ -116,7 +116,7 @@ declare const meta: {
     } & import("vue").ComponentOptionsBase<Readonly<{
         disabled?: boolean;
         fullWidth?: boolean;
-        loading?: import("../ScalarLoading").LoadingState;
+        loading?: import("../ScalarLoading").LoadingState | undefined;
         size?: import("./variants.js").Variants["size"];
         variant?: import("./variants.js").Variants["variant"];
         type?: "button" | "submit" | "reset";
@@ -137,7 +137,7 @@ declare const meta: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("./variants.js").Variants["size"];
                     variant?: import("./variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -156,7 +156,7 @@ declare const meta: {
                 }, Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("./variants.js").Variants["size"];
                     variant?: import("./variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -172,7 +172,7 @@ declare const meta: {
             } & import("vue").ComponentOptionsBase<Readonly<{
                 disabled?: boolean;
                 fullWidth?: boolean;
-                loading?: import("../ScalarLoading").LoadingState;
+                loading?: import("../ScalarLoading").LoadingState | undefined;
                 size?: import("./variants.js").Variants["size"];
                 variant?: import("./variants.js").Variants["variant"];
                 type?: "button" | "submit" | "reset";
@@ -194,7 +194,7 @@ declare const meta: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("./variants.js").Variants["size"];
                     variant?: import("./variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -213,7 +213,7 @@ declare const meta: {
                 }, Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("./variants.js").Variants["size"];
                     variant?: import("./variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -229,7 +229,7 @@ declare const meta: {
             } & import("vue").ComponentOptionsBase<Readonly<{
                 disabled?: boolean;
                 fullWidth?: boolean;
-                loading?: import("../ScalarLoading").LoadingState;
+                loading?: import("../ScalarLoading").LoadingState | undefined;
                 size?: import("./variants.js").Variants["size"];
                 variant?: import("./variants.js").Variants["variant"];
                 type?: "button" | "submit" | "reset";

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

@@ -6,7 +6,7 @@ import { type Variants } from './variants.js';
 type __VLS_Props = {
     disabled?: boolean;
     fullWidth?: boolean;
-    loading?: LoadingState;
+    loading?: LoadingState | undefined;
     size?: Variants['size'];
     variant?: Variants['variant'];
     type?: 'button' | 'submit' | 'reset';

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA6DA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAIpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AAyBJ,iBAAS,cAAc;WAoET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eApHL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAuHtC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA6DA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAIpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AAyBJ,iBAAS,cAAc;WAoET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eApHL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAuHtC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts

@@ -3,7 +3,6 @@ type __VLS_Props = {
     options: Option[] | OptionGroup[];
     modelValue?: Option[];
     placeholder?: string;
-    open?: boolean;
     multiselect?: boolean;
     isDeletable?: boolean;
 };

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAqKA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAA;AAIhB,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAyFF,iBAAS,cAAc;WA8JT,OAAO,IAA6B;;;;EAKjD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,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":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AA6LA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAA;AAIhB,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAiHF,iBAAS,cAAc;WA+JT,OAAO,IAA6B;;;;EAKjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,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/ScalarCombobox/ScalarComboboxOptions.vue.js

@@ -1,61 +1,71 @@
-import { defineComponent as T, computed as f, ref as C, watch as S, openBlock as a, createElementBlock as u, Fragment as m, createElementVNode as x, createVNode as q, unref as w, withDirectives as g, withKeys as $, withModifiers as b, vModelText as F, renderSlot as B, renderList as M, toDisplayString as I, createCommentVNode as N, createBlock as G, normalizeStyle as O, withCtx as U, createTextVNode as j, vShow as H } from "vue";
-import { nanoid as J } from "nanoid";
-import P from "./ScalarComboboxOption.vue.js";
-import { isGroups as L } from "./types.js";
-import Q from "../ScalarIcon/ScalarIcon.vue.js";
-const R = { class: "relative flex" }, W = ["aria-controls", "placeholder"], X = ["id"], Y = {
+import { defineComponent as A, computed as b, ref as I, onMounted as K, watch as O, openBlock as i, createElementBlock as c, Fragment as p, createElementVNode as $, createVNode as q, unref as F, withDirectives as D, withKeys as h, withModifiers as y, vModelText as G, renderSlot as C, renderList as S, toDisplayString as B, createCommentVNode as M, createBlock as U, normalizeStyle as j, withCtx as H, createTextVNode as J, vShow as P } from "vue";
+import { nanoid as Q } from "nanoid";
+import R from "./ScalarComboboxOption.vue.js";
+import { isGroups as E } from "./types.js";
+import W from "../ScalarIcon/ScalarIcon.vue.js";
+const X = { class: "relative flex" }, Y = ["placeholder"], Z = {
   key: 0,
-  class: "min-w-0 truncate px-2 py-1.5 text-left text-c-2"
-}, oe = /* @__PURE__ */ T({
+  class: "min-w-0 truncate px-2.5 py-1.5 text-left text-c-2"
+}, ne = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "ScalarComboboxOptions",
   props: {
     options: {},
     modelValue: {},
     placeholder: {},
-    open: { type: Boolean },
     multiselect: { type: Boolean },
     isDeletable: { type: Boolean }
   },
   emits: ["update:modelValue", "delete"],
-  setup(z, { emit: A }) {
-    var D;
-    const o = z, E = A, h = J(), y = f(
-      () => L(o.options) ? o.options.flatMap((e) => e.options) : o.options
-    ), K = f(
-      () => L(o.options) ? o.options : [{ label: "", options: o.options }]
-    ), i = C(""), r = C(((D = o.modelValue) == null ? void 0 : D[0]) ?? y.value[0]);
-    S(
-      () => o.open,
-      () => i.value = ""
-    ), S(
-      () => i.value,
-      () => r.value = v.value[0]
+  setup(N, { emit: L }) {
+    var g;
+    const o = N, T = L, x = `scalar-combobox-items-${Q()}`;
+    function w(e) {
+      return `${x}-${e.id}`;
+    }
+    const f = b(
+      () => E(o.options) ? o.options.flatMap((e) => e.options) : o.options
+    ), z = b(
+      () => E(o.options) ? o.options : [{ label: "", options: o.options }]
+    ), r = I(""), a = I(((g = o.modelValue) == null ? void 0 : g[0]) ?? f.value[0]);
+    K(async () => {
+      var e;
+      r.value = "", a.value = ((e = o.modelValue) == null ? void 0 : e[0]) ?? f.value[0], s.value.length !== 0 && setTimeout(() => {
+        var t;
+        (t = document == null ? void 0 : document.getElementById(w(s.value[0]))) == null || t.scrollIntoView({ block: "center" });
+      }, 10);
+    }), O(
+      () => r.value,
+      () => a.value = v.value[0]
     );
-    const v = f(
-      () => i.value === "" ? y.value : y.value.filter((e) => e.label.toLowerCase().includes(i.value.toLowerCase()))
-    ), s = f({
+    const v = b(
+      () => r.value === "" ? f.value : f.value.filter((e) => e.label.toLowerCase().includes(r.value.toLowerCase()))
+    ), s = b({
       get: () => o.modelValue ?? [],
-      set: (e) => e && E("update:modelValue", e)
+      set: (e) => e && T("update:modelValue", e)
     });
-    function k(e) {
+    function V(e) {
       o.multiselect ? s.value.some((t) => t.id === e.id) ? s.value = s.value.filter((t) => t.id !== e.id) : s.value = [...s.value, e] : s.value = [e];
     }
-    function V(e) {
-      const t = v.value, c = t.findIndex((l) => l.id === r.value.id) + e;
-      c < 0 || c > t.length - 1 || (r.value = t[c]);
+    function k(e) {
+      var l;
+      const t = v.value, m = t.findIndex((u) => u.id === a.value.id) + e;
+      m < 0 || m > t.length - 1 || (a.value = t[m], (l = document == null ? void 0 : document.getElementById(w(a.value))) == null || l.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      }));
     }
-    return (e, t) => (a(), u(m, null, [
-      x("div", R, [
-        q(w(Q), {
-          class: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-c-3",
+    return (e, t) => (i(), c(p, null, [
+      $("div", X, [
+        q(F(W), {
+          class: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-c-3",
           icon: "Search",
-          size: "sm"
+          size: "md"
         }),
-        g(x("input", {
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => i.value = n),
+        D($("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => r.value = n),
           "aria-autocomplete": "list",
-          "aria-controls": w(h),
+          "aria-controls": x,
           class: "min-w-0 flex-1 rounded-none border-0 py-2.5 pl-8 pr-3 leading-none text-c-1 outline-none",
           "data-1p-ignore": "",
           placeholder: e.placeholder,
@@ -63,54 +73,55 @@ const R = { class: "relative flex" }, W = ["aria-controls", "placeholder"], X =
           tabindex: "0",
           type: "text",
           onKeydown: [
-            t[1] || (t[1] = $(b((n) => V(1), ["prevent"]), ["down"])),
-            t[2] || (t[2] = $(b((n) => k(r.value), ["prevent"]), ["enter"])),
-            t[3] || (t[3] = $(b((n) => V(-1), ["prevent"]), ["up"]))
+            t[1] || (t[1] = h(y((n) => k(1), ["prevent"]), ["down"])),
+            t[2] || (t[2] = h(y((n) => V(a.value), ["prevent"]), ["enter"])),
+            t[3] || (t[3] = h(y((n) => k(-1), ["prevent"]), ["up"]))
           ]
-        }, null, 40, W), [
-          [F, i.value]
+        }, null, 40, Y), [
+          [G, r.value]
         ])
       ]),
-      g(x("ul", {
-        id: w(h),
-        class: "border-t p-0.75 custom-scroll flex-1 min-h-0"
+      D($("ul", {
+        id: x,
+        class: "border-t p-0.75 custom-scroll overscroll-contain flex-1 min-h-0"
       }, [
-        B(e.$slots, "before"),
-        (a(!0), u(m, null, M(K.value, (n, c) => (a(), u(m, { key: c }, [
+        C(e.$slots, "before"),
+        (i(!0), c(p, null, S(z.value, (n, m) => (i(), c(p, { key: m }, [
           n.label && // Only show the group label if there are some results
-          n.options.some((l) => v.value.some((p) => p.id === l.id)) ? (a(), u("div", Y, I(n.label), 1)) : N("", !0),
-          (a(!0), u(m, null, M(v.value, (l) => {
-            var p;
-            return a(), u(m, {
+          n.options.some((l) => v.value.some((u) => u.id === l.id)) ? (i(), c("div", Z, B(n.label), 1)) : M("", !0),
+          (i(!0), c(p, null, S(v.value, (l) => {
+            var u;
+            return i(), c(p, {
               key: l.id
             }, [
-              n.options.some((d) => d.id === l.id) ? (a(), G(P, {
+              n.options.some((d) => d.id === l.id) ? (i(), U(R, {
                 key: 0,
-                active: ((p = r.value) == null ? void 0 : p.id) === l.id,
+                id: w(l),
+                active: ((u = a.value) == null ? void 0 : u.id) === l.id,
                 isDeletable: l.isDeletable ?? e.isDeletable,
                 selected: s.value.some((d) => d.id === l.id),
-                style: O(e.multiselect ? "checkbox" : "radio"),
-                onClick: (d) => k(l),
+                style: j(e.multiselect ? "checkbox" : "radio"),
+                onClick: (d) => V(l),
                 onDelete: (d) => e.$emit("delete", l),
-                onMousedown: t[4] || (t[4] = b(() => {
+                onMousedown: t[4] || (t[4] = y(() => {
                 }, ["prevent"])),
-                onMouseenter: (d) => r.value = l
+                onMouseenter: (d) => a.value = l
               }, {
-                default: U(() => [
-                  j(I(l.label), 1)
+                default: H(() => [
+                  J(B(l.label), 1)
                 ]),
                 _: 2
-              }, 1032, ["active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : N("", !0)
+              }, 1032, ["id", "active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : M("", !0)
             ], 64);
           }), 128))
         ], 64))), 128)),
-        B(e.$slots, "after")
-      ], 8, X), [
-        [H, v.value.length || e.$slots.before || e.$slots.after]
+        C(e.$slots, "after")
+      ], 512), [
+        [P, v.value.length || e.$slots.before || e.$slots.after]
       ])
     ], 64));
   }
 });
 export {
-  oe as default
+  ne as default
 };

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

@@ -162,7 +162,7 @@ declare const meta: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("../ScalarButton/variants.js").Variants["size"];
                     variant?: import("../ScalarButton/variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -181,7 +181,7 @@ declare const meta: {
                 }, Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("../ScalarButton/variants.js").Variants["size"];
                     variant?: import("../ScalarButton/variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -197,7 +197,7 @@ declare const meta: {
             } & import("vue").ComponentOptionsBase<Readonly<{
                 disabled?: boolean;
                 fullWidth?: boolean;
-                loading?: import("../ScalarLoading").LoadingState;
+                loading?: import("../ScalarLoading").LoadingState | undefined;
                 size?: import("../ScalarButton/variants.js").Variants["size"];
                 variant?: import("../ScalarButton/variants.js").Variants["variant"];
                 type?: "button" | "submit" | "reset";

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

@@ -139,7 +139,7 @@ declare const meta: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("../ScalarButton/variants.js").Variants["size"];
                     variant?: import("../ScalarButton/variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -158,7 +158,7 @@ declare const meta: {
                 }, Readonly<{
                     disabled?: boolean;
                     fullWidth?: boolean;
-                    loading?: import("../ScalarLoading").LoadingState;
+                    loading?: import("../ScalarLoading").LoadingState | undefined;
                     size?: import("../ScalarButton/variants.js").Variants["size"];
                     variant?: import("../ScalarButton/variants.js").Variants["variant"];
                     type?: "button" | "submit" | "reset";
@@ -174,7 +174,7 @@ declare const meta: {
             } & import("vue").ComponentOptionsBase<Readonly<{
                 disabled?: boolean;
                 fullWidth?: boolean;
-                loading?: import("../ScalarLoading").LoadingState;
+                loading?: import("../ScalarLoading").LoadingState | undefined;
                 size?: import("../ScalarButton/variants.js").Variants["size"];
                 variant?: import("../ScalarButton/variants.js").Variants["variant"];
                 type?: "button" | "submit" | "reset";