welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/FileUpload.css

@@ -1 +1 @@
-@layer components{._input_nmgw3_2{display:none}._preview-tag_nmgw3_5{margin-right:var(--spacing-sm);margin-top:var(--spacing-sm)}._preview-tag-size_nmgw3_9{color:var(--color-beige-60)}}
+@layer components{._input_2g24s_2{display:none}._preview-tag_2g24s_5{margin-right:var(--border-radius-md);margin-top:var(--border-radius-md)}._preview-tag-size_2g24s_9{color:var(--color-border-warm-primary)}}

package/dist/FileUpload.js

@@ -1,90 +1,94 @@
 "use client";
+import './FileUpload.css';
 import { jsxs as U, Fragment as T, jsx as p } from "react/jsx-runtime";
-import { forwardRef as D, useState as O, useRef as A, useMemo as H, useImperativeHandle as K, useEffect as j } from "react";
-import { Button as M } from "./Button.js";
-import { g as Y, b as q, a as G } from "./index-lbUBMgHp.js";
-import { Tag as J } from "./Tag.js";
-import { c as Q } from "./index-PAaZGbyz.js";
-import { c as k } from "./create-event-rXDe5aCQ.js";
-const V = "_input_nmgw3_2", W = {
-  input: V,
-  "preview-tag": "_preview-tag_nmgw3_5",
-  "preview-tag-size": "_preview-tag-size_nmgw3_9"
-}, y = Q(W), X = "*/*", x = (e) => Array.isArray(e) ? e : e ? [e] : [], Z = ({ file: e, onRemove: m }) => {
-  const a = Y(e), w = q(e), i = G(e);
-  return /* @__PURE__ */ U(J, { className: y("preview-tag"), "data-testid": w, onRemove: m, children: [
-    /* @__PURE__ */ p(a, { size: "md" }),
-    w,
-    i ? /* @__PURE__ */ U("span", { className: y("preview-tag-size"), children: [
+import { forwardRef as O, useState as A, useRef as H, useMemo as K, useImperativeHandle as M, useEffect as R } from "react";
+import { Button as Y } from "./Button.js";
+import { g as d, b as q, a as G } from "./index-DmEMuVTM.js";
+import { Icon as J } from "./Icon.js";
+import { Tag as Q } from "./Tag.js";
+import { c as V } from "./index-PAaZGbyz.js";
+import { c as j } from "./create-event-rXDe5aCQ.js";
+const W = "_input_2g24s_2", X = {
+  input: W,
+  "preview-tag": "_preview-tag_2g24s_5",
+  "preview-tag-size": "_preview-tag-size_2g24s_9"
+}, y = V(X), Z = "*/*", k = (e) => Array.isArray(e) ? e : e ? [e] : [], x = ({ file: e, onRemove: m }) => {
+  const n = d(e), f = q(e), c = G(e);
+  return /* @__PURE__ */ U(Q, { className: y("preview-tag"), "data-testid": f, onRemove: m, children: [
+    /* @__PURE__ */ p(J, { name: n, size: "md" }),
+    f,
+    c ? /* @__PURE__ */ U("span", { className: y("preview-tag-size"), children: [
       "(",
-      i,
+      c,
       ")"
     ] }) : null
-  ] }, w);
-}, $ = D(
+  ] }, f);
+};
+x.displayName = "FileUpload.DefaultPreview";
+const $ = O(
   ({
-    accept: e = X,
+    accept: e = Z,
     children: m,
-    disabled: a,
+    disabled: n,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    draggable: w,
-    handleAddFile: i,
-    handleRemoveFile: f,
-    multiple: z,
-    name: u,
-    onBlur: c,
-    onChange: n,
+    draggable: f,
+    handleAddFile: c,
+    handleRemoveFile: u,
+    multiple: N,
+    name: v,
+    onBlur: i,
+    onChange: a,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onError: d,
-    preview: E,
-    value: v = [],
+    onError: C,
+    preview: l,
+    value: w = [],
     ...I
-  }, S) => {
-    const [r, g] = O(x(v)), _ = A(), L = H(() => E || Z, [E]);
-    K(S, () => _.current), j(() => {
-      g(x(v));
-    }, [v]), j(() => () => {
+  }, P) => {
+    const [r, g] = A(k(w)), _ = H(), z = K(() => l || x, [l]);
+    M(P, () => _.current), R(() => {
+      g(k(w));
+    }, [w]), R(() => () => {
       r == null || r.map((t) => t instanceof File ? URL.revokeObjectURL(t.preview) : t);
     }, [r]);
-    const b = (t) => {
+    const S = (t) => {
       let s = Array.from(t.target.files).map(
         (o) => (o instanceof File && (o.preview = URL.createObjectURL(o)), o)
       );
       g(s), s.length === 1 && (s = s[0]);
-      const F = k({ name: u, value: s });
-      n == null || n(F), i == null || i(s), c == null || c();
-    }, N = (t) => {
-      const s = r.filter((P) => P !== t), F = z ? s : void 0;
+      const F = j({ name: v, value: s });
+      a == null || a(F), c == null || c(s), i == null || i();
+    }, E = (t) => {
+      const s = r.filter((D) => D !== t), F = N ? s : void 0;
       g(s);
-      const o = k({ name: u, value: F });
-      n == null || n(o), f == null || f(t), c == null || c();
-    }, R = () => {
+      const o = j({ name: v, value: F });
+      a == null || a(o), u == null || u(t), i == null || i();
+    }, L = () => {
       _.current.click();
-    }, l = r.map((t) => t instanceof File ? t.preview : void 0).join("");
+    }, b = r.map((t) => t instanceof File ? t.preview : void 0).join("");
     return /* @__PURE__ */ U(T, { children: [
-      m ? m({ disabled: a, files: r, onRemoveFile: N, openFile: R }) : /* @__PURE__ */ p(M, { disabled: a, onClick: R, children: "Upload file" }),
+      m ? m({ disabled: n, files: r, onRemoveFile: E, openFile: L }) : /* @__PURE__ */ p(Y, { disabled: n, onClick: L, children: "Upload file" }),
       /* @__PURE__ */ p("br", {}),
       /* @__PURE__ */ p(
         "input",
         {
           accept: e,
           className: y("input"),
-          disabled: a,
-          multiple: z,
-          name: u,
-          onBlur: c,
-          onChange: b,
+          disabled: n,
+          multiple: N,
+          name: v,
+          onBlur: i,
+          onChange: S,
           ref: _,
           ...I,
           type: "file"
         },
-        l
+        b
       ),
-      L ? r.map((t) => /* @__PURE__ */ p(
-        L,
+      z ? r.map((t) => /* @__PURE__ */ p(
+        z,
         {
           file: t,
-          onRemove: () => N(t)
+          onRemove: () => E(t)
         },
         t instanceof File ? t.name : t
       )) : null