welcome-ui 8.1.0 → 8.1.2

package/dist/FileUpload.mjs

@@ -1,109 +1,88 @@
 "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 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 { 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 { Tag as M } from "./Tag.mjs";
+import { Box as X } from "./Box.mjs";
+const Y = D.inputBox.withConfig({ shouldForwardProp: h })`
   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: [
-      "(",
-      u,
-      ")"
-    ] }) : null
-  ] }, o);
-}, Q = X(
+`, 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(
   ({
-    accept: r = H,
-    children: f,
-    dataTestId: a,
-    disabled: o,
+    accept: t = q,
+    children: m,
+    dataTestId: l,
+    disabled: n,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     draggable: u,
-    handleAddFile: j,
-    handleRemoveFile: x,
-    maxSize: g = G,
-    multiple: L,
+    handleAddFile: d,
+    handleRemoveFile: g,
+    maxSize: I = Z,
+    multiple: R,
     name: E,
     onBlur: i,
-    onChange: n,
+    onChange: p,
     // 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);
-      });
+    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 S = (t) => {
-      let s = Array.from(t.target.files || []).map(
-        (m) => (m.preview = URL.createObjectURL(m), m)
+    const T = (e) => {
+      let r = Array.from(e.target.files).map(
+        (a) => (a.preview = URL.createObjectURL(a), a)
       );
-      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,
-        {
-          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"
+      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);
         },
-        T
-      ),
-      v ? c.map((t) => /* @__PURE__ */ e.jsx(
-        v,
-        {
-          file: t,
-          onRemove: () => R(t)
-        },
-        t instanceof File ? t.name : t
-      )) : null
-    ] });
+        ...S,
+        type: "file"
+      }
+    ), v && c.map((e) => /* @__PURE__ */ o.createElement(
+      v,
+      {
+        file: e,
+        key: e instanceof File ? e.name : e,
+        onRemove: () => U(e)
+      }
+    )));
   }
 );
-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 { f as o } from "./format-bytes-gST0dTWd.mjs";
+import "react";
 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 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";
+const x = {
   "7z": "application/x-7z-compressed",
   aac: "audio/aac",
   aif: "audio/x-aiff",
@@ -69,62 +69,62 @@ const f = {
   xwd: "image/x-xwindowdump",
   zip: "application/zip"
 };
-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/"))
+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/"))
     return t;
-  if (e === "video" || a && a.startsWith("video/"))
+  if (p === "audio" || a && a.startsWith("audio/"))
     return n;
+  if (p === "video" || a && a.startsWith("video/"))
+    return m;
   switch (a) {
-    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/pdf":
+      return f;
     case "application/msword":
+      return u;
+    case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
       return g;
-    case "application/pdf":
-      return l;
     case "application/vnd.ms-excel":
+      return l;
+    case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
       return d;
     case "application/vnd.ms-powerpoint":
     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":
+    case "application/zip":
+    case "application/x-bzip":
+    case "application/x-bzip2":
+    case "application/x-7z-compressed":
+    case "application/gzip":
+    case "application/vnd.rar":
       return s;
     case "text/csv":
-      return m;
+      return c;
     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;
-}
-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 {
-  j as getFileIcon,
-  v as getFileName,
-  q as getFileSize,
-  b as getMimeType
+  q as getFileIcon,
+  b as getFileName,
+  j as getFileSize,
+  w as getMimeType
 };

package/dist/Flex.mjs

@@ -1,22 +1,22 @@
 "use client";
-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,
+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,
     {
       alignItems: e,
       "data-testid": r,
       display: "flex",
       flexBasis: t,
-      flexDirection: i,
-      flexGrow: o,
-      flexShrink: x,
-      flexWrap: f,
-      justifyContent: s,
-      ref: a,
-      ...l
+      flexDirection: l,
+      flexGrow: f,
+      flexShrink: o,
+      flexWrap: a,
+      justifyContent: i,
+      ref: m,
+      ...x
     }
   )
 );

package/dist/Grid.mjs

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

package/dist/Hint.mjs

@@ -1,21 +1,21 @@
 "use client";
-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(
+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(
   ({ variant: t }) => l`
-    ${s("hints.default")};
-    ${t && s(`hints.${t}`)};
+    ${e("hints.default")};
+    ${t && e(`hints.${t}`)};
     margin-top: xs;
     display: flex;
     align-items: center;
   `
-), 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 = m(
+  ({ children: t, dataTestId: n, variant: s, ...o }, r) => /* @__PURE__ */ a.createElement(i, { "data-testid": n, ref: r, variant: s, ...o }, t)
 );
-p.displayName = "Hint";
-const u = i;
+c.displayName = "Hint";
+const x = i;
 export {
-  p as Hint,
-  u as StyledHint
+  c as Hint,
+  x as StyledHint
 };