@scalar/components 0.14.1 → 0.14.3

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":"AA+DA,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"}
+{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA+DA,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;WAmET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eAnHL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAsHtC,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/ScalarButton/ScalarButton.vue.js

@@ -4,7 +4,7 @@ import { variants as v } from "./variants.js";
 import y from "../ScalarLoading/ScalarLoading.vue.js";
 const h = ["ariaDisabled", "type"], c = {
   key: 3,
-  class: "centered-x absolute"
+  class: "centered"
 }, $ = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ScalarButton",
@@ -19,7 +19,7 @@ const h = ["ariaDisabled", "type"], c = {
   setup(k) {
     const { cx: p } = b();
     return (e, B) => {
-      var s, n, t, d;
+      var s, n, d, t;
       return i(), a("button", m(
         {
           ariaDisabled: e.disabled || void 0,
@@ -37,11 +37,11 @@ const h = ["ariaDisabled", "type"], c = {
         ], 2)) : r("", !0),
         e.loading ? (i(), a("span", {
           key: 1,
-          class: u({ invisible: (t = e.loading) == null ? void 0 : t.isLoading })
+          class: u({ invisible: (d = e.loading) == null ? void 0 : d.isLoading })
         }, [
           l(e.$slots, "default")
         ], 2)) : l(e.$slots, "default", { key: 2 }),
-        (d = e.loading) != null && d.isLoading ? (i(), a("div", c, [
+        (t = e.loading) != null && t.isLoading ? (i(), a("div", c, [
           g(o(y), {
             loadingState: e.loading,
             size: "xl"

package/dist/components/ScalarButton/variants.js

@@ -8,10 +8,10 @@ const e = {
     "scalar-button-outlined",
     "active:bg-btn-1 border border-solid border-border bg-b-1 text-c-1 hover:bg-b-2 shadow"
   ],
-  ghost: ["scalar-button-ghost", "bg-transparent text-c-3 active:text-c-1 hocus:text-c-1"],
-  danger: ["scalar-button-danger", "bg-c-danger text-white active:brightness-90 hocus:brightness-90"]
-}, s = t({
-  base: "scalar-button scalar-row cursor-pointer items-center justify-center rounded font-medium -outline-offset-1",
+  ghost: ["scalar-button-ghost", "bg-transparent text-c-3 active:text-c-1 hover:text-c-1"],
+  danger: ["scalar-button-danger", "bg-c-danger text-white active:brightness-90 hover:brightness-90"]
+}, r = t({
+  base: "scalar-button flex cursor-pointer items-center justify-center rounded font-medium -outline-offset-1",
   variants: {
     disabled: {
       true: "bg-background-2 text-color-3 shadow-none"
@@ -30,5 +30,5 @@ const e = {
 });
 export {
   e as styles,
-  s as variants
+  r as variants
 };

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

@@ -6,7 +6,7 @@ declare const meta: {
             error?: string;
         } & {
             multiple?: boolean;
-            accept?: import("./types").ExtensionList | string;
+            accept?: import("./types.js").ExtensionList | string;
             loader?: import("../ScalarLoading").LoadingState;
             variant?: "compact" | "default";
         }> & Readonly<{
@@ -30,7 +30,7 @@ declare const meta: {
             error?: string;
         } & {
             multiple?: boolean;
-            accept?: import("./types").ExtensionList | string;
+            accept?: import("./types.js").ExtensionList | string;
             loader?: import("../ScalarLoading").LoadingState;
             variant?: "compact" | "default";
         }> & Readonly<{
@@ -46,7 +46,7 @@ declare const meta: {
         error?: string;
     } & {
         multiple?: boolean;
-        accept?: import("./types").ExtensionList | string;
+        accept?: import("./types.js").ExtensionList | string;
         loader?: import("../ScalarLoading").LoadingState;
         variant?: "compact" | "default";
     }> & Readonly<{
@@ -95,7 +95,7 @@ declare const meta: {
             error?: string;
         } & {
             multiple?: boolean;
-            accept?: import("./types").ExtensionList | string;
+            accept?: import("./types.js").ExtensionList | string;
             loader?: import("../ScalarLoading").LoadingState;
             variant?: "compact" | "default";
         }> & Readonly<{
@@ -119,7 +119,7 @@ declare const meta: {
             error?: string;
         } & {
             multiple?: boolean;
-            accept?: import("./types").ExtensionList | string;
+            accept?: import("./types.js").ExtensionList | string;
             loader?: import("../ScalarLoading").LoadingState;
             variant?: "compact" | "default";
         }> & Readonly<{
@@ -135,7 +135,7 @@ declare const meta: {
         error?: string;
     } & {
         multiple?: boolean;
-        accept?: import("./types").ExtensionList | string;
+        accept?: import("./types.js").ExtensionList | string;
         loader?: import("../ScalarLoading").LoadingState;
         variant?: "compact" | "default";
     }> & Readonly<{
@@ -171,7 +171,7 @@ declare const meta: {
                     error?: string;
                 } & {
                     multiple?: boolean;
-                    accept?: import("./types").ExtensionList | string;
+                    accept?: import("./types.js").ExtensionList | string;
                     loader?: import("../ScalarLoading").LoadingState;
                     variant?: "compact" | "default";
                 }> & Readonly<{
@@ -195,7 +195,7 @@ declare const meta: {
                     error?: string;
                 } & {
                     multiple?: boolean;
-                    accept?: import("./types").ExtensionList | string;
+                    accept?: import("./types.js").ExtensionList | string;
                     loader?: import("../ScalarLoading").LoadingState;
                     variant?: "compact" | "default";
                 }> & Readonly<{
@@ -211,7 +211,7 @@ declare const meta: {
                 error?: string;
             } & {
                 multiple?: boolean;
-                accept?: import("./types").ExtensionList | string;
+                accept?: import("./types.js").ExtensionList | string;
                 loader?: import("../ScalarLoading").LoadingState;
                 variant?: "compact" | "default";
             }> & Readonly<{
@@ -260,7 +260,7 @@ declare const meta: {
                     error?: string;
                 } & {
                     multiple?: boolean;
-                    accept?: import("./types").ExtensionList | string;
+                    accept?: import("./types.js").ExtensionList | string;
                     loader?: import("../ScalarLoading").LoadingState;
                     variant?: "compact" | "default";
                 }> & Readonly<{
@@ -284,7 +284,7 @@ declare const meta: {
                     error?: string;
                 } & {
                     multiple?: boolean;
-                    accept?: import("./types").ExtensionList | string;
+                    accept?: import("./types.js").ExtensionList | string;
                     loader?: import("../ScalarLoading").LoadingState;
                     variant?: "compact" | "default";
                 }> & Readonly<{
@@ -300,7 +300,7 @@ declare const meta: {
                 error?: string;
             } & {
                 multiple?: boolean;
-                accept?: import("./types").ExtensionList | string;
+                accept?: import("./types.js").ExtensionList | string;
                 loader?: import("../ScalarLoading").LoadingState;
                 variant?: "compact" | "default";
             }> & Readonly<{

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

@@ -1,5 +1,5 @@
 import type { LoadingState } from '../ScalarLoading';
-import { type ExtensionList } from './types';
+import { type ExtensionList } from './types.js';
 /**
  * Scalar File Upload component
  *

package/dist/components/ScalarFileUpload/ScalarFileUpload.vue.js

@@ -0,0 +1,129 @@
+import { defineComponent as F, mergeModels as p, useModel as c, ref as v, createElementBlock as g, openBlock as r, mergeProps as T, unref as s, withModifiers as y, renderSlot as a, createCommentVNode as $, createBlock as k, createElementVNode as w, resolveDynamicComponent as A, createSlots as b, withCtx as n, createVNode as h, createTextVNode as j, toDisplayString as L } from "vue";
+import { useBindCx as P } from "@scalar/use-hooks/useBindCx";
+import U from "./ScalarFileUploadDropTarget.vue.js";
+import _ from "./ScalarFileUploadError.vue.js";
+import q from "./ScalarFileUploadInput.vue.js";
+import z from "./ScalarFileUploadInputCompact.vue.js";
+import G from "./ScalarFileUploadLoading.vue.js";
+import { isExtensionList as C } from "./types.js";
+const H = ["accept", "multiple"], I = {}, Z = /* @__PURE__ */ F({
+  ...I,
+  inheritAttrs: !1,
+  __name: "ScalarFileUpload",
+  props: /* @__PURE__ */ p({
+    multiple: { type: Boolean },
+    accept: { default: "*" },
+    loader: {},
+    variant: { default: "default" }
+  }, {
+    modelValue: {},
+    modelModifiers: {},
+    error: {},
+    errorModifiers: {}
+  }),
+  emits: /* @__PURE__ */ p(["selected"], ["update:modelValue", "update:error"]),
+  setup(i, { emit: D }) {
+    const V = D, B = c(i, "modelValue"), l = c(i, "error"), d = v(), t = v(!1);
+    function u() {
+      var e;
+      (e = d.value) == null || e.click();
+    }
+    function f(e) {
+      if (l.value = void 0, !e || e.length < 1) {
+        l.value = "No files found to upload";
+        return;
+      }
+      const o = Array.from(e);
+      if (!i.multiple && o.length > 1) {
+        l.value = "Too many files selected";
+        return;
+      }
+      B.value = o, V("selected", o);
+    }
+    function M(e) {
+      const o = e.target.files;
+      f(o);
+    }
+    function N(e) {
+      var o;
+      t.value = !1, f((o = e.dataTransfer) == null ? void 0 : o.files);
+    }
+    const { cx: S } = P();
+    return (e, o) => {
+      var m;
+      return r(), g("div", T(
+        s(S)(
+          "flex flex-col relative border-dashed border-1 has-[input:focus-visible]:outline outline-offset-1 rounded"
+        ),
+        {
+          onDragenter: o[1] || (o[1] = (E) => t.value = !0),
+          onDragover: o[2] || (o[2] = y(() => {
+          }, ["prevent"])),
+          onDrop: y(N, ["prevent"])
+        }
+      ), [
+        a(e.$slots, "default", { open: u }, () => [
+          (r(), k(A(
+            e.variant === "compact" ? z : q
+          ), {
+            extensions: s(C)(e.accept) ? e.accept : void 0,
+            onClick: u
+          }, b({ _: 2 }, [
+            e.$slots.label ? {
+              name: "default",
+              fn: n(() => [
+                a(e.$slots, "label")
+              ]),
+              key: "0"
+            } : void 0,
+            l.value ? {
+              name: "sublabel",
+              fn: n(() => [
+                h(_, null, {
+                  default: n(() => [
+                    j(L(l.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["extensions"]))
+        ]),
+        t.value ? (r(), g("div", {
+          key: 0,
+          class: "absolute inset-0",
+          onDragleave: o[0] || (o[0] = (E) => t.value = !1)
+        }, [
+          a(e.$slots, "drop-target", {}, () => [
+            h(U, null, b({ _: 2 }, [
+              e.$slots["drop-target-label"] ? {
+                name: "default",
+                fn: n(() => [
+                  a(e.$slots, "drop-target-label")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024)
+          ])
+        ], 32)) : $("", !0),
+        (m = e.loader) != null && m.isLoading ? (r(), k(G, {
+          key: 1,
+          loader: e.loader
+        }, null, 8, ["loader"])) : $("", !0),
+        w("input", {
+          ref_key: "input",
+          ref: d,
+          accept: s(C)(e.accept) ? e.accept.join(",") : e.accept,
+          class: "sr-only",
+          multiple: e.multiple,
+          type: "file",
+          onChange: M
+        }, null, 40, H)
+      ], 16);
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/components/ScalarFileUpload/ScalarFileUpload.vue2.js

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

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as s, createElementBlock as a, openBlock as l, normalizeProps as i, guardReactiveProps as c, unref as t, createElementVNode as o, createVNode as d, renderSlot as p, createTextVNode as u } from "vue";
+import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
+import m from "../ScalarIcon/ScalarIcon.vue.js";
+const _ = { class: "pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1 text-c-2" }, x = { class: "font-medium" }, z = {}, B = /* @__PURE__ */ s({
+  ...z,
+  inheritAttrs: !1,
+  __name: "ScalarFileUploadDropTarget",
+  setup(v) {
+    const { cx: r } = f();
+    return (n, e) => (l(), a("div", i(c(
+      t(r)(
+        " size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur"
+      )
+    )), [
+      o("div", _, [
+        d(t(m), {
+          class: "size-4",
+          icon: "Upload"
+        }),
+        o("span", x, [
+          p(n.$slots, "default", {}, () => [
+            e[0] || (e[0] = u("Drop to upload"))
+          ])
+        ])
+      ])
+    ], 16));
+  }
+});
+export {
+  B as default
+};

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue2.js

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

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as t, createElementBlock as n, openBlock as a, normalizeProps as c, guardReactiveProps as s, unref as e, createVNode as i, renderSlot as l } from "vue";
+import { useBindCx as m } from "@scalar/use-hooks/useBindCx";
+import p from "../ScalarIcon/ScalarIcon.vue.js";
+const d = {}, B = /* @__PURE__ */ t({
+  ...d,
+  inheritAttrs: !1,
+  __name: "ScalarFileUploadError",
+  setup(f) {
+    const { cx: r } = m();
+    return (o, _) => (a(), n("div", c(s(e(r)("flex items-center gap-1 text-c-danger"))), [
+      i(e(p), {
+        icon: "Error",
+        size: "sm"
+      }),
+      l(o.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  B as default
+};

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue2.js

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

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as x, mergeModels as _, useModel as v, createElementBlock as o, openBlock as i, normalizeProps as g, guardReactiveProps as C, unref as l, createElementVNode as t, Fragment as V, renderList as k, toDisplayString as n, createVNode as d, withCtx as a, createTextVNode as m } from "vue";
+import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
+import z from "pretty-bytes";
+import u from "../ScalarButton/ScalarButton.vue.js";
+const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-center justify-between" }, w = { class: "flex-1 min-w-0 truncate" }, F = { class: "text-c-3" }, M = { class: "flex items-center gap-1.5" }, N = {}, P = /* @__PURE__ */ x({
+  ...N,
+  inheritAttrs: !1,
+  __name: "ScalarFileUploadFileList",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ _(["upload"], ["update:modelValue"]),
+  setup(p) {
+    const r = v(p, "modelValue"), { cx: f } = y();
+    return (c, e) => (i(), o("div", g(C(l(f)("flex flex-col gap-2 p-4"))), [
+      e[4] || (e[4] = t("div", { class: "text-c-2" }, "Selected files:", -1)),
+      (i(!0), o(V, null, k(r.value, (s) => (i(), o("ul", {
+        key: s.name,
+        class: "flex flex-col gap-0.5"
+      }, [
+        t("li", B, [
+          t("div", $, [
+            t("div", w, n(s.name), 1),
+            t("div", F, n(l(z)(s.size)), 1)
+          ])
+        ])
+      ]))), 128)),
+      t("div", M, [
+        d(l(u), {
+          size: "sm",
+          onClick: e[0] || (e[0] = (s) => c.$emit("upload"))
+        }, {
+          default: a(() => e[2] || (e[2] = [
+            m(" Upload ")
+          ])),
+          _: 1
+        }),
+        d(l(u), {
+          size: "sm",
+          variant: "outlined",
+          onClick: e[1] || (e[1] = (s) => r.value = [])
+        }, {
+          default: a(() => e[3] || (e[3] = [
+            m(" Clear ")
+          ])),
+          _: 1
+        })
+      ])
+    ], 16));
+  }
+});
+export {
+  P as default
+};

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue2.js

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

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FileUploadInputProps, FileUploadInputSlots } from './types';
+import type { FileUploadInputProps, FileUploadInputSlots } from './types.js';
 /**
  * Scalar File Upload Input
  *

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent as m, createElementBlock as i, openBlock as n, normalizeProps as f, guardReactiveProps as u, unref as l, createElementVNode as s, renderSlot as r, createVNode as c, createTextVNode as o, toDisplayString as p, withCtx as x, createCommentVNode as _ } from "vue";
+import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
+import y from "../ScalarButton/ScalarButton.vue.js";
+const v = { class: "flex items-center gap-1.5 whitespace-nowrap" }, B = { class: "text-c-2" }, C = {
+  key: 0,
+  class: "text-c-3 text-xs"
+}, g = {}, $ = /* @__PURE__ */ m({
+  ...g,
+  inheritAttrs: !1,
+  __name: "ScalarFileUploadInput",
+  props: {
+    multiple: { type: Boolean },
+    extensions: {}
+  },
+  emits: ["click"],
+  setup(w) {
+    const { cx: a } = k();
+    return (t, e) => (n(), i("div", f(u(l(a)("flex items-center justify-center gap-2 flex-col px-6 py-4"))), [
+      s("div", v, [
+        s("span", B, [
+          r(t.$slots, "default", {}, () => [
+            o("Drop " + p(t.multiple ? "files" : "file") + " here to upload", 1)
+          ]),
+          e[1] || (e[1] = s("span", { class: "text-c-3" }, " or", -1))
+        ]),
+        c(l(y), {
+          size: "sm",
+          tabindex: "-1",
+          variant: "outlined",
+          onClick: e[0] || (e[0] = (d) => t.$emit("click", d))
+        }, {
+          default: x(() => e[2] || (e[2] = [
+            o(" Browse files ")
+          ])),
+          _: 1
+        })
+      ]),
+      r(t.$slots, "sublabel", {}, () => [
+        t.extensions ? (n(), i("div", C, [
+          e[3] || (e[3] = s("span", { class: "font-medium" }, "Supported file types:", -1)),
+          o(" " + p(t.extensions.join(", ")), 1)
+        ])) : _("", !0)
+      ])
+    ], 16));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue2.js

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

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FileUploadInputProps, FileUploadInputSlots } from './types';
+import type { FileUploadInputProps, FileUploadInputSlots } from './types.js';
 /**
  * Scalar File Upload Input
  *

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as c, createElementBlock as o, openBlock as n, mergeProps as m, unref as s, createElementVNode as l, renderSlot as i, createVNode as d, toDisplayString as r, createCommentVNode as u } from "vue";
+import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
+import x from "../ScalarIcon/ScalarIcon.vue.js";
+const _ = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" }, b = {
+  key: 0,
+  class: "text-c-3 text-xs"
+}, k = {}, B = /* @__PURE__ */ c({
+  ...k,
+  inheritAttrs: !1,
+  __name: "ScalarFileUploadInputCompact",
+  props: {
+    multiple: { type: Boolean },
+    extensions: {}
+  },
+  emits: ["click"],
+  setup(y) {
+    const { cx: p } = f();
+    return (e, t) => (n(), o("button", m(
+      { type: "button" },
+      s(p)(
+        "flex items-center justify-center gap-1 rounded flex-col px-4 py-3 hover:bg-b-2"
+      ),
+      {
+        onClick: t[0] || (t[0] = (a) => e.$emit("click", a))
+      }
+    ), [
+      l("div", _, [
+        i(e.$slots, "default", {}, () => [
+          d(s(x), {
+            icon: "Upload",
+            size: "sm"
+          }),
+          l("span", null, " Upload " + r(e.multiple ? "files" : "file"), 1)
+        ])
+      ]),
+      i(e.$slots, "sublabel", {}, () => [
+        e.extensions ? (n(), o("div", b, r(e.extensions.join(", ")), 1)) : u("", !0)
+      ])
+    ], 16));
+  }
+});
+export {
+  B as default
+};

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue2.js

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

package/dist/components/ScalarFileUpload/ScalarFileUploadLoading.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as r, createElementBlock as a, openBlock as n, normalizeProps as l, guardReactiveProps as i, unref as e, createVNode as s } from "vue";
+import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
+import d from "../ScalarLoading/ScalarLoading.vue.js";
+const p = {}, x = /* @__PURE__ */ r({
+  ...p,
+  inheritAttrs: !1,
+  __name: "ScalarFileUploadLoading",
+  props: {
+    loader: {}
+  },
+  setup(u) {
+    const { cx: t } = c();
+    return (o, m) => (n(), a("div", l(i(
+      e(t)(
+        " size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur text-c-2"
+      )
+    )), [
+      s(e(d), {
+        loadingState: o.loader,
+        size: "md"
+      }, null, 8, ["loadingState"])
+    ], 16));
+  }
+});
+export {
+  x as default
+};

package/dist/components/ScalarFileUpload/ScalarFileUploadLoading.vue2.js

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

package/dist/components/ScalarFileUpload/index.d.ts

@@ -1,8 +1,8 @@
-export { default as ScalarFileUpload } from './ScalarFileUpload.vue';
-export { default as ScalarFileUploadInput } from './ScalarFileUploadInput.vue';
-export { default as ScalarFileUploadInputCompact } from './ScalarFileUploadInputCompact.vue';
-export { default as ScalarFileUploadDropTarget } from './ScalarFileUploadDropTarget.vue';
-export { default as ScalarFileUploadLoading } from './ScalarFileUploadLoading.vue';
-export { default as ScalarFileUploadError } from './ScalarFileUploadError.vue';
-export { default as ScalarFileUploadFileList } from './ScalarFileUploadFileList.vue';
+export { default as ScalarFileUpload } from './ScalarFileUpload.vue.js';
+export { default as ScalarFileUploadInput } from './ScalarFileUploadInput.vue.js';
+export { default as ScalarFileUploadInputCompact } from './ScalarFileUploadInputCompact.vue.js';
+export { default as ScalarFileUploadDropTarget } from './ScalarFileUploadDropTarget.vue.js';
+export { default as ScalarFileUploadLoading } from './ScalarFileUploadLoading.vue.js';
+export { default as ScalarFileUploadError } from './ScalarFileUploadError.vue.js';
+export { default as ScalarFileUploadFileList } from './ScalarFileUploadFileList.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarFileUpload/types.js

@@ -0,0 +1,6 @@
+function i(r) {
+  return Array.isArray(r) && r.every((t) => t.startsWith("."));
+}
+export {
+  i as isExtensionList
+};