welcome-ui 8.4.0 → 9.0.0-alpha.0

package/dist/Tooltip.js

@@ -0,0 +1,232 @@
+"use client";
+import { jsx as T, jsxs as $, Fragment as X } from "react/jsx-runtime";
+import { c as Y, u as q, H as G, a as Q, b as U, d as Z, e as ee } from "./BYC7LY2E-DeD1QoQl.js";
+import { c as z, a as te, b as M, d as D, u as oe } from "./YV4JVR4I-BN6SUVuh.js";
+import { I as F, J as P, K as O, t as re, f as x, c as H, a as A, _ as C, i as N, v as ne, d as b, b as L, W as g, X as se, M as ae, u as y } from "./LVA2YJMS-C6Bdr5Em.js";
+import { c as ie } from "./JC64G2H7-jNBZrGfv.js";
+import ue, { useRef as le, useEffect as w, forwardRef as ce, useState as pe, useCallback as de } from "react";
+import { c as ve } from "./classNames-qiokGROM.js";
+function me(o = {}) {
+  var r;
+  process.env.NODE_ENV !== "production" && o.type === "label" && console.warn(
+    "The `type` option on the tooltip store is deprecated.",
+    "Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.",
+    "See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names"
+  );
+  const t = (r = o.store) == null ? void 0 : r.getState(), e = Y(F(O({}, o), {
+    placement: P(
+      o.placement,
+      t == null ? void 0 : t.placement,
+      "top"
+    ),
+    hideTimeout: P(o.hideTimeout, t == null ? void 0 : t.hideTimeout, 0)
+  })), c = F(O({}, e.getState()), {
+    type: P(o.type, t == null ? void 0 : t.type, "description"),
+    skipTimeout: P(o.skipTimeout, t == null ? void 0 : t.skipTimeout, 300)
+  }), s = z(c, e, o.store);
+  return O(O({}, e), s);
+}
+function fe(o, r, t) {
+  return M(o, t, "type"), M(o, t, "skipTimeout"), q(o, r, t);
+}
+function Se(o = {}) {
+  const [r, t] = te(me, o);
+  return fe(r, t, o);
+}
+var k = re(
+  [Q],
+  [G]
+), he = k.useContext, V = k.useProviderContext, Te = k.ScopedContextProvider, be = "div", _e = H(
+  function(r) {
+    var t = r, {
+      store: e,
+      portal: c = !0,
+      gutter: s = 8,
+      preserveTabOrder: v = !1,
+      hideOnHoverOutside: d = !0,
+      hideOnInteractOutside: f = !0
+    } = t, a = C(t, [
+      "store",
+      "portal",
+      "gutter",
+      "preserveTabOrder",
+      "hideOnHoverOutside",
+      "hideOnInteractOutside"
+    ]);
+    const p = V();
+    e = e || p, N(
+      e,
+      process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
+    ), a = ne(
+      a,
+      (i) => /* @__PURE__ */ T(Te, { value: e, children: i }),
+      [e]
+    );
+    const S = e.useState(
+      (i) => i.type === "description" ? "tooltip" : "none"
+    );
+    return a = b({ role: S }, a), a = U(L(b({}, a), {
+      store: e,
+      portal: c,
+      gutter: s,
+      preserveTabOrder: v,
+      hideOnHoverOutside(i) {
+        if (g(d, i)) return !1;
+        const u = e == null ? void 0 : e.getState().anchorElement;
+        return u ? !("focusVisible" in u.dataset) : !0;
+      },
+      hideOnInteractOutside: (i) => {
+        if (g(f, i)) return !1;
+        const u = e == null ? void 0 : e.getState().anchorElement;
+        return u ? !se(u, i.target) : !0;
+      }
+    })), a;
+  }
+), Ee = ie(
+  x(function(r) {
+    const t = _e(r);
+    return A(be, t);
+  }),
+  V
+), Pe = "div", m = z({
+  activeStore: null
+});
+function j(o) {
+  return () => {
+    const { activeStore: r } = m.getState();
+    r === o && m.setState("activeStore", null);
+  };
+}
+var Oe = H(
+  function(r) {
+    var t = r, { store: e, showOnHover: c = !0 } = t, s = C(t, ["store", "showOnHover"]);
+    const v = V();
+    e = e || v, N(
+      e,
+      process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
+    );
+    const d = le(!1);
+    w(() => D(e, ["mounted"], (n) => {
+      n.mounted || (d.current = !1);
+    }), [e]), w(() => {
+      if (e)
+        return ae(
+          // Immediately remove the current store from the global store when
+          // the component unmounts. This is useful, for example, to avoid
+          // showing tooltips immediately on serial tests.
+          j(e),
+          D(e, ["mounted", "skipTimeout"], (n) => {
+            if (!e) return;
+            if (n.mounted) {
+              const { activeStore: h } = m.getState();
+              return h !== e && (h == null || h.hide()), m.setState("activeStore", e);
+            }
+            const l = setTimeout(
+              j(e),
+              n.skipTimeout
+            );
+            return () => clearTimeout(l);
+          })
+        );
+    }, [e]);
+    const f = s.onMouseEnter, a = y((n) => {
+      f == null || f(n), d.current = !0;
+    }), p = s.onFocusVisible, S = y((n) => {
+      p == null || p(n), !n.defaultPrevented && (e == null || e.setAnchorElement(n.currentTarget), e == null || e.show());
+    }), i = s.onBlur, u = y((n) => {
+      if (i == null || i(n), n.defaultPrevented) return;
+      const { activeStore: l } = m.getState();
+      d.current = !1, l === e && m.setState("activeStore", null);
+    }), _ = e.useState("type"), E = e.useState((n) => {
+      var l;
+      return (l = n.contentElement) == null ? void 0 : l.id;
+    });
+    return s = L(b({
+      "aria-labelledby": _ === "label" ? E : void 0
+    }, s), {
+      onMouseEnter: a,
+      onFocusVisible: S,
+      onBlur: u
+    }), s = Z(b({
+      store: e,
+      showOnHover(n) {
+        if (!d.current || g(c, n)) return !1;
+        const { activeStore: l } = m.getState();
+        return l ? (e == null || e.show(), !1) : !0;
+      }
+    }, s)), s;
+  }
+), ye = x(function(r) {
+  const t = Oe(r);
+  return A(Pe, t);
+}), ge = "div", we = H(
+  function(r) {
+    var t = r, { store: e, size: c = 16 } = t, s = C(t, ["store", "size"]);
+    const v = he();
+    return e = e || v, N(
+      e,
+      process.env.NODE_ENV !== "production" && "TooltipArrow must be wrapped in a Tooltip component."
+    ), s = ee(b({ store: e, size: c }, s)), s;
+  }
+), xe = x(function(r) {
+  const t = we(r);
+  return A(ge, t);
+});
+const He = "_root_1d43p_2", Ae = "_childItem_1d43p_22", Ce = {
+  root: He,
+  childItem: Ae
+}, B = ve(Ce), De = ce(
+  ({
+    children: o,
+    className: r = "",
+    content: t,
+    fixed: e = !1,
+    gutter: c = 8,
+    placement: s = e ? "top" : "bottom",
+    withArrow: v = !1,
+    ...d
+  }, f) => {
+    var I;
+    const a = Se({ animated: 300, placement: s }), { anchorElement: p, mounted: S, popoverElement: i } = oe(a), { render: u, setState: _ } = a, [E, n] = pe({ x: 0, y: 0 }), l = () => {
+      i && Object.assign(i.style, {
+        display: S ? "block" : "none",
+        left: `${E.x}px`,
+        position: "absolute",
+        top: `${E.y + window.scrollY + 20}px`
+      });
+    }, h = de(() => {
+      _("animating", !1);
+    }, [_]), W = (I = o == null ? void 0 : o.props) != null && I.disabled ? ue.Children.only(/* @__PURE__ */ T("span", { className: B("childItem"), children: o })) : o;
+    return w(() => {
+      function R({ clientX: J, clientY: K }) {
+        n({ x: J, y: K }), u();
+      }
+      if (p && !e)
+        return p.addEventListener("mousemove", R), () => {
+          p.removeEventListener("mousemove", R);
+        };
+    }, [u, e, p]), t ? /* @__PURE__ */ $(X, { children: [
+      /* @__PURE__ */ T(ye, { render: W, store: a }),
+      /* @__PURE__ */ $(
+        Ee,
+        {
+          className: B("root", r),
+          fixed: e,
+          gutter: c,
+          onTransitionEnd: h,
+          ref: f,
+          render: /* @__PURE__ */ T("div", { ...d }),
+          store: a,
+          updatePosition: e ? void 0 : l,
+          children: [
+            v ? /* @__PURE__ */ T(xe, {}) : null,
+            t
+          ]
+        }
+      )
+    ] }) : o;
+  }
+);
+export {
+  De as Tooltip
+};

package/dist/VGCJ63VH-Bdd6jzVW.js

@@ -0,0 +1,185 @@
+"use client";
+import { m as Y, o as Z, t as ee, c as te, s as y, d as A, e as ne, a as oe, b as P, u as T } from "./YV4JVR4I-BN6SUVuh.js";
+import { J as p, I as ae, K as se, L as re, t as H, f as I, _ as R, d as b, c as ie, a as ue, i as le, E as ce, y as S, v as de, b as V, j as me, G as fe } from "./LVA2YJMS-C6Bdr5Em.js";
+import { createContext as F, useRef as ve, useState as pe, useMemo as Se } from "react";
+import { flushSync as De } from "react-dom";
+import { jsx as M } from "react/jsx-runtime";
+function Ce(n = {}) {
+  const o = Y(
+    n.store,
+    Z(n.disclosure, ["contentElement", "disclosureElement"])
+  );
+  ee(n, o);
+  const e = o == null ? void 0 : o.getState(), t = p(
+    n.open,
+    e == null ? void 0 : e.open,
+    n.defaultOpen,
+    !1
+  ), i = p(n.animated, e == null ? void 0 : e.animated, !1), r = {
+    open: t,
+    animated: i,
+    animating: !!i && t,
+    mounted: t,
+    contentElement: p(e == null ? void 0 : e.contentElement, null),
+    disclosureElement: p(e == null ? void 0 : e.disclosureElement, null)
+  }, a = te(r, o);
+  return y(
+    a,
+    () => A(a, ["animated", "animating"], (s) => {
+      s.animated || a.setState("animating", !1);
+    })
+  ), y(
+    a,
+    () => ne(a, ["open"], () => {
+      a.getState().animated && a.setState("animating", !0);
+    })
+  ), y(
+    a,
+    () => A(a, ["open", "animating"], (s) => {
+      a.setState("mounted", s.open || s.animating);
+    })
+  ), ae(se({}, a), {
+    disclosure: n.disclosure,
+    setOpen: (s) => a.setState("open", s),
+    show: () => a.setState("open", !0),
+    hide: () => a.setState("open", !1),
+    toggle: () => a.setState("open", (s) => !s),
+    stopAnimation: () => a.setState("animating", !1),
+    setContentElement: (s) => a.setState("contentElement", s),
+    setDisclosureElement: (s) => a.setState("disclosureElement", s)
+  });
+}
+function xe(n, o, e) {
+  return re(o, [e.store, e.disclosure]), P(n, e, "open", "setOpen"), P(n, e, "mounted", "setMounted"), P(n, e, "animated"), Object.assign(n, { disclosure: e.disclosure });
+}
+function Ie(n = {}) {
+  const [o, e] = oe(Ce, n);
+  return xe(o, e, n);
+}
+var _ = H(), N = _.useProviderContext, ge = _.ContextProvider, Ee = _.ScopedContextProvider, D = H(
+  [ge],
+  [Ee]
+), Re = D.useScopedContext, Fe = D.useProviderContext, Me = D.ContextProvider, ye = D.ScopedContextProvider, Ne = F(void 0), $e = F(void 0), Pe = "div";
+function j(n, o) {
+  const e = setTimeout(o, n);
+  return () => clearTimeout(e);
+}
+function be(n) {
+  let o = requestAnimationFrame(() => {
+    o = requestAnimationFrame(n);
+  });
+  return () => cancelAnimationFrame(o);
+}
+function w(...n) {
+  return n.join(", ").split(", ").reduce((o, e) => {
+    const t = e.endsWith("ms") ? 1 : 1e3, i = Number.parseFloat(e || "0s") * t;
+    return i > o ? i : o;
+  }, 0);
+}
+function _e(n, o, e) {
+  return !e && o !== !1 && (!n || !!o);
+}
+var he = ie(function(o) {
+  var e = o, { store: t, alwaysVisible: i } = e, r = R(e, ["store", "alwaysVisible"]);
+  const a = N();
+  t = t || a, le(
+    t,
+    process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
+  );
+  const s = ve(null), f = ce(r.id), [l, h] = pe(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = T(t.disclosure, "contentElement");
+  S(() => {
+    s.current && (t == null || t.setContentElement(s.current));
+  }, [t]), S(() => {
+    let u;
+    return t == null || t.setState("animated", (v) => (u = v, !0)), () => {
+      u !== void 0 && (t == null || t.setState("animated", u));
+    };
+  }, [t]), S(() => {
+    if (d) {
+      if (!(m != null && m.isConnected)) {
+        h(null);
+        return;
+      }
+      return be(() => {
+        h(c ? "enter" : C ? "leave" : null);
+      });
+    }
+  }, [d, m, c, C]), S(() => {
+    if (!t || !d || !l || !m) return;
+    const u = () => t == null ? void 0 : t.setState("animating", !1), v = () => De(u);
+    if (l === "leave" && c || l === "enter" && !c) return;
+    if (typeof d == "number")
+      return j(d, v);
+    const {
+      transitionDuration: k,
+      animationDuration: q,
+      transitionDelay: L,
+      animationDelay: U
+    } = getComputedStyle(m), {
+      transitionDuration: W = "0",
+      animationDuration: G = "0",
+      transitionDelay: J = "0",
+      animationDelay: K = "0"
+    } = x ? getComputedStyle(x) : {}, z = w(
+      L,
+      U,
+      J,
+      K
+    ), B = w(
+      k,
+      q,
+      W,
+      G
+    ), O = z + B;
+    if (!O) {
+      l === "enter" && t.setState("animated", !1), u();
+      return;
+    }
+    const Q = 1e3 / 60, X = Math.max(O - Q, 0);
+    return j(X, v);
+  }, [t, d, m, x, c, l]), r = de(
+    r,
+    (u) => /* @__PURE__ */ M(ye, { value: t, children: u }),
+    [t]
+  );
+  const g = _e(C, r.hidden, i), E = r.style, $ = Se(() => g ? V(b({}, E), { display: "none" }) : E, [g, E]);
+  return r = V(b({
+    id: f,
+    "data-open": c || void 0,
+    "data-enter": l === "enter" || void 0,
+    "data-leave": l === "leave" || void 0,
+    hidden: g
+  }, r), {
+    ref: me(f ? t.setContentElement : null, s, r.ref),
+    style: $
+  }), fe(r);
+}), Oe = I(function(o) {
+  const e = he(o);
+  return ue(Pe, e);
+}), ke = I(function(o) {
+  var e = o, {
+    unmountOnHide: t
+  } = e, i = R(e, [
+    "unmountOnHide"
+  ]);
+  const r = N(), a = i.store || r;
+  return T(
+    a,
+    (f) => !t || (f == null ? void 0 : f.mounted)
+  ) === !1 ? null : /* @__PURE__ */ M(Oe, b({}, i));
+});
+export {
+  ye as D,
+  Fe as a,
+  N as b,
+  Me as c,
+  ke as d,
+  Ie as e,
+  he as f,
+  Ce as g,
+  xe as h,
+  _e as i,
+  Ne as j,
+  $e as k,
+  Re as u
+};

package/dist/VariantIcon.css

@@ -0,0 +1 @@
+@layer components{._root_1gsuu_2{display:inline-flex;flex-shrink:0;align-self:center;color:var(--color, var(--color-neutral-60))}._variant-ai_1gsuu_9{--color: var(--color-violet-70)}._variant-danger_1gsuu_12{--color: var(--color-red-70)}._variant-info_1gsuu_15{--color: var(--color-blue-60)}._variant-success_1gsuu_18{--color: var(--color-green-60)}._variant-warning_1gsuu_21{--color: var(--color-orange-60)}}

package/dist/VariantIcon.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./Icon-CvQNL_iy.js";
+import { A as e, C as u, I as _, S as m, a as g, P as v } from "./index-BNkRWwLg.js";
+import { c as I } from "./classNames-qiokGROM.js";
+const f = "_root_1gsuu_2", p = {
+  root: f,
+  "variant-ai": "_variant-ai_1gsuu_9",
+  "variant-danger": "_variant-danger_1gsuu_12",
+  "variant-info": "_variant-info_1gsuu_15",
+  "variant-success": "_variant-success_1gsuu_18",
+  "variant-warning": "_variant-warning_1gsuu_21"
+}, l = I(p), h = c(
+  ({ className: o, size: r = "md", variant: a, ...s }, t) => {
+    const i = {
+      ai: g,
+      danger: m,
+      info: _,
+      success: u,
+      warning: e
+    }[a] || v;
+    return /* @__PURE__ */ n("div", { ...s, className: l("root", a && `variant-${a}`, o), ref: t, children: /* @__PURE__ */ n(i, { size: r }) });
+  }
+);
+export {
+  h as VariantIcon
+};