welcome-ui 8.1.0 → 8.2.0-alpha.0

package/dist/FileUpload.mjs

@@ -1,109 +1,102 @@
 "use client";
-import { j as e } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { useState as z, useRef as A, useEffect as _ } from "react";
-import { Box as D } from "./Box.mjs";
-import { Button as N } from "./Button.mjs";
-import { getFileIcon as O, getFileName as P, getFileSize as K } from "./Files.mjs";
-import { shouldForwardProp as M, forwardRef as X } from "./System.mjs";
-import { Tag as Y } from "./Tag.mjs";
-import { c as b } from "./create-event-rXDe5aCQ.mjs";
-import Z from "@xstyled/styled-components";
-const q = Z.inputBox.withConfig({ shouldForwardProp: M })`
+import { j as r } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { useState as T, useRef as b, useEffect as U } from "react";
+import { Box as z } from "./Box.mjs";
+import { Button as D } from "./Button.mjs";
+import { getFileIcon as C, getFileName as N, getFileSize as O } from "./Files.mjs";
+import { shouldForwardProp as P, forwardRef as K } from "./System.mjs";
+import { Tag as M } from "./Tag.mjs";
+import { c as L } from "./create-event-rXDe5aCQ.mjs";
+import X from "@xstyled/styled-components";
+const Y = X.inputBox.withConfig({ shouldForwardProp: P })`
   display: none;
-`, G = 2e6, H = "*/*", d = (r) => Array.isArray(r) ? r : r ? [r] : [], J = ({ file: r, onRemove: f }) => {
-  const a = O(r), o = P(r), u = K(r);
-  return /* @__PURE__ */ e.jsxs(Y, { "data-id": o, mr: "sm", mt: "sm", onRemove: f, children: [
-    /* @__PURE__ */ e.jsx(a, { size: "md" }),
-    o,
-    u ? /* @__PURE__ */ e.jsxs(D, { color: "beige-60", children: [
+`, Z = 2e6, q = "*/*", h = (e) => Array.isArray(e) ? e : e ? [e] : [], G = ({ file: e, onRemove: p }) => {
+  const l = C(e), n = N(e), u = O(e);
+  return /* @__PURE__ */ r.jsxs(M, { "data-id": n, mr: "sm", mt: "sm", onRemove: p, children: [
+    /* @__PURE__ */ r.jsx(l, { size: "md" }),
+    n,
+    u ? /* @__PURE__ */ r.jsxs(z, { color: "beige-60", children: [
       "(",
       u,
       ")"
     ] }) : null
-  ] }, o);
-}, Q = X(
+  ] }, n);
+}, H = K(
   ({
-    accept: r = H,
-    children: f,
-    dataTestId: a,
-    disabled: o,
+    accept: e = q,
+    children: p,
+    dataTestId: l,
+    disabled: n,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     draggable: u,
-    handleAddFile: j,
-    handleRemoveFile: x,
-    maxSize: g = G,
-    multiple: L,
-    name: E,
-    onBlur: i,
-    onChange: n,
+    handleAddFile: x,
+    handleRemoveFile: g,
+    maxSize: A = Z,
+    multiple: y,
+    name: f,
+    onBlur: c,
+    onChange: a,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onError: V,
-    preview: v = J,
-    value: w = [],
-    ...k
-  }, p) => {
-    const [c, y] = z(d(w)), F = A();
-    _(() => {
-      y(d(w));
-    }, [w]), _(() => () => {
-      c && c.forEach((t) => {
-        t instanceof File && t.preview && URL.revokeObjectURL(t.preview);
-      });
-    }, [c]);
-    const S = (t) => {
-      let s = Array.from(t.target.files || []).map(
+    onError: J,
+    preview: E = G,
+    value: F = [],
+    ...I
+  }, i) => {
+    const [s, d] = T(h(F)), R = b();
+    U(() => {
+      d(h(F));
+    }, [F]), U(() => () => {
+      s && s.map((t) => t instanceof File ? URL.revokeObjectURL(t.preview) : t);
+    }, [s]);
+    const _ = (t) => {
+      let o = Array.from(t.target.files).map(
         (m) => (m.preview = URL.createObjectURL(m), m)
       );
-      y(s), s.length === 1 && (s = s[0]);
-      const U = b({ name: E, value: s });
-      n == null || n(U), j == null || j(s), i == null || i();
-    }, R = (t) => {
-      const s = c.filter((l) => l !== t), U = L ? s : void 0;
-      y(s);
-      const m = b({ name: E, value: U });
-      n == null || n(m), x == null || x(t), i == null || i();
-    }, I = () => {
-      F.current && F.current.click();
-    }, T = c.map((t) => t instanceof File ? t.preview : void 0).join("");
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      f ? f({
-        disabled: !!o,
-        files: c,
-        onRemoveFile: R,
-        openFile: I
-      }) : /* @__PURE__ */ e.jsx(N, { disabled: o, onClick: I, children: "Upload file" }),
-      /* @__PURE__ */ e.jsx("br", {}),
-      /* @__PURE__ */ e.jsx(
-        q,
+      d(o), o.length === 1 && (o = o[0]);
+      const j = L({ name: f, value: o });
+      a && a(j), x && x(o), c && c();
+    }, v = (t) => {
+      const o = s.filter((S) => S !== t), j = y ? o : void 0;
+      d(o);
+      const m = L({ name: f, value: j });
+      a && a(m), g && g(t), c && c();
+    }, w = () => {
+      R.current.click();
+    }, k = s.map((t) => t instanceof File ? t.preview : void 0).join("");
+    return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      p ? p({ disabled: n, files: s, onRemoveFile: v, openFile: w }) : /* @__PURE__ */ r.jsx(D, { disabled: n, onClick: w, children: "Upload file" }),
+      /* @__PURE__ */ r.jsx("br", {}),
+      /* @__PURE__ */ r.jsx(
+        Y,
         {
-          accept: r,
-          "data-testid": a,
-          disabled: o,
-          maxSize: g,
-          multiple: L,
-          name: E,
-          onBlur: i,
-          onChange: S,
+          accept: e,
+          "data-testid": l,
+          disabled: n,
+          maxSize: A,
+          multiple: y,
+          name: f,
+          onBlur: c,
+          onChange: _,
           ref: (t) => {
-            F.current = t, typeof p == "function" ? p(t) : p != null && p.current && (p.current = t);
+            R.current = t, typeof i == "function" ? i(t) : i != null && i.current && (i.current = t);
           },
-          ...k,
+          ...I,
           type: "file"
         },
-        T
+        k
       ),
-      v ? c.map((t) => /* @__PURE__ */ e.jsx(
-        v,
+      E ? s.map((t) => /* @__PURE__ */ r.jsx(
+        E,
         {
           file: t,
-          onRemove: () => R(t)
+          onRemove: () => v(t)
         },
         t instanceof File ? t.name : t
       )) : null
     ] });
   }
 );
-Q.displayName = "FileUpload";
+H.displayName = "FileUpload";
 export {
-  Q as FileUpload
+  H as FileUpload
 };

package/dist/Files.mjs

@@ -1,9 +1,9 @@
 "use client";
 import "./jsx-runtime-B7I4PJ0H.mjs";
 import "./Icon.mjs";
-import { A as p, C as o, M as t, V as n, a as m, D as s, X as c, P as r, b as d, c as l, d as g, Z as u } from "./index-i_anpNhw.mjs";
-import { f as x } from "./format-bytes-gST0dTWd.mjs";
-const f = {
+import { A as e, C as o, M as t, V as n, a as m, D as c, X as s, P as r, b as d, c as l, d as g, Z as u } from "./index-i_anpNhw.mjs";
+import { f } from "./format-bytes-gST0dTWd.mjs";
+const x = {
   "7z": "application/x-7z-compressed",
   aac: "audio/aac",
   aif: "audio/x-aiff",
@@ -69,15 +69,15 @@ const f = {
   xwd: "image/x-xwindowdump",
   zip: "application/zip"
 };
-function j(i, e) {
+function j(i, p) {
   const a = b(i);
-  if (!e && !a)
-    return p;
-  if (e === "image" || a && a.startsWith("image/"))
+  if (!p && !a)
+    return e;
+  if (p === "image" || a && a.startsWith("image/"))
     return o;
-  if (e === "audio" || a && a.startsWith("audio/"))
+  if (p === "audio" || a && a.startsWith("audio/"))
     return t;
-  if (e === "video" || a && a.startsWith("video/"))
+  if (p === "video" || a && a.startsWith("video/"))
     return n;
   switch (a) {
     case "application/gzip":
@@ -97,25 +97,25 @@ function j(i, e) {
     case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
       return r;
     case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
-      return c;
-    case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
       return s;
+    case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+      return c;
     case "text/csv":
       return m;
     default:
-      return p;
+      return e;
   }
 }
 function v(i) {
   return typeof i == "string" ? w(i).split("/").pop() : i.name;
 }
 function q(i) {
-  return i instanceof File && i.size ? x(i.size, 0) : null;
+  return i instanceof File && i.size ? f(i.size, 0) : null;
 }
 function b(i) {
   if (typeof i == "string") {
-    const e = v(i), a = e ? e.split(".").pop() : void 0;
-    return a && f[a] || null;
+    const p = v(i).split(".").pop();
+    return x[p] || null;
   } else
     return i.type;
 }

package/dist/InputText.mjs

@@ -1,86 +1,86 @@
 "use client";
 import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
-import n from "react";
+import u from "react";
 import { Box as _ } from "./Box.mjs";
 import { ClearButton as y } from "./ClearButton.mjs";
 import { IconWrapper as S, IconGroupWrapper as T } from "./Field.mjs";
-import { shouldForwardProp as N, forwardRef as W } from "./System.mjs";
-import { c as $ } from "./create-event-rXDe5aCQ.mjs";
-import { d as k, F as A } from "./field-styles-BVlRlvuu.mjs";
-import D, { css as G } from "@xstyled/styled-components";
-const L = D.inputBox.withConfig({ shouldForwardProp: N })(
-  ({ iconPlacement: p, isClearable: l, size: i, transparent: t, variant: r }) => G`
-    ${k({
-    iconPlacement: p,
-    isClearable: l,
+import { shouldForwardProp as g, forwardRef as N } from "./System.mjs";
+import { c as W } from "./create-event-rXDe5aCQ.mjs";
+import { d as $, F as k } from "./field-styles-CfVLcVQp.mjs";
+import A, { css as C } from "@xstyled/styled-components";
+const D = A.inputBox.withConfig({ shouldForwardProp: g })(
+  ({ iconPlacement: e, isClearable: p, size: i, transparent: t, variant: r }) => C`
+    ${$({
+    iconPlacement: e,
+    isClearable: p,
     size: i,
     transparent: t,
     variant: r
   })};
     text-overflow: ellipsis;
   `
-), O = W(
+), G = N(
   ({
-    autoFocus: p,
-    dataTestId: l,
+    autoFocus: e,
+    dataTestId: p,
     disabled: i,
     icon: t,
     iconPlacement: r = "left",
-    isClearable: d,
-    name: m,
+    isClearable: l,
+    name: n,
     onBlur: x,
-    onChange: s,
+    onChange: d,
     onFocus: c,
-    onKeyDown: I,
-    placeholder: a,
-    size: u = "md",
-    transparent: j,
-    type: h = "text",
+    onKeyDown: a,
+    placeholder: I,
+    size: m = "md",
+    transparent: h,
+    type: j = "text",
     value: f,
     variant: E,
     ...v
   }, w) => {
-    const z = d && r === "right", B = t && r, e = A[u], F = () => {
-      const R = $({
-        name: m,
+    const z = l && r === "right", B = t && r, s = k[m], F = () => {
+      const R = W({
+        name: n,
         value: ""
       });
-      s == null || s(R);
+      d && d(R);
     };
     return /* @__PURE__ */ o.jsxs(_, { position: "relative", children: [
       /* @__PURE__ */ o.jsx(
-        L,
+        D,
         {
-          autoFocus: p,
-          "data-testid": l,
+          autoFocus: e,
+          "data-testid": p,
           disabled: i,
           iconPlacement: !!t && r,
-          id: m,
-          isClearable: d,
-          name: m,
+          id: n,
+          isClearable: l,
+          name: n,
           onBlur: x,
-          onChange: s,
+          onChange: d,
           onFocus: c,
-          onKeyDown: I,
-          placeholder: a,
+          onKeyDown: a,
+          placeholder: I,
           ref: w,
-          size: u,
-          transparent: j,
-          type: h,
+          size: m,
+          transparent: h,
+          type: j,
           value: f,
           variant: E,
           ...v
         }
       ),
-      B && !z ? /* @__PURE__ */ o.jsx(S, { iconPlacement: r, size: e, children: n.cloneElement(t, { ...t.props, size: e }) }) : null,
-      d ? /* @__PURE__ */ o.jsxs(T, { size: e, children: [
+      B && !z ? /* @__PURE__ */ o.jsx(S, { iconPlacement: r, size: s, children: u.cloneElement(t, { ...t.props, size: s }) }) : null,
+      l ? /* @__PURE__ */ o.jsxs(T, { size: s, children: [
         f ? /* @__PURE__ */ o.jsx(y, { onClick: F }) : null,
-        r === "right" && t ? n.cloneElement(t, { ...t.props, size: e }) : null
+        r === "right" && u.cloneElement(t, { ...t.props, size: s })
       ] }) : null
     ] });
   }
 );
-O.displayName = "InputText";
+G.displayName = "InputText";
 export {
-  O as InputText
+  G as InputText
 };

package/dist/Label.mjs

@@ -4,7 +4,7 @@ import "./Icon.mjs";
 import { L as u } from "./index-SQQQ4dEE.mjs";
 import { shouldForwardProp as x, forwardRef as g } from "./System.mjs";
 import { VariantIcon as w } from "./VariantIcon.mjs";
-import { w as y } from "./wrap-children-DBSD-X5-.mjs";
+import { w as y } from "./wrap-children-CzmhoRzd.mjs";
 import o, { th as b, css as l } from "@xstyled/styled-components";
 const n = o.labelBox.withConfig({ shouldForwardProp: x })(
   ({ required: e }) => l`