welcome-ui 8.4.0 → 9.0.0-alpha.0

package/dist/FileUpload.css

@@ -0,0 +1 @@
+@layer components{._input_nmgw3_2{display:none}._preview-tag_nmgw3_5{margin-right:var(--spacing-sm);margin-top:var(--spacing-sm)}._preview-tag-size_nmgw3_9{color:var(--color-beige-60)}}

package/dist/FileUpload.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsxs as U, Fragment as T, jsx as p } from "react/jsx-runtime";
+import { forwardRef as D, useState as O, useRef as A, useMemo as H, useImperativeHandle as K, useEffect as j } from "react";
+import { Button as M } from "./Button.js";
+import { g as Y, a as q, b as G } from "./index-iJHyoM2B.js";
+import { Tag as J } from "./Tag.js";
+import { c as Q } from "./classNames-qiokGROM.js";
+import { c as k } from "./create-event-rXDe5aCQ.js";
+const V = "_input_nmgw3_2", W = {
+  input: V,
+  "preview-tag": "_preview-tag_nmgw3_5",
+  "preview-tag-size": "_preview-tag-size_nmgw3_9"
+}, y = Q(W), X = "*/*", x = (e) => Array.isArray(e) ? e : e ? [e] : [], Z = ({ file: e, onRemove: m }) => {
+  const a = Y(e), w = q(e), i = G(e);
+  return /* @__PURE__ */ U(J, { className: y("preview-tag"), "data-testid": w, onRemove: m, children: [
+    /* @__PURE__ */ p(a, { size: "md" }),
+    w,
+    i ? /* @__PURE__ */ U("span", { className: y("preview-tag-size"), children: [
+      "(",
+      i,
+      ")"
+    ] }) : null
+  ] }, w);
+}, $ = D(
+  ({
+    accept: e = X,
+    children: m,
+    disabled: a,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    draggable: w,
+    handleAddFile: i,
+    handleRemoveFile: f,
+    multiple: z,
+    name: u,
+    onBlur: c,
+    onChange: n,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onError: d,
+    preview: E,
+    value: v = [],
+    ...I
+  }, S) => {
+    const [r, g] = O(x(v)), _ = A(), L = H(() => E || Z, [E]);
+    K(S, () => _.current), j(() => {
+      g(x(v));
+    }, [v]), j(() => () => {
+      r == null || r.map((t) => t instanceof File ? URL.revokeObjectURL(t.preview) : t);
+    }, [r]);
+    const b = (t) => {
+      let s = Array.from(t.target.files).map(
+        (o) => (o instanceof File && (o.preview = URL.createObjectURL(o)), o)
+      );
+      g(s), s.length === 1 && (s = s[0]);
+      const F = k({ name: u, value: s });
+      n == null || n(F), i == null || i(s), c == null || c();
+    }, N = (t) => {
+      const s = r.filter((P) => P !== t), F = z ? s : void 0;
+      g(s);
+      const o = k({ name: u, value: F });
+      n == null || n(o), f == null || f(t), c == null || c();
+    }, R = () => {
+      _.current.click();
+    }, l = r.map((t) => t instanceof File ? t.preview : void 0).join("");
+    return /* @__PURE__ */ U(T, { children: [
+      m ? m({ disabled: a, files: r, onRemoveFile: N, openFile: R }) : /* @__PURE__ */ p(M, { disabled: a, onClick: R, children: "Upload file" }),
+      /* @__PURE__ */ p("br", {}),
+      /* @__PURE__ */ p(
+        "input",
+        {
+          accept: e,
+          className: y("input"),
+          disabled: a,
+          multiple: z,
+          name: u,
+          onBlur: c,
+          onChange: b,
+          ref: _,
+          ...I,
+          type: "file"
+        },
+        l
+      ),
+      L ? r.map((t) => /* @__PURE__ */ p(
+        L,
+        {
+          file: t,
+          onRemove: () => N(t)
+        },
+        t instanceof File ? t.name : t
+      )) : null
+    ] });
+  }
+);
+$.displayName = "FileUpload";
+export {
+  $ as FileUpload
+};

package/dist/Hint.css

@@ -0,0 +1 @@
+@layer components{._root_zxnv7_2{display:flex;align-items:center;color:var(--color, var(--color-neutral-60));font-size:var(--font-size-xs);line-height:var(--line-height-xs)}._variant-danger_zxnv7_9{--color: var(--color-red-70)}._variant-success_zxnv7_12{--color: var(--color-green-70)}._variant-warning_zxnv7_15{--color: var(--color-orange-70)}}

package/dist/Hint.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { c as i } from "./classNames-qiokGROM.js";
+const c = "_root_zxnv7_2", _ = {
+  root: c,
+  "variant-danger": "_variant-danger_zxnv7_9",
+  "variant-success": "_variant-success_zxnv7_12",
+  "variant-warning": "_variant-warning_zxnv7_15"
+}, v = i(_), d = e(
+  ({ children: n, className: a, variant: r, ...t }, o) => /* @__PURE__ */ s(
+    "span",
+    {
+      className: v("root", r && `variant-${r}`, a),
+      ref: o,
+      role: r === "danger" ? "alert" : void 0,
+      ...t,
+      children: n
+    }
+  )
+);
+export {
+  d as Hint
+};

package/dist/ITI7HKP4-MlgGFEDr.js

@@ -0,0 +1,187 @@
+"use client";
+import { C as te, a as z, u as re, g as v, s as oe, i as x, f as se, b as ne } from "./P2CTZE2T-DqsBJuIy.js";
+import { P as ie, a as ae } from "./MTZPJQMC-DgscjgO6.js";
+import { t as ue, c as ce, _ as L, i as le, w as fe, x as de, y as M, z as C, A as pe, B as me, u as E, p as P, e as ve, q as U, v as ye, b as ge, j as Ce, d as R, n as Pe, C as Ie, f as Ee, a as Se } from "./LVA2YJMS-C6Bdr5Em.js";
+import { createContext as b, useRef as H, useEffect as V, useState as Fe, useCallback as we } from "react";
+import { f as xe, r as be } from "./4CMBR7SL-DXQR7a9T.js";
+import { jsx as Ae } from "react/jsx-runtime";
+b(
+  void 0
+);
+var j = ue(
+  [ae, z],
+  [ie, te]
+), Ne = j.useContext, qe = j.useProviderContext;
+b(
+  void 0
+);
+b(!1);
+var Ke = "div";
+function _e(r) {
+  return r.some((i) => !!i.rowId);
+}
+function ke(r) {
+  const i = r.target;
+  return i && !U(i) ? !1 : r.key.length === 1 && !r.ctrlKey && !r.metaKey;
+}
+function he(r) {
+  return r.key === "Shift" || r.key === "Control" || r.key === "Alt" || r.key === "Meta";
+}
+function O(r, i, l) {
+  return E((e) => {
+    var s;
+    if (i == null || i(e), e.defaultPrevented || e.isPropagationStopped() || !P(e) || he(e) || ke(e)) return;
+    const f = r.getState(), p = (s = v(r, f.activeId)) == null ? void 0 : s.element;
+    if (!p) return;
+    const n = e, { view: A } = n, w = L(n, ["view"]), c = l == null ? void 0 : l.current;
+    p !== c && p.focus(), Ie(p, e.type, w) || e.preventDefault(), e.currentTarget.contains(p) && e.stopPropagation();
+  });
+}
+function Te(r) {
+  return se(
+    xe(be(ne(r)))
+  );
+}
+function De(r) {
+  const [i, l] = Fe(!1), e = we(() => l(!0), []), s = r.useState(
+    (f) => v(r, f.activeId)
+  );
+  return V(() => {
+    const f = s == null ? void 0 : s.element;
+    i && f && (l(!1), f.focus({ preventScroll: !0 }));
+  }, [s, i]), e;
+}
+var Be = ce(
+  function(i) {
+    var l = i, {
+      store: e,
+      composite: s = !0,
+      focusOnMove: f = s,
+      moveOnKeyPress: p = !0
+    } = l, n = L(l, [
+      "store",
+      "composite",
+      "focusOnMove",
+      "moveOnKeyPress"
+    ]);
+    const A = re();
+    e = e || A, le(
+      e,
+      process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
+    );
+    const w = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, q] = fe(
+      s ? e.setBaseElement : null
+    );
+    V(() => {
+      var t;
+      if (!e || !S || !s || !f) return;
+      const { activeId: o } = e.getState(), a = (t = v(e, o)) == null ? void 0 : t.element;
+      a && de(a);
+    }, [e, S, s, f]), M(() => {
+      if (!e || !S || !s) return;
+      const { baseElement: t, activeId: o } = e.getState();
+      if (!(o === null) || !t) return;
+      const u = c.current;
+      c.current = null, u && C(u, { relatedTarget: t }), pe(t) || t.focus();
+    }, [e, S, s]);
+    const K = e.useState("activeId"), _ = e.useState("virtualFocus");
+    M(() => {
+      var t;
+      if (!e || !s || !_) return;
+      const o = c.current;
+      if (c.current = null, !o) return;
+      const u = ((t = v(e, K)) == null ? void 0 : t.element) || me(o);
+      u !== o && C(o, { relatedTarget: u });
+    }, [e, K, _, s]);
+    const G = O(
+      e,
+      n.onKeyDownCapture,
+      c
+    ), W = O(
+      e,
+      n.onKeyUpCapture,
+      c
+    ), k = n.onFocusCapture, J = E((t) => {
+      if (k == null || k(t), t.defaultPrevented || !e) return;
+      const { virtualFocus: o } = e.getState();
+      if (!o) return;
+      const a = t.relatedTarget, u = oe(t.currentTarget);
+      P(t) && u && (t.stopPropagation(), c.current = a);
+    }), h = n.onFocus, Q = E((t) => {
+      if (h == null || h(t), t.defaultPrevented || !s || !e) return;
+      const { relatedTarget: o } = t, { virtualFocus: a } = e.getState();
+      a ? P(t) && !x(e, o) && queueMicrotask(N) : P(t) && e.setActiveId(null);
+    }), T = n.onBlurCapture, X = E((t) => {
+      var o;
+      if (T == null || T(t), t.defaultPrevented || !e) return;
+      const { virtualFocus: a, activeId: u } = e.getState();
+      if (!a) return;
+      const m = (o = v(e, u)) == null ? void 0 : o.element, y = t.relatedTarget, F = x(e, y), d = c.current;
+      c.current = null, P(t) && F ? (y === m ? d && d !== y && C(d, t) : m ? C(m, t) : d && C(d, t), t.stopPropagation()) : !x(e, t.target) && m && C(m, t);
+    }), D = n.onKeyDown, Y = ve(p), Z = E((t) => {
+      var o;
+      if (D == null || D(t), t.defaultPrevented || !e || !P(t)) return;
+      const { orientation: a, renderedItems: u, activeId: m } = e.getState(), y = v(e, m);
+      if ((o = y == null ? void 0 : y.element) != null && o.isConnected) return;
+      const F = a !== "horizontal", d = a !== "vertical", g = _e(u);
+      if ((t.key === "ArrowLeft" || t.key === "ArrowRight" || t.key === "Home" || t.key === "End") && U(t.currentTarget)) return;
+      const B = {
+        ArrowUp: (g || F) && (() => {
+          if (g) {
+            const I = Te(u);
+            return I == null ? void 0 : I.id;
+          }
+          return e == null ? void 0 : e.last();
+        }),
+        ArrowRight: (g || d) && e.first,
+        ArrowDown: (g || F) && e.first,
+        ArrowLeft: (g || d) && e.last,
+        Home: e.first,
+        End: e.last,
+        PageUp: e.first,
+        PageDown: e.last
+      }[t.key];
+      if (B) {
+        const I = B();
+        if (I !== void 0) {
+          if (!Y(t)) return;
+          t.preventDefault(), e.move(I);
+        }
+      }
+    });
+    n = ye(
+      n,
+      (t) => /* @__PURE__ */ Ae(z, { value: e, children: t }),
+      [e]
+    );
+    const $ = e.useState((t) => {
+      var o;
+      if (e && s && t.virtualFocus)
+        return (o = v(e, t.activeId)) == null ? void 0 : o.id;
+    });
+    n = ge(R({
+      "aria-activedescendant": $
+    }, n), {
+      ref: Ce(w, q, n.ref),
+      onKeyDownCapture: G,
+      onKeyUpCapture: W,
+      onFocusCapture: J,
+      onFocus: Q,
+      onBlurCapture: X,
+      onKeyDown: Z
+    });
+    const ee = e.useState(
+      (t) => s && (t.virtualFocus || t.activeId === null)
+    );
+    return n = Pe(R({ focusable: ee }, n)), n;
+  }
+);
+Ee(function(i) {
+  const l = Be(i);
+  return Se(Ke, l);
+});
+export {
+  Be as a,
+  qe as b,
+  Ne as u
+};

package/dist/Icon-CvQNL_iy.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as t } from "./classNames-qiokGROM.js";
+const g = "_root_8gp32_2", x = {
+  root: g,
+  "size-xs": "_size-xs_8gp32_7",
+  "size-sm": "_size-sm_8gp32_10",
+  "size-md": "_size-md_8gp32_13",
+  "size-lg": "_size-lg_8gp32_16",
+  "size-xl": "_size-xl_8gp32_19",
+  "size-xxl": "_size-xxl_8gp32_22"
+}, z = t(x), p = m(
+  ({ "aria-label": s, className: o, content: e, size: r = "md", ..._ }, l) => e ? /* @__PURE__ */ i(
+    "svg",
+    {
+      "aria-hidden": s ? "false" : "true",
+      "aria-label": s,
+      className: z("root", `size-${r}`, o),
+      ref: l,
+      role: s ? "img" : void 0,
+      viewBox: e.viewBox || "0 0 100 100",
+      ..._,
+      children: /* @__PURE__ */ i("g", { dangerouslySetInnerHTML: { __html: e.block || "" } })
+    }
+  ) : null
+);
+export {
+  p as I
+};

package/dist/Icon.css

@@ -0,0 +1 @@
+@layer components{._root_8gp32_2{width:var(--size);height:var(--size)}._size-xs_8gp32_7{--size: var(--height-elements-xxs)}._size-sm_8gp32_10{--size: var(--height-elements-xs)}._size-md_8gp32_13{--size: var(--height-elements-sm)}._size-lg_8gp32_16{--size: var(--height-elements-md)}._size-xl_8gp32_19{--size: var(--height-elements-lg)}._size-xxl_8gp32_22{--size: var(--height-elements-xl)}}