welcome-ui 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/index-DCOLdphy.mjs

@@ -0,0 +1,184 @@
+"use client";
+import U, { createContext as B, useState as Z, useRef as z, useEffect as D } from "react";
+import { shouldForwardProp as H, forwardRef as O } from "./System.mjs";
+import V, { css as _, th as C, system as W } from "@xstyled/styled-components";
+import { d as q } from "./field-styles-CeV7pnOp.mjs";
+import { n as G, c as I, f as J, _ as K, k as Q, o as X, y as Y, e as E, E as ee, h as te, j as re, a as y, z as ne, b as ae, m as oe } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { u as ie } from "./KUU7WJ55-bC4FU_j7.mjs";
+import { u as ce } from "./YV4JVR4I-1ezWeCCz.mjs";
+var de = B(!1), se = G(), le = se.useContext, L = "input";
+function F(t, n) {
+  n ? t.indeterminate = !0 : t.indeterminate && (t.indeterminate = !1);
+}
+function ue(t, n) {
+  return t === "input" && (!n || n === "checkbox");
+}
+function A(t) {
+  return Array.isArray(t) ? t.toString() : t;
+}
+var fe = I(
+  function(n) {
+    var c = n, {
+      store: o,
+      name: d,
+      value: a,
+      checked: l,
+      defaultChecked: p
+    } = c, r = K(c, [
+      "store",
+      "name",
+      "value",
+      "checked",
+      "defaultChecked"
+    ]);
+    const x = le();
+    o = o || x;
+    const [g, u] = Z(p ?? !1), f = ce(o, (e) => {
+      if (l !== void 0) return l;
+      if ((e == null ? void 0 : e.value) === void 0) return g;
+      if (a != null) {
+        if (Array.isArray(e.value)) {
+          const m = A(a);
+          return e.value.includes(m);
+        }
+        return e.value === a;
+      }
+      return Array.isArray(e.value) ? !1 : typeof e.value == "boolean" ? e.value : !1;
+    }), b = z(null), R = Q(b, L), i = ue(R, r.type), v = f ? f === "mixed" : void 0, h = f === "mixed" ? !1 : f, S = X(r), [T, N] = Y();
+    D(() => {
+      const e = b.current;
+      e && (F(e, v), !i && (e.checked = h, d !== void 0 && (e.name = d), a !== void 0 && (e.value = `${a}`)));
+    }, [T, v, i, h, d, a]);
+    const w = r.onChange, $ = E((e) => {
+      if (S) {
+        e.stopPropagation(), e.preventDefault();
+        return;
+      }
+      if (F(e.currentTarget, v), i || (e.currentTarget.checked = !e.currentTarget.checked, N()), w == null || w(e), e.defaultPrevented) return;
+      const m = e.currentTarget.checked;
+      u(m), o == null || o.setValue((s) => {
+        if (a == null) return m;
+        const k = A(a);
+        return Array.isArray(s) ? m ? s.includes(k) ? s : [...s, k] : s.filter((M) => M !== k) : s === k ? !1 : k;
+      });
+    }), P = r.onClick, j = E((e) => {
+      P == null || P(e), !e.defaultPrevented && (i || $(e));
+    });
+    return r = ee(
+      r,
+      (e) => /* @__PURE__ */ oe.jsx(de.Provider, { value: h, children: e }),
+      [h]
+    ), r = te(y({
+      role: i ? void 0 : "checkbox",
+      type: i ? "checkbox" : void 0,
+      "aria-checked": f
+    }, r), {
+      ref: re(b, r.ref),
+      onChange: $,
+      onClick: j
+    }), r = ie(y({ clickOnEnter: !i }, r)), ne(y({
+      name: i ? d : void 0,
+      value: i ? a : void 0,
+      checked: h
+    }, r));
+  }
+), he = J(function(n) {
+  const c = fe(n);
+  return ae(L, c);
+});
+const me = V(he).withConfig({
+  shouldForwardProp: H
+})(
+  ({ indeterminate: t, order: n = "-1", size: c, theme: o, variant: d }) => _`
+    ${q({ size: c, variant: d })};
+    ${C("checkboxes.default")}
+    position: relative;
+    padding: 0;
+    order: ${n};
+    cursor: pointer;
+    transition: medium;
+    overflow: hidden;
+    ${W};
+
+    &[aria-checked='true'] {
+      &:not([disabled]) {
+        ${C("checkboxes.checked")};
+      }
+
+      &:not([indeterminate]) {
+        &::after {
+          content: url(${`'data:image/svg+xml; utf8, <svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="${o.defaultFields.checkableField.checked.color}" d="M7.96171 0.596898C8.24912 0.27893 8.74024 0.25262 9.06024 0.537743C9.37208 0.815607 9.40671 1.28712 9.14514 1.60662L9.11975 1.63611L3.90331 7.40311C3.75365 7.5687 3.54304 7.66003 3.32401 7.66003C3.15017 7.66003 2.98077 7.60235 2.84241 7.49383L2.80848 7.46564L0.943652 5.82577C0.620151 5.54147 0.590221 5.04928 0.877091 4.72749C1.15398 4.41772 1.62383 4.38076 1.94536 4.6368L1.97506 4.66166L3.26156 5.79276L7.96171 0.596898Z" /></svg>'`});
+          position: absolute;
+          top: -2;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          width: 10;
+          margin: auto;
+          text-align: center;
+        }
+      }
+    }
+
+    ${t && _`
+      &:not([disabled]) {
+        ${C("checkboxes.checked")};
+      }
+
+      /* stylelint-disable string-no-newline */
+      &::after {
+        content: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 10 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3973 1.76919C0.953776 1.81988 0.634816 2.04775 0.685235 2.49156C0.732149 2.90436 1.08212 3.03624 1.48789 3.03624L8.6029 2.23086C9.04669 2.18017 9.36538 1.9523 9.31469 1.50849C9.26427 1.06468 8.86389 0.917163 8.41956 0.969201C4.90971 1.38026 4.90828 1.36792 1.3973 1.76919Z' fill='${o.defaultFields.checkableField.checked.color}'/%3E%3C/svg%3E");
+        position: absolute;
+        top: -3.5;
+        right: 0;
+        bottom: 0;
+        left: 2;
+        margin: auto;
+      }
+    `}
+
+    &[disabled] {
+      ${C("checkboxes.disabled")}
+
+      &::after {
+        opacity: ${o.defaultFields.checkableField.disabled.opacity};
+      }
+    }
+  `
+), ke = O(
+  ({
+    checked: t = !1,
+    Component: n = me,
+    dataTestId: c,
+    disabled: o,
+    indeterminate: d = !1,
+    name: a,
+    onChange: l,
+    size: p,
+    ...r
+  }, x) => {
+    const g = (u) => {
+      u.target.checked = !u.target.checked, l && l(u);
+    };
+    return /* @__PURE__ */ U.createElement(
+      n,
+      {
+        checked: t,
+        "data-testid": c,
+        disabled: o,
+        id: a,
+        indeterminate: d,
+        name: a,
+        onChange: g,
+        ref: x,
+        size: p,
+        ...r
+      }
+    );
+  }
+);
+ke.displayName = "Checkbox";
+export {
+  he as C,
+  ke as a
+};

package/dist/index-DHOW43M6.mjs

@@ -0,0 +1,132 @@
+"use client";
+import { c as o, d as m, M as s, V as c, e as r, Z as d, f as l, X as g, g as u, D as f, h as x, i as v } from "./index-ColyClKR.mjs";
+const w = (i, e = 2) => {
+  if (i === 0)
+    return "0 Bytes";
+  const a = 1024, t = e < 0 ? 0 : e, n = ["Bytes", "KB", "MB", "GB"], p = Math.floor(Math.log(i) / Math.log(a));
+  return parseFloat((i / Math.pow(a, p)).toFixed(t)) + " " + n[p];
+}, b = {
+  "7z": "application/x-7z-compressed",
+  aac: "audio/aac",
+  aif: "audio/x-aiff",
+  aifc: "audio/x-aiff",
+  aiff: "audio/x-aiff",
+  au: "audio/basic",
+  avi: "video/x-msvideo",
+  bmp: "image/x-ms-bmp",
+  bz: "application/x-bzip",
+  bz2: "application/x-bzip2",
+  csv: "text/csv",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  gif: "image/gif",
+  gz: "application/gzip",
+  ico: "image/x-icon",
+  jpe: "image/jpeg",
+  jpeg: "image/jpeg",
+  jpg: "image/jpeg",
+  m1v: "video/mpeg",
+  mid: "audio/midi",
+  midi: "audio/x-midi",
+  mov: "video/quicktime",
+  movie: "video/x-sgi-movie",
+  mp2: "audio/mpeg",
+  mp3: "audio/mpeg",
+  mp4: "video/mp4",
+  mpa: "video/mpeg",
+  mpe: "video/mpeg",
+  mpeg: "video/mpeg",
+  mpg: "video/mpeg",
+  pbm: "image/x-portable-bitmap",
+  pdf: "application/pdf",
+  pgm: "image/x-portable-graymap",
+  png: "image/png",
+  pnm: "image/x-portable-anymap",
+  pot: "application/vnd.ms-powerpoint",
+  ppa: "application/vnd.ms-powerpoint",
+  ppm: "image/x-portable-pixmap",
+  pps: "application/vnd.ms-powerpoint",
+  ppt: "application/vnd.ms-powerpoint",
+  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  ps: "application/postscript",
+  pwz: "application/vnd.ms-powerpoint",
+  qt: "video/quicktime",
+  ra: "audio/x-pn-realaudio",
+  rar: "application/vnd.rar",
+  ras: "image/x-cmu-raster",
+  rgb: "image/x-rgb",
+  snd: "audio/basic",
+  svg: "image/svg+xml",
+  tif: "image/tiff",
+  tiff: "image/tiff",
+  wav: "audio/x-wav",
+  weba: "audio/webm",
+  webm: "video/webm",
+  webp: "image/webp",
+  wiz: "application/msword",
+  xbm: "image/x-xbitmap",
+  xls: "application/vnd.ms-excel",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  xpm: "image/x-xpixmap",
+  xwd: "image/x-xwindowdump",
+  zip: "application/zip"
+};
+function z(i) {
+  return i.split("?")[0];
+}
+function h(i) {
+  return typeof i == "string" ? z(i).split("/").pop() : i.name;
+}
+function I(i) {
+  if (typeof i == "string") {
+    const e = h(i).split(".").pop();
+    return b[e] || null;
+  } else
+    return i.type;
+}
+function y(i) {
+  return i instanceof File && i.size ? w(i.size, 0) : null;
+}
+function j(i, e) {
+  const a = I(i);
+  if (!e && !a)
+    return o;
+  if (e === "image" || a && a.startsWith("image/"))
+    return m;
+  if (e === "audio" || a && a.startsWith("audio/"))
+    return s;
+  if (e === "video" || a && a.startsWith("video/"))
+    return c;
+  switch (a) {
+    case "application/pdf":
+      return v;
+    case "application/msword":
+      return x;
+    case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+      return f;
+    case "application/vnd.ms-excel":
+      return u;
+    case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
+      return g;
+    case "application/vnd.ms-powerpoint":
+    case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
+      return l;
+    case "application/zip":
+    case "application/x-bzip":
+    case "application/x-bzip2":
+    case "application/x-7z-compressed":
+    case "application/gzip":
+    case "application/vnd.rar":
+      return d;
+    case "text/csv":
+      return r;
+    default:
+      return o;
+  }
+}
+export {
+  h as a,
+  y as b,
+  I as c,
+  j as g
+};