welcome-ui 10.0.0-alpha.4 → 10.0.0-alpha.5

package/dist/Swiper.js

@@ -1,9 +1,10 @@
 "use client";
+import './Swiper.css';
 import { jsxs as le, jsx as A } from "react/jsx-runtime";
 import { a as K, g as ce, c as ue } from "./index-PAaZGbyz.js";
 import { useRef as se, useEffect as q, useState as Z, useMemo as de, Children as oe, cloneElement as pe, useCallback as X } from "react";
-import { Button as ne } from "./Button.js";
-import { Icon as re } from "./Icon.js";
+import { Button as re } from "./Button.js";
+import { Icon as ne } from "./Icon.js";
 import { u as fe } from "./use-viewport-CgrficYB.js";
 var ee, ie;
 function me() {
@@ -13,24 +14,24 @@ function me() {
     return B.Date.now();
   };
   function P(e, o, a) {
-    var k, I, E, b, g, S, H = 0, M = !1, j = !1, U = !0;
+    var k, I, E, b, g, S, H = 0, M = !1, N = !1, U = !0;
     if (typeof e != "function")
       throw new TypeError(i);
-    o = u(o) || 0, _(a) && (M = !!a.leading, j = "maxWait" in a, E = j ? c(u(a.maxWait) || 0, o) : E, U = "trailing" in a ? !!a.trailing : U);
-    function N(t) {
+    o = u(o) || 0, _(a) && (M = !!a.leading, N = "maxWait" in a, E = N ? c(u(a.maxWait) || 0, o) : E, U = "trailing" in a ? !!a.trailing : U);
+    function j(t) {
       var l = k, f = I;
       return k = I = void 0, H = t, b = e.apply(f, l), b;
     }
     function Q(t) {
-      return H = t, g = setTimeout(x, o), M ? N(t) : b;
+      return H = t, g = setTimeout(x, o), M ? j(t) : b;
     }
     function Y(t) {
       var l = t - S, f = t - H, $ = o - l;
-      return j ? F($, E - f) : $;
+      return N ? F($, E - f) : $;
     }
     function y(t) {
       var l = t - S, f = t - H;
-      return S === void 0 || l >= o || l < 0 || j && f >= E;
+      return S === void 0 || l >= o || l < 0 || N && f >= E;
     }
     function x() {
       var t = w();
@@ -39,25 +40,25 @@ function me() {
       g = setTimeout(x, Y(t));
     }
     function O(t) {
-      return g = void 0, U && k ? N(t) : (k = I = void 0, b);
+      return g = void 0, U && k ? j(t) : (k = I = void 0, b);
     }
     function d() {
       g !== void 0 && clearTimeout(g), H = 0, k = S = I = g = void 0;
     }
-    function n() {
+    function r() {
       return g === void 0 ? b : O(w());
     }
-    function r() {
+    function n() {
       var t = w(), l = y(t);
       if (k = arguments, I = this, S = t, l) {
         if (g === void 0)
           return Q(S);
-        if (j)
-          return g = setTimeout(x, o), N(S);
+        if (N)
+          return g = setTimeout(x, o), j(S);
       }
       return g === void 0 && (g = setTimeout(x, o)), b;
     }
-    return r.cancel = d, r.flush = n, r;
+    return n.cancel = d, n.flush = r, n;
   }
   function _(e) {
     var o = typeof e;
@@ -136,7 +137,7 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
     return `${100 / i}%`;
   const h = s * (i === 1 ? 4 : 2) / 16;
   return `calc(${100 / i}% - ${h}rem)`;
-}, R = ue(xe), Ae = (i = {}) => {
+}, R = ue(xe), De = (i = {}) => {
   const {
     autoplay: s = !1,
     centeredSlides: p = !1,
@@ -175,7 +176,7 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
     withNavigation: C,
     withPagination: c
   };
-}, De = ({ children: i, className: s, store: p, ...h }) => {
+}, He = ({ children: i, className: s, store: p, ...h }) => {
   const {
     autoplay: W,
     centeredSlides: L,
@@ -198,15 +199,15 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
     withDarkUI: o,
     withNavigation: a,
     withPagination: k
-  } = p, I = oe.toArray(i).length, E = Math.ceil(I / v), b = Array.from(Array(E).keys()), g = a.mobile || !1, S = a.desktop || !1, H = m === 0, M = m === b.length - 1, j = oe.map(i, (d, n) => {
-    const r = `${D}-${n}`, t = n + 1, l = Math.ceil(t / v) - 1, f = M ? I - t >= v : l !== m;
+  } = p, I = oe.toArray(i).length, E = Math.ceil(I / v), b = Array.from(Array(E).keys()), g = a.mobile || !1, S = a.desktop || !1, H = m === 0, M = m === b.length - 1, N = oe.map(i, (d, r) => {
+    const n = `${D}-${r}`, t = r + 1, l = Math.ceil(t / v) - 1, f = M ? I - t >= v : l !== m;
     return pe(d, {
       ...d.props,
       "aria-hidden": f,
       "aria-label": `${t} of ${I}`,
       "aria-roledescription": "slide",
-      id: r,
-      key: r
+      id: n,
+      key: n
     });
   }), U = L ? (
     // if centeredSlides is true, we calculate which number is the middle page
@@ -214,29 +215,29 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
   ) : (
     // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
     Math.ceil(T / v) - 1
-  ), N = X(() => {
+  ), j = X(() => {
     const d = c == null ? void 0 : c.current;
     if (d && !_) {
-      const { offsetWidth: n, scrollLeft: r, scrollWidth: t } = d, l = !(r > e), f = !(t - (r + n) > e);
+      const { offsetWidth: r, scrollLeft: n, scrollWidth: t } = d, l = !(n > e), f = !(t - (n + r) > e);
       w(!l), P(!f);
     } else
       w(!0), P(!0);
   }, [c, w, P, _, e]), Q = () => {
-    var n, r;
+    var r, n;
     const d = c == null ? void 0 : c.current;
     if (d) {
-      const { children: t, offsetWidth: l, scrollLeft: f, scrollWidth: $ } = d, ae = (r = (n = t == null ? void 0 : t[0]) == null ? void 0 : n.getBoundingClientRect()) == null ? void 0 : r.width, te = !($ - (f + l) > e) ? b.length - 1 : Math.round(f / ((ae + e) * v));
+      const { children: t, offsetWidth: l, scrollLeft: f, scrollWidth: $ } = d, ae = (n = (r = t == null ? void 0 : t[0]) == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : n.width, te = !($ - (f + l) > e) ? b.length - 1 : Math.round(f / ((ae + e) * v));
       te !== m && F(te);
     }
   }, Y = ge(() => {
-    N(), Q();
+    j(), Q();
   }, 100), y = X(
-    (d, n = !1) => {
+    (d, r = !1) => {
       var l, f, $;
-      const r = c == null ? void 0 : c.current, t = ($ = (f = (l = r == null ? void 0 : r.children) == null ? void 0 : l[0]) == null ? void 0 : f.getBoundingClientRect()) == null ? void 0 : $.width;
-      r == null || r.scrollTo({
+      const n = c == null ? void 0 : c.current, t = ($ = (f = (l = n == null ? void 0 : n.children) == null ? void 0 : l[0]) == null ? void 0 : f.getBoundingClientRect()) == null ? void 0 : $.width;
+      n == null || n.scrollTo({
         // We don't want to have a scroll effect when we first render the swiper
-        behavior: n ? "auto" : "smooth",
+        behavior: r ? "auto" : "smooth",
         left: d * (t + e) * v,
         top: 0
       });
@@ -253,15 +254,15 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
     },
     W ? G : null
   ), q(() => {
-    const d = (n) => {
-      n.code === "ArrowLeft" && O(), n.code === "ArrowRight" && x();
+    const d = (r) => {
+      r.code === "ArrowLeft" && O(), r.code === "ArrowRight" && x();
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [O, x]), q(() => {
     y(U, !0);
   }, []), q(() => {
-    N();
-  }, [N, i]), /* @__PURE__ */ le("div", { className: R("root", o && "dark", s), ...h, children: [
+    j();
+  }, [j, i]), /* @__PURE__ */ le("div", { className: R("root", o && "dark", s), ...h, children: [
     /* @__PURE__ */ A(
       "ul",
       {
@@ -284,11 +285,11 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
           "--slideWithDesktopFullWidth": J(u.desktop + 2, e),
           "--spaceBetween": `${e / 16}rem`
         },
-        children: j
+        children: N
       }
     ),
     /* @__PURE__ */ A(
-      ne,
+      re,
       {
         "aria-label": "Previous slide",
         className: R(
@@ -302,11 +303,11 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
         onClick: O,
         size: C,
         variant: o ? "primary-neutral" : "tertiary",
-        children: /* @__PURE__ */ A(re, { name: "angle-left-b" })
+        children: /* @__PURE__ */ A(ne, { name: "angle-left-b" })
       }
     ),
     /* @__PURE__ */ A(
-      ne,
+      re,
       {
         "aria-label": "Next slide",
         className: R(
@@ -320,7 +321,7 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
         onClick: x,
         size: C,
         variant: o ? "primary-neutral" : "tertiary",
-        children: /* @__PURE__ */ A(re, { name: "angle-right-b" })
+        children: /* @__PURE__ */ A(ne, { name: "angle-right-b" })
       }
     ),
     /* @__PURE__ */ A(
@@ -332,29 +333,30 @@ const ve = "_root_1uvp8_3", ke = "_dark_1uvp8_9", ye = "_bullet_1uvp8_9", Te = "
           k.desktop && "pagination-desktop"
         ),
         role: "tablist",
-        children: b.length > 1 && b.map((d, n) => {
-          const r = {
-            "aria-controls": `${D}-${n}`,
-            "aria-label": `${n + 1} of ${b.length}`,
-            "aria-selected": n === m,
-            idx: n,
-            onClick: () => y(n),
+        children: b.length > 1 && b.map((d, r) => {
+          const n = {
+            "aria-controls": `${D}-${r}`,
+            "aria-label": `${r + 1} of ${b.length}`,
+            "aria-selected": r === m,
+            idx: r,
+            onClick: () => y(r),
             role: "tab"
           };
           return /* @__PURE__ */ A(
             "div",
             {
-              className: R("bullet", n === m && "bullet-active"),
-              ...r
+              className: R("bullet", r === m && "bullet-active"),
+              ...n
             },
-            `bullet-${n + 1}`
+            `bullet-${r + 1}`
           );
         })
       }
     )
   ] });
 };
+He.displayName = "Swiper";
 export {
-  De as Swiper,
-  Ae as useSwiper
+  He as Swiper,
+  De as useSwiper
 };

package/dist/{T22PY7TE-CzEDuEn1.js → T22PY7TE-gLuJpoOm.js}

@@ -1,14 +1,14 @@
 "use client";
-import { e as T, f as j, _ as I, a as b, c as Y, b as Z, i as ee, w as te, L as p, x as ne, d as w, p as oe, r as ae, H as S, G as se, I as re, K as ie } from "./OE2EFRVA-DkdhQLJL.js";
-import { createContext as R, useRef as ue, useState as le, useMemo as ce } from "react";
-import { u as F, m as de, o as me, t as fe, c as ve, s as y, a as A, e as pe, b as Se, d as P } from "./RTNCFSKZ-LcIdBwa8.js";
+import { e as j, f as H, _ as R, a as b, c as Y, b as Z, i as ee, l as te, m as p, k as ne, d as O, v as oe, r as ae, z as S, A as se, B as re, C as ie } from "./OE2EFRVA-Dg1R6gaC.js";
+import { createContext as F, useRef as ue, useState as le, useMemo as ce } from "react";
+import { b as I, m as de, o as me, t as fe, c as ve, s as y, d as V, e as pe, u as Se, a as P } from "./RTNCFSKZ-BywELldk.js";
 import { flushSync as De } from "react-dom";
 import { jsx as M } from "react/jsx-runtime";
-var _ = T(), N = _.useProviderContext, Ce = _.ContextProvider, xe = _.ScopedContextProvider, D = T(
+var _ = j(), N = _.useProviderContext, Ce = _.ContextProvider, xe = _.ScopedContextProvider, D = j(
   [Ce],
   [xe]
-), Ie = D.useScopedContext, Re = D.useProviderContext, Fe = D.ContextProvider, ge = D.ScopedContextProvider, Me = R(void 0), Ne = R(void 0), Ee = "div";
-function V(n, o) {
+), Re = D.useScopedContext, Fe = D.useProviderContext, Ie = D.ContextProvider, ge = D.ScopedContextProvider, Me = F(void 0), Ne = F(void 0), Ee = "div";
+function w(n, o) {
   const e = setTimeout(o, n);
   return () => clearTimeout(e);
 }
@@ -18,7 +18,7 @@ function ye(n) {
   });
   return () => cancelAnimationFrame(o);
 }
-function H(...n) {
+function T(...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;
@@ -28,13 +28,13 @@ function Pe(n, o, e) {
   return !e && o !== !1 && (!n || !!o);
 }
 var be = Y(function(o) {
-  var e = o, { store: t, alwaysVisible: i } = e, r = I(e, ["store", "alwaysVisible"]);
+  var e = o, { store: t, alwaysVisible: i } = e, r = R(e, ["store", "alwaysVisible"]);
   const a = N();
   t = t || a, ee(
     t,
     process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
   );
-  const s = ue(null), f = te(r.id), [l, h] = le(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = F(t.disclosure, "contentElement");
+  const s = ue(null), f = te(r.id), [l, h] = le(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = I(t.disclosure, "contentElement");
   p(() => {
     s.current && (t == null || t.setContentElement(s.current));
   }, [t]), p(() => {
@@ -57,41 +57,41 @@ var be = Y(function(o) {
     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 V(d, v);
+      return w(d, v);
     const {
-      transitionDuration: k,
+      transitionDuration: $,
       animationDuration: q,
-      transitionDelay: L,
-      animationDelay: U
+      transitionDelay: U,
+      animationDelay: W
     } = getComputedStyle(m), {
-      transitionDuration: W = "0",
-      animationDuration: G = "0",
-      transitionDelay: K = "0",
-      animationDelay: z = "0"
-    } = x ? getComputedStyle(x) : {}, B = H(
-      L,
+      transitionDuration: z = "0",
+      animationDuration: B = "0",
+      transitionDelay: L = "0",
+      animationDelay: G = "0"
+    } = x ? getComputedStyle(x) : {}, J = T(
       U,
-      K,
-      z
-    ), J = H(
-      k,
-      q,
       W,
+      L,
       G
-    ), O = B + J;
-    if (!O) {
+    ), K = T(
+      $,
+      q,
+      z,
+      B
+    ), A = J + K;
+    if (!A) {
       l === "enter" && t.setState("animated", !1), u();
       return;
     }
-    const Q = 1e3 / 60, X = Math.max(O - Q, 0);
-    return V(X, v);
+    const Q = 1e3 / 60, X = Math.max(A - Q, 0);
+    return w(X, v);
   }, [t, d, m, x, c, l]), r = ne(
     r,
     (u) => /* @__PURE__ */ M(ge, { value: t, children: u }),
     [t]
   );
-  const g = Pe(C, r.hidden, i), E = r.style, $ = ce(() => g ? w(b({}, E), { display: "none" }) : E, [g, E]);
-  return r = w(b({
+  const g = Pe(C, r.hidden, i), E = r.style, k = ce(() => g ? O(b({}, E), { display: "none" }) : E, [g, E]);
+  return r = O(b({
     id: f,
     "data-open": c || void 0,
     "data-enter": l === "enter" || void 0,
@@ -99,19 +99,19 @@ var be = Y(function(o) {
     hidden: g
   }, r), {
     ref: oe(f ? t.setContentElement : null, s, r.ref),
-    style: $
+    style: k
   }), ae(r);
-}), _e = j(function(o) {
+}), _e = H(function(o) {
   const e = be(o);
   return Z(Ee, e);
-}), $e = j(function(o) {
+}), ke = H(function(o) {
   var e = o, {
     unmountOnHide: t
-  } = e, i = I(e, [
+  } = e, i = R(e, [
     "unmountOnHide"
   ]);
   const r = N(), a = i.store || r;
-  return F(
+  return I(
     a,
     (f) => !t || (f == null ? void 0 : f.mounted)
   ) === !1 ? null : /* @__PURE__ */ M(_e, b({}, i));
@@ -137,7 +137,7 @@ function he(n = {}) {
   }, a = ve(r, o);
   return y(
     a,
-    () => A(a, ["animated", "animating"], (s) => {
+    () => V(a, ["animated", "animating"], (s) => {
       s.animated || a.setState("animating", !1);
     })
   ), y(
@@ -147,7 +147,7 @@ function he(n = {}) {
     })
   ), y(
     a,
-    () => A(a, ["open", "animating"], (s) => {
+    () => V(a, ["open", "animating"], (s) => {
       a.setState("mounted", s.open || s.animating);
     })
   ), se(re({}, a), {
@@ -161,25 +161,25 @@ function he(n = {}) {
     setDisclosureElement: (s) => a.setState("disclosureElement", s)
   });
 }
-function Oe(n, o, e) {
+function Ae(n, o, e) {
   return ie(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 ke(n = {}) {
+function $e(n = {}) {
   const [o, e] = Se(he, n);
-  return Oe(o, e, n);
+  return Ae(o, e, n);
 }
 export {
-  $e as D,
-  Ie as a,
-  Re as b,
+  ke as D,
+  Re as a,
+  Fe as b,
   N as c,
   be as d,
   he as e,
-  Oe as f,
+  Ae as f,
   ge as g,
   Me as h,
   Pe as i,
   Ne as j,
-  Fe as k,
-  ke as u
+  Ie as k,
+  $e as u
 };

package/dist/Table.js

@@ -1,33 +1,46 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as i } from "./index-PAaZGbyz.js";
-const _ = "_root_10vth_2", l = "_content_10vth_6", v = "_clickable_10vth_48", d = "_indent_10vth_70", h = {
-  root: _,
-  content: l,
-  clickable: v,
+import './Table.css';
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { c as T } from "./index-PAaZGbyz.js";
+const m = "_root_10vth_2", h = "_content_10vth_6", p = "_clickable_10vth_48", y = "_indent_10vth_70", N = {
+  root: m,
+  content: h,
+  clickable: p,
   "variant-danger": "_variant-danger_10vth_54",
   "variant-warning": "_variant-warning_10vth_58",
   "variant-success": "_variant-success_10vth_62",
   "variant-info": "_variant-info_10vth_66",
-  indent: d
-}, c = i(h), b = s(
-  ({ children: t, className: a, indent: e, ...r }, o) => /* @__PURE__ */ n("div", { className: c("root", a), ref: o, ...r, children: /* @__PURE__ */ n("div", { className: c("content", e && "indent"), children: /* @__PURE__ */ n("table", { children: t }) }) })
-), m = (t) => /* @__PURE__ */ n("tbody", { ...t }), u = (t) => /* @__PURE__ */ n("th", { ...t }), f = (t) => /* @__PURE__ */ n("thead", { ...t }), T = (t) => /* @__PURE__ */ n("td", { ...t }), g = ({ className: t, onClick: a, variant: e, ...r }) => /* @__PURE__ */ n(
+  indent: y
+}, s = T(N), o = v(
+  ({ children: t, className: n, indent: e, ...r }, b) => /* @__PURE__ */ a("div", { className: s("root", n), ref: b, ...r, children: /* @__PURE__ */ a("div", { className: s("content", e && "indent"), children: /* @__PURE__ */ a("table", { children: t }) }) })
+);
+o.displayName = "Table";
+const c = (t) => /* @__PURE__ */ a("tbody", { ...t });
+c.displayName = "Table.Tbody";
+const i = (t) => /* @__PURE__ */ a("th", { ...t });
+i.displayName = "Table.Th";
+const l = (t) => /* @__PURE__ */ a("thead", { ...t });
+l.displayName = "Table.Thead";
+const d = (t) => /* @__PURE__ */ a("td", { ...t });
+d.displayName = "Table.Td";
+const _ = ({ className: t, onClick: n, variant: e, ...r }) => /* @__PURE__ */ a(
   "tr",
   {
-    className: c(e && `variant-${e}`, !!a && "clickable", t),
-    onClick: a,
+    className: s(e && `variant-${e}`, !!n && "clickable", t),
+    onClick: n,
     ...r
   }
-), w = Object.assign(b, {
-  Tbody: m,
-  Td: T,
-  Th: u,
-  Thead: f,
-  Tr: g
+);
+_.displayName = "Table.Tr";
+const k = Object.assign(o, {
+  Tbody: c,
+  Td: d,
+  Th: i,
+  Thead: l,
+  Tr: _
 });
 export {
-  w as Table,
-  b as TableComponent
+  k as Table,
+  o as TableComponent
 };