welcome-ui 8.0.0 → 8.1.0-alpha.0

package/dist/FileUpload.mjs

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

package/dist/Files.mjs

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

package/dist/Flex.mjs

@@ -1,22 +1,22 @@
 "use client";
-import n from "react";
-import { forwardRef as s } from "./System.mjs";
-import { Box as p } from "./Box.mjs";
-const d = s(
-  ({ align: e, basis: t, dataTestId: r, direction: l, grow: f, justify: i, shrink: o, wrap: a, ...x }, m) => /* @__PURE__ */ n.createElement(
-    p,
+import { j as m } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { Box as n } from "./Box.mjs";
+import { forwardRef as p } from "./System.mjs";
+const d = p(
+  ({ align: e, basis: t, dataTestId: r, direction: i, grow: o, justify: s, shrink: x, wrap: f, ...l }, a) => /* @__PURE__ */ m.jsx(
+    n,
     {
       alignItems: e,
       "data-testid": r,
       display: "flex",
       flexBasis: t,
-      flexDirection: l,
-      flexGrow: f,
-      flexShrink: o,
-      flexWrap: a,
-      justifyContent: i,
-      ref: m,
-      ...x
+      flexDirection: i,
+      flexGrow: o,
+      flexShrink: x,
+      flexWrap: f,
+      justifyContent: s,
+      ref: a,
+      ...l
     }
   )
 );

package/dist/Grid.mjs

@@ -1,57 +1,57 @@
 "use client";
-import a from "react";
+import { j as s } from "./jsx-runtime-B7I4PJ0H.mjs";
 import { Box as m } from "./Box.mjs";
-import { forwardRef as n } from "./System.mjs";
-const C = n(
-  ({ area: r, column: t, dataTestId: e, row: o, ...i }, d) => /* @__PURE__ */ a.createElement(
+import { forwardRef as a } from "./System.mjs";
+const j = a(
+  ({ area: r, column: t, dataTestId: o, row: i, ...e }, d) => /* @__PURE__ */ s.jsx(
     m,
     {
-      "data-testid": e,
+      "data-testid": o,
       gridArea: r,
       gridColumn: t,
       ref: d,
-      row: o,
-      ...i
+      row: i,
+      ...e
     }
   )
-), R = n(
+), w = a(
   ({
     area: r,
     autoColumns: t,
-    autoFlow: e,
-    autoRows: o,
-    column: i,
+    autoFlow: o,
+    autoRows: i,
+    column: e,
     columnGap: d,
-    dataTestId: s,
+    dataTestId: n,
     gap: g,
-    row: l,
-    rowGap: u,
+    row: u,
+    rowGap: l,
     templateAreas: p,
-    templateColumns: c,
-    templateRows: f,
-    ...A
-  }, w) => /* @__PURE__ */ a.createElement(
+    templateColumns: x,
+    templateRows: A,
+    ...c
+  }, f) => /* @__PURE__ */ s.jsx(
     m,
     {
       columnGap: d,
-      "data-testid": s,
+      "data-testid": n,
       display: "grid",
       gap: g,
       gridArea: r,
       gridAutoColumns: t,
-      gridAutoFlow: e,
-      gridAutoRows: o,
-      gridColumn: i,
-      gridRow: l,
+      gridAutoFlow: o,
+      gridAutoRows: i,
+      gridColumn: e,
+      gridRow: u,
       gridTemplateAreas: p,
-      gridTemplateColumns: c,
-      gridTemplateRows: f,
-      ref: w,
-      rowGap: u,
-      ...A
+      gridTemplateColumns: x,
+      gridTemplateRows: A,
+      ref: f,
+      rowGap: l,
+      ...c
     }
   )
-), G = Object.assign(R, { Item: C });
+), G = Object.assign(w, { Item: j });
 export {
   G as Grid
 };

package/dist/Hint.mjs

@@ -1,21 +1,21 @@
 "use client";
-import a from "react";
-import d, { css as l, th as e } from "@xstyled/styled-components";
-import { forwardRef as m } from "./System.mjs";
-const i = d.divBox(
+import { j as m } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { forwardRef as d } from "./System.mjs";
+import a, { th as s, css as l } from "@xstyled/styled-components";
+const i = a.divBox(
   ({ variant: t }) => l`
-    ${e("hints.default")};
-    ${t && e(`hints.${t}`)};
+    ${s("hints.default")};
+    ${t && s(`hints.${t}`)};
     margin-top: xs;
     display: flex;
     align-items: center;
   `
-), c = m(
-  ({ children: t, dataTestId: n, variant: s, ...o }, r) => /* @__PURE__ */ a.createElement(i, { "data-testid": n, ref: r, variant: s, ...o }, t)
+), p = d(
+  ({ children: t, dataTestId: e, variant: n, ...o }, r) => /* @__PURE__ */ m.jsx(i, { "data-testid": e, ref: r, variant: n, ...o, children: t })
 );
-c.displayName = "Hint";
-const x = i;
+p.displayName = "Hint";
+const u = i;
 export {
-  c as Hint,
-  x as StyledHint
+  p as Hint,
+  u as StyledHint
 };