welcome-ui 8.4.0 → 9.0.0-alpha.1

package/dist/Swiper.js

@@ -0,0 +1,364 @@
+"use client";
+import { jsxs as ae, jsx as C } from "react/jsx-runtime";
+import { a as K, g as le, c as ce } from "./index-PAaZGbyz.js";
+import { useRef as ie, useEffect as H, useState as Z, useMemo as de, Children as re, cloneElement as ue, useCallback as X } from "react";
+import { Button as oe } from "./Button.js";
+import "./Icon-BisRi8B3.js";
+import { L as fe } from "./index-CWVOLBDY.js";
+import { R as pe } from "./index-Dcq5gh3E.js";
+import { u as he } from "./use-viewport-CgrficYB.js";
+var ee, ne;
+function be() {
+  if (ne) return ee;
+  ne = 1;
+  var i = "Expected a function", s = NaN, f = "[object Symbol]", m = /^\s+|\s+$/g, P = /^[-+]0x[0-9a-f]+$/i, j = /^0b[01]+$/i, h = /^0o[0-7]+$/i, _ = parseInt, D = typeof K == "object" && K && K.Object === Object && K, y = typeof self == "object" && self && self.Object === Object && self, F = D || y || Function("return this")(), R = Object.prototype, E = R.toString, c = Math.max, z = Math.min, k = function() {
+    return F.Date.now();
+  };
+  function q(e, r, a) {
+    var v, x, N, b, g, $, T = 0, M = !1, W = !1, G = !0;
+    if (typeof e != "function")
+      throw new TypeError(i);
+    r = d(r) || 0, w(a) && (M = !!a.leading, W = "maxWait" in a, N = W ? c(d(a.maxWait) || 0, r) : N, G = "trailing" in a ? !!a.trailing : G);
+    function I(t) {
+      var l = v, p = x;
+      return v = x = void 0, T = t, b = e.apply(p, l), b;
+    }
+    function Q(t) {
+      return T = t, g = setTimeout(L, r), M ? I(t) : b;
+    }
+    function Y(t) {
+      var l = t - $, p = t - T, A = r - l;
+      return W ? z(A, N - p) : A;
+    }
+    function S(t) {
+      var l = t - $, p = t - T;
+      return $ === void 0 || l >= r || l < 0 || W && p >= N;
+    }
+    function L() {
+      var t = k();
+      if (S(t))
+        return O(t);
+      g = setTimeout(L, Y(t));
+    }
+    function O(t) {
+      return g = void 0, G && v ? I(t) : (v = x = void 0, b);
+    }
+    function u() {
+      g !== void 0 && clearTimeout(g), T = 0, v = $ = x = g = void 0;
+    }
+    function o() {
+      return g === void 0 ? b : O(k());
+    }
+    function n() {
+      var t = k(), l = S(t);
+      if (v = arguments, x = this, $ = t, l) {
+        if (g === void 0)
+          return Q($);
+        if (W)
+          return g = setTimeout(L, r), I($);
+      }
+      return g === void 0 && (g = setTimeout(L, r)), b;
+    }
+    return n.cancel = u, n.flush = o, n;
+  }
+  function w(e) {
+    var r = typeof e;
+    return !!e && (r == "object" || r == "function");
+  }
+  function V(e) {
+    return !!e && typeof e == "object";
+  }
+  function U(e) {
+    return typeof e == "symbol" || V(e) && E.call(e) == f;
+  }
+  function d(e) {
+    if (typeof e == "number")
+      return e;
+    if (U(e))
+      return s;
+    if (w(e)) {
+      var r = typeof e.valueOf == "function" ? e.valueOf() : e;
+      e = w(r) ? r + "" : r;
+    }
+    if (typeof e != "string")
+      return e === 0 ? e : +e;
+    e = e.replace(m, "");
+    var a = j.test(e);
+    return a || h.test(e) ? _(e.slice(2), a ? 2 : 8) : P.test(e) ? s : +e;
+  }
+  return ee = q, ee;
+}
+var ge = be();
+const me = /* @__PURE__ */ le(ge), ke = { $type: "dimension", "2xl": { $value: "1440px" }, "3xl": { $value: "1620px" }, "4xl": { $value: "1920px" }, lg: { $value: "980px" }, md: { $value: "736px" }, sm: { $value: "480px" }, xl: { $value: "1280px" }, xs: { $value: "0px" } }, we = {
+  breakpoint: ke
+};
+function _e() {
+  return Object.entries(we.breakpoint).reduce((i, [s, f]) => {
+    if (s !== "$type" && typeof f == "object" && "$value" in f) {
+      const m = typeof f.$value == "string" ? Number(f.$value.replace("px", "")) : f.$value;
+      isNaN(m) || (i[s] = m);
+    }
+    return i;
+  }, {});
+}
+const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "_container_1rqk8_15", xe = "_arrow_1rqk8_80", Le = "_pagination_1rqk8_117", Pe = {
+  root: ve,
+  dark: Se,
+  bullet: ye,
+  "bullet-active": "_bullet-active_1rqk8_12",
+  container: $e,
+  "container-mobile": "_container-mobile_1rqk8_44",
+  "container-tablet": "_container-tablet_1rqk8_53",
+  "container-desktop": "_container-desktop_1rqk8_62",
+  "container-full-width": "_container-full-width_1rqk8_75",
+  arrow: xe,
+  "arrow-left": "_arrow-left_1rqk8_91",
+  "arrow-right": "_arrow-right_1rqk8_94",
+  "arrow-mobile": "_arrow-mobile_1rqk8_97",
+  "arrow-desktop": "_arrow-desktop_1rqk8_106",
+  "arrow-background": "_arrow-background_1rqk8_111",
+  pagination: Le,
+  "pagination-mobile": "_pagination-mobile_1rqk8_126",
+  "pagination-desktop": "_pagination-desktop_1rqk8_135"
+}, Te = (i, s) => {
+  const f = ie();
+  H(() => {
+    f.current = i;
+  }, [i]), H(() => {
+    function m() {
+      f.current();
+    }
+    if (s !== null) {
+      const P = setInterval(m, s);
+      return () => clearInterval(P);
+    }
+  }, [s]);
+}, J = (i, s) => {
+  if (s === 0)
+    return `${100 / i}%`;
+  const m = s * (i === 1 ? 4 : 2) / 16;
+  return `calc(${100 / i}% - ${m}rem)`;
+}, B = ce(Pe), Me = (i = {}) => {
+  const {
+    autoplay: s = !1,
+    centeredSlides: f = !1,
+    duration: m = 5e3,
+    firstSlideToShow: P = 0,
+    fullWidth: j = !1,
+    id: h = "swiper",
+    loop: _ = !1,
+    navigationSize: D = "md",
+    slidesPerView: y = { desktop: 1, mobile: 1, tablet: 1 },
+    spaceBetween: F = 20,
+    withDarkUI: R = !1,
+    withNavigation: E = { desktop: !0, mobile: !0 },
+    withPagination: c = { desktop: !1, mobile: !1 }
+  } = i, z = _ || s, { width: k } = he(), [q, w] = Z(0), [V, U] = Z(!1), [d, e] = Z(!1), r = ie(), a = _e(), v = de(() => k <= a.md ? y.mobile : k <= a.lg ? y.tablet : k >= a["4xl"] && j ? y.desktop + 2 : y.desktop, [k, a, j, y]);
+  return {
+    autoplay: s,
+    centeredSlides: f,
+    currentPage: q,
+    currentSlidesPerView: v,
+    duration: m,
+    firstSlideToShow: P,
+    fullWidth: j,
+    id: h,
+    navigationSize: D,
+    ref: r,
+    setCurrentPage: w,
+    setShowLeftArrow: U,
+    setShowRightArrow: e,
+    shouldLoop: z,
+    showLeftArrow: V,
+    showRightArrow: d,
+    slidesPerView: y,
+    spaceBetween: F,
+    withDarkUI: R,
+    withNavigation: E,
+    withPagination: c
+  };
+}, Oe = ({ children: i, className: s, store: f, ...m }) => {
+  const {
+    autoplay: P,
+    centeredSlides: j,
+    currentPage: h,
+    currentSlidesPerView: _,
+    duration: D,
+    firstSlideToShow: y,
+    fullWidth: F,
+    id: R,
+    navigationSize: E,
+    ref: c,
+    setCurrentPage: z,
+    setShowLeftArrow: k,
+    setShowRightArrow: q,
+    shouldLoop: w,
+    showLeftArrow: V,
+    showRightArrow: U,
+    slidesPerView: d,
+    spaceBetween: e,
+    withDarkUI: r,
+    withNavigation: a,
+    withPagination: v
+  } = f, x = re.toArray(i).length, N = Math.ceil(x / _), b = Array.from(Array(N).keys()), g = a.mobile || !1, $ = a.desktop || !1, T = h === 0, M = h === b.length - 1, W = re.map(i, (u, o) => {
+    const n = `${R}-${o}`, t = o + 1, l = Math.ceil(t / _) - 1, p = M ? x - t >= _ : l !== h;
+    return ue(u, {
+      ...u.props,
+      "aria-hidden": p,
+      "aria-label": `${t} of ${x}`,
+      "aria-roledescription": "slide",
+      id: n,
+      key: n
+    });
+  }), G = j ? (
+    // if centeredSlides is true, we calculate which number is the middle page
+    Math.floor(N / 2)
+  ) : (
+    // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
+    Math.ceil(y / _) - 1
+  ), I = X(() => {
+    const u = c == null ? void 0 : c.current;
+    if (u && !w) {
+      const { offsetWidth: o, scrollLeft: n, scrollWidth: t } = u, l = !(n > e), p = !(t - (n + o) > e);
+      k(!l), q(!p);
+    } else
+      k(!0), q(!0);
+  }, [c, k, q, w, e]), Q = () => {
+    var o, n;
+    const u = c == null ? void 0 : c.current;
+    if (u) {
+      const { children: t, offsetWidth: l, scrollLeft: p, scrollWidth: A } = u, se = (n = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.getBoundingClientRect()) == null ? void 0 : n.width, te = !(A - (p + l) > e) ? b.length - 1 : Math.round(p / ((se + e) * _));
+      te !== h && z(te);
+    }
+  }, Y = me(() => {
+    I(), Q();
+  }, 100), S = X(
+    (u, o = !1) => {
+      var l, p, A;
+      const n = c == null ? void 0 : c.current, t = (A = (p = (l = n == null ? void 0 : n.children) == null ? void 0 : l[0]) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : A.width;
+      n == null || n.scrollTo({
+        // We don't want to have a scroll effect when we first render the swiper
+        behavior: o ? "auto" : "smooth",
+        left: u * (t + e) * _,
+        top: 0
+      });
+    },
+    [_, e, c]
+  ), L = X(() => {
+    S(w && M ? 0 : h + 1);
+  }, [h, S, M, w]), O = X(() => {
+    S(T && w ? b.length - 1 : h - 1);
+  }, [b.length, h, S, T, w]);
+  return Te(
+    () => {
+      P && L();
+    },
+    P ? D : null
+  ), H(() => {
+    const u = (o) => {
+      o.code === "ArrowLeft" && O(), o.code === "ArrowRight" && L();
+    };
+    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
+  }, [O, L]), H(() => {
+    S(G, !0);
+  }, []), H(() => {
+    I();
+  }, [I, i]), /* @__PURE__ */ ae("div", { className: B("root", r && "dark", s), ...m, children: [
+    /* @__PURE__ */ C(
+      "ul",
+      {
+        className: B(
+          "container",
+          d.mobile && "container-mobile",
+          d.desktop && "container-desktop",
+          d.tablet && "container-tablet",
+          d.desktop && F && "container-full-width"
+        ),
+        onScroll: Y,
+        ref: c,
+        style: {
+          "--slideDesktop": d.desktop,
+          "--slideMobile": d.mobile,
+          "--slideTablet": d.tablet,
+          "--slideWidthDesktop": J(d.desktop, e),
+          "--slideWidthMobile": J(d.mobile, e),
+          "--slideWidthTablet": J(d.tablet, e),
+          "--slideWithDesktopFullWidth": J(d.desktop + 2, e),
+          "--spaceBetween": `${e / 16}rem`
+        },
+        children: W
+      }
+    ),
+    /* @__PURE__ */ C(
+      oe,
+      {
+        "aria-label": "Previous slide",
+        className: B(
+          "arrow",
+          "arrow-left",
+          !r && "arrow-background",
+          g && "arrow-mobile",
+          $ && "arrow-desktop"
+        ),
+        disabled: !V,
+        onClick: O,
+        shape: "circle",
+        size: E,
+        variant: r ? "secondary" : "ghost",
+        children: /* @__PURE__ */ C(fe, {})
+      }
+    ),
+    /* @__PURE__ */ C(
+      oe,
+      {
+        "aria-label": "Next slide",
+        className: B(
+          "arrow",
+          "arrow-right",
+          !r && "arrow-background",
+          g && "arrow-mobile",
+          $ && "arrow-desktop"
+        ),
+        disabled: !U,
+        onClick: L,
+        shape: "circle",
+        size: E,
+        variant: r ? "secondary" : "ghost",
+        children: /* @__PURE__ */ C(pe, {})
+      }
+    ),
+    /* @__PURE__ */ C(
+      "div",
+      {
+        className: B(
+          "pagination",
+          v.mobile && "pagination-mobile",
+          v.desktop && "pagination-desktop"
+        ),
+        role: "tablist",
+        children: b.length > 1 && b.map((u, o) => {
+          const n = {
+            "aria-controls": `${R}-${o}`,
+            "aria-label": `${o + 1} of ${b.length}`,
+            "aria-selected": o === h,
+            idx: o,
+            onClick: () => S(o),
+            role: "tab"
+          };
+          return /* @__PURE__ */ C(
+            "div",
+            {
+              className: B("bullet", o === h && "bullet-active"),
+              ...n
+            },
+            `bullet-${o + 1}`
+          );
+        })
+      }
+    )
+  ] });
+};
+export {
+  Oe as Swiper,
+  Me as useSwiper
+};

package/dist/Table.css

@@ -0,0 +1 @@
+@layer components{._root_8bmny_2{width:100%;overflow:hidden}._content_8bmny_6{width:100%;overflow-x:auto}._content_8bmny_6 table{width:100%;border-collapse:collapse;border:0}._content_8bmny_6 table td{padding:var(--spacing-xl);text-align:left}._content_8bmny_6 table td:first-child{padding-left:0}._content_8bmny_6 table td:last-child{padding-right:0}._content_8bmny_6 table th{border-bottom:var(--border-width-sm) solid var(--color-neutral-90);color:var(--color-neutral-60);font-weight:var(--font-weight-500);text-align:left;padding:var(--spacing-xl);vertical-align:middle}._content_8bmny_6 table th:first-child{padding-left:0}._content_8bmny_6 table th:last-child{padding-right:0}._content_8bmny_6 table tr{border-bottom:var(--border-width-sm) solid var(--color-neutral-30);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_8bmny_6 table tr:last-child{border:0}._content_8bmny_6 table tr._clickable_8bmny_48{cursor:pointer}._content_8bmny_6 table tr._clickable_8bmny_48:hover{background-color:var(--color-beige-10)}._content_8bmny_6 table tr._variant-danger_8bmny_54{--trBackgroundColor: var(--color-red-10);--trColor: var(--color-red-70)}._content_8bmny_6 table tr._variant-warning_8bmny_58{--trBackgroundColor: var(--color-orange-10);--trColor: var(--color-orange-80)}._content_8bmny_6 table tr._variant-success_8bmny_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-green-70)}._content_8bmny_6 table tr._variant-info_8bmny_66{--trBackgroundColor: var(--color-blue-10);--trColor: var(--color-blue-70)}._indent_8bmny_70 table td:first-child,._indent_8bmny_70 table th:first-child{padding-left:var(--spacing-xl)}._indent_8bmny_70 table td:last-child,._indent_8bmny_70 table th:last-child{padding-right:var(--spacing-xl)}}

package/dist/Table.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as i } from "./index-PAaZGbyz.js";
+const _ = "_root_8bmny_2", b = "_content_8bmny_6", l = "_clickable_8bmny_48", m = "_indent_8bmny_70", d = {
+  root: _,
+  content: b,
+  clickable: l,
+  "variant-danger": "_variant-danger_8bmny_54",
+  "variant-warning": "_variant-warning_8bmny_58",
+  "variant-success": "_variant-success_8bmny_62",
+  "variant-info": "_variant-info_8bmny_66",
+  indent: m
+}, c = i(d), y = s(
+  ({ children: n, className: a, indent: e, ...r }, o) => /* @__PURE__ */ t("div", { className: c("root", a), ref: o, ...r, children: /* @__PURE__ */ t("div", { className: c("content", e && "indent"), children: /* @__PURE__ */ t("table", { children: n }) }) })
+), v = (n) => /* @__PURE__ */ t("tbody", { ...n }), u = (n) => /* @__PURE__ */ t("th", { ...n }), f = (n) => /* @__PURE__ */ t("thead", { ...n }), T = (n) => /* @__PURE__ */ t("td", { ...n }), h = ({ className: n, onClick: a, variant: e, ...r }) => /* @__PURE__ */ t(
+  "tr",
+  {
+    className: c(e && `variant-${e}`, !!a && "clickable", n),
+    onClick: a,
+    ...r
+  }
+), k = Object.assign(y, {
+  Tbody: v,
+  Td: T,
+  Th: u,
+  Thead: f,
+  Tr: h
+});
+export {
+  k as Table,
+  y as TableComponent
+};

package/dist/Tabs.css

@@ -0,0 +1 @@
+@layer components{._root_102tt_2{position:absolute;will-change:width,transform;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--color-brand-40)}[aria-orientation=horizontal] ._root_102tt_2{width:var(--active-bar-size);height:var(--border-width-md);left:0;bottom:0;transform:translate(var(--active-bar-offset))}[aria-orientation=vertical] ._root_102tt_2{width:var(--border-width-md);height:var(--active-bar-size);right:0;top:0;transform:translateY(var(--active-bar-offset))}}@layer components{._root_axn0q_2{width:100%;position:relative;display:flex;overflow-x:auto;border:0;gap:var(--spacing-xl);--tab-font-size: var(--font-size-md);--tab-box-shadow: inset 0 calc(-1 * var(--border-width-sm)) 0 var(--color-neutral-30);font-size:var(--tab-font-size);box-shadow:var(--tab-box-shadow)}._root_axn0q_2[aria-orientation=vertical]{flex-direction:column;--tab-box-shadow: inset calc(-1 * var(--border-width-sm)) 0 0 var(--color-neutral-30)}._size-md_axn0q_18{--tab-font-size: var(--font-size-md)}._size-sm_axn0q_21{--tab-font-size: var(--font-size-sm)}}@layer components{._root_1kepd_2:focus{outline:none}[aria-orientation=horizontal] ._root_1kepd_2{margin-top:var(--spacing-xl)}[aria-orientation=vertical] ._root_1kepd_2{margin-left:var(--spacing-xl)}}@layer components{._root_wlfaw_2{border:0;background:none;color:var(--tabs-color, var(--color-neutral-70));font-weight:var(--font-weight-medium);line-height:var(--line-height-md);text-decoration:none;display:flex;align-items:center;flex:none;padding:var(--spacing-md) 0;transition:var(--transition-medium);text-transform:none;cursor:pointer;gap:var(--spacing-sm)}._root_wlfaw_2:focus{outline:none!important}._root_wlfaw_2:focus:not([aria-selected=true]){--tabs-color: var(--color-neutral-90)}._root_wlfaw_2[aria-selected=true]{--tabs-color: var(--color-neutral-90)}._root_wlfaw_2[aria-disabled=true]{--tabs-color: var(--color-neutral-60);cursor:not-allowed}._root_wlfaw_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabs-color: var(--color-neutral-90)}._root_wlfaw_2>svg,._root_wlfaw_2 img{max-height:var(--spacing-lg);max-width:var(--spacing-lg)}._root_wlfaw_2>span{max-height:var(--spacing-lg)}}