welcome-ui 8.1.1 → 8.2.0-alpha.0

package/dist/FileUpload.mjs

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

package/dist/Files.mjs

@@ -1,8 +1,8 @@
 "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-B0gDDiFm.mjs";
+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",
@@ -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);
+function j(i, p) {
+  const a = b(i);
   if (!p && !a)
     return e;
   if (p === "image" || a && a.startsWith("image/"))
-    return t;
+    return o;
   if (p === "audio" || a && a.startsWith("audio/"))
-    return n;
+    return t;
   if (p === "video" || a && a.startsWith("video/"))
-    return m;
+    return n;
   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 s;
-    case "text/csv":
+    case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
       return c;
+    case "text/csv":
+      return m;
     default:
       return e;
   }
 }
+function v(i) {
+  return typeof i == "string" ? w(i).split("/").pop() : i.name;
+}
+function q(i) {
+  return i instanceof File && i.size ? f(i.size, 0) : null;
+}
+function b(i) {
+  if (typeof i == "string") {
+    const p = v(i).split(".").pop();
+    return x[p] || 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, { th as e, css as l } 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
 };