welcome-ui 0.0.0-dev.1759252708223 → 0.0.0-dev.1759821506923

package/dist/Modal.js

@@ -1,208 +1,166 @@
 "use client";
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import { D as A, d as M } from "./JC64G2H7-jNBZrGfv.js";
-import { c as a } from "./classNames-qiokGROM.js";
-import { f as $ } from "./forwardRefWithAs-8eP3ZN15.js";
-import { D as w } from "./SYRFVSLH-D5X1Ofws.js";
-import j, { forwardRef as d, isValidElement as R, cloneElement as C, useState as W, useMemo as V, Children as O, useEffect as q } from "react";
-import "./Icon-CvQNL_iy.js";
-import { C as G } from "./index-u9K1RU_H.js";
-import { Button as J } from "./Button.js";
-import { Text as _ } from "./Text.js";
-import { CloseButton as K } from "./CloseButton.js";
-import { D as L } from "./AXB53BZF-ClCOTGI-.js";
-const P = "_root_1vbnu_3", Q = "_hideOnInteractOutside_1vbnu_19", U = "_dialog_1vbnu_117", u = {
-  root: P,
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { D as C, u as I } from "./JC64G2H7-DPy9R0De.js";
+import { d as y } from "./YV4JVR4I-CVFstk2K.js";
+import { forwardRef as c, isValidElement as B, cloneElement as S, useState as A, useEffect as T } from "react";
+import { c as n } from "./index-PAaZGbyz.js";
+import { f as z } from "./forwardRefWithAs-8eP3ZN15.js";
+import { D as v } from "./SYRFVSLH-CHNUB1rW.js";
+import "./Icon-BisRi8B3.js";
+import { C as j } from "./index-BJLXLdM3.js";
+import { Button as E } from "./Button.js";
+import { Text as m } from "./Text.js";
+import { CloseButton as M } from "./CloseButton.js";
+import { D as H } from "./AXB53BZF-BHeessqV.js";
+const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1vbnu_117", i = {
+  root: R,
   "asset-backdrop": "_asset-backdrop_1vbnu_8",
-  hideOnInteractOutside: Q,
+  hideOnInteractOutside: W,
   "iframe-wrapper": "_iframe-wrapper_1vbnu_25",
   "asset-wrapper": "_asset-wrapper_1vbnu_48",
   "asset-title-wrapper": "_asset-title-wrapper_1vbnu_56",
   "asset-title": "_asset-title_1vbnu_56",
   "asset-content": "_asset-content_1vbnu_96",
-  dialog: U,
+  dialog: F,
   "close-button": "_close-button_1vbnu_159"
-}, X = a(u), Y = ({ children: e, ...t }) => /* @__PURE__ */ s(J, { className: X("close-button"), shape: "circle", variant: "secondary", ...t, children: e }), Z = a(u), k = d(
-  ({ hideOnInteractOutside: e, ...t }, o) => /* @__PURE__ */ s(
+}, V = n(i), q = ({ children: t, ...e }) => /* @__PURE__ */ o(E, { className: V("close-button"), shape: "circle", variant: "secondary", ...e, children: t }), G = n(i), J = c(
+  ({ hideOnInteractOutside: t, ...e }, s) => /* @__PURE__ */ o(
     "div",
     {
-      className: Z("asset-backdrop", e && "hideOnInteractOutside"),
-      ...t,
-      ref: o,
-      children: /* @__PURE__ */ s(
-        w,
+      className: G("asset-backdrop", t && "hideOnInteractOutside"),
+      ...e,
+      ref: s,
+      children: /* @__PURE__ */ o(
+        v,
         {
-          render: /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ s(G, {}) })
+          render: /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(j, {}) })
         }
       )
     }
   )
-);
-k.displayName = "Backdrop";
-const ee = a(u), te = ({
-  children: e,
-  ...t
-}) => /* @__PURE__ */ s("div", { className: ee("root", "asset-content"), ...t, children: e }), se = a(u), z = ({ children: e, ...t }) => /* @__PURE__ */ s(_, { as: "p", className: se("asset-title"), lines: 2, variant: "h4", ...t, children: e }), B = a(u), oe = d(
-  ({ children: e, customContent: t, subtitle: o, title: r, ...l }, c) => /* @__PURE__ */ p("div", { className: B("root", "asset-wrapper"), ref: c, ...l, children: [
-    e,
-    /* @__PURE__ */ p("div", { className: B("root", "asset-title-wrapper"), children: [
-      t,
-      !t && o ? /* @__PURE__ */ s(_, { variant: "subtitle-sm", children: o }) : null,
-      !t && r ? /* @__PURE__ */ s(z, { children: r }) : null
+), K = n(i), L = ({
+  children: t,
+  ...e
+}) => /* @__PURE__ */ o("div", { className: K("root", "asset-content"), ...e, children: t }), P = n(i), N = ({ children: t, ...e }) => /* @__PURE__ */ o(m, { as: "p", className: P("asset-title"), lines: 2, variant: "h4", ...e, children: t }), g = n(i), Q = c(
+  ({ children: t, customContent: e, subtitle: s, title: r, ..._ }, a) => /* @__PURE__ */ d("div", { className: g("root", "asset-wrapper"), ref: a, ..._, children: [
+    t,
+    /* @__PURE__ */ d("div", { className: g("root", "asset-title-wrapper"), children: [
+      e,
+      !e && s ? /* @__PURE__ */ o(m, { variant: "subtitle-sm", children: s }) : null,
+      !e && r ? /* @__PURE__ */ o(N, { children: r }) : null
     ] })
   ] })
-), re = a(u), ne = ({
-  children: e,
-  ...t
-}) => /* @__PURE__ */ s("div", { className: re("root", "dialog"), ...t, children: e }), ae = a(u), ie = ({ children: e }) => /* @__PURE__ */ s("div", { className: ae("root", "iframe-wrapper"), children: e }), ce = Object.assign(ne, {
-  AssetWithTitle: oe,
-  Backdrop: k,
-  Content: te,
-  Iframe: ie,
-  Title: z
-}), le = "_root_1dbsy_3", de = "_backdrop_1dbsy_54", ue = "_hideOnInteractOutside_1dbsy_65", me = "_header_1dbsy_71", pe = "_icon_1dbsy_90", _e = "_body_1dbsy_97", fe = "_footer_1dbsy_103", b = {
-  root: le,
-  "size-lg": "_size-lg_1dbsy_38",
-  "size-md": "_size-md_1dbsy_42",
-  "size-sm": "_size-sm_1dbsy_46",
-  "size-xs": "_size-xs_1dbsy_50",
-  backdrop: de,
-  hideOnInteractOutside: ue,
-  header: me,
-  "header-subtitle": "_header-subtitle_1dbsy_87",
-  "header-title": "_header-title_1dbsy_87",
-  icon: pe,
-  body: _e,
-  footer: fe,
-  "footer-children-wrapper": "_footer-children-wrapper_1dbsy_114",
-  "footer-information": "_footer-information_1dbsy_118",
-  "footer-information-title": "_footer-information-title_1dbsy_125",
-  "footer-information-subtitle": "_footer-information-subtitle_1dbsy_129"
-}, be = a(b), ye = d(
-  ({ backdrop: e, hideOnInteractOutside: t, ...o }, r) => e === !0 ? /* @__PURE__ */ s(
+), U = n(i), X = ({
+  children: t,
+  ...e
+}) => /* @__PURE__ */ o("div", { className: U("root", "dialog"), ...e, children: t }), Y = n(i), Z = ({ children: t }) => /* @__PURE__ */ o("div", { className: Y("root", "iframe-wrapper"), children: t }), tt = Object.assign(X, {
+  AssetWithTitle: Q,
+  Backdrop: J,
+  Content: L,
+  Iframe: Z,
+  Title: N
+}), et = "_root_4g0z0_4", ot = "_body_4g0z0_48", st = "_footer_4g0z0_48", rt = "_header_4g0z0_48", nt = "_scrollable_4g0z0_60", at = "_content_4g0z0_66", ct = "_close_4g0z0_66", it = "_backdrop_4g0z0_85", lt = "_hideOnInteractOutside_4g0z0_96", _t = "_icon_4g0z0_127", l = {
+  root: et,
+  body: ot,
+  footer: st,
+  header: rt,
+  scrollable: nt,
+  content: at,
+  "with-close-button": "_with-close-button_4g0z0_66",
+  close: ct,
+  "size-lg": "_size-lg_4g0z0_69",
+  "size-md": "_size-md_4g0z0_73",
+  "size-sm": "_size-sm_4g0z0_77",
+  "size-xs": "_size-xs_4g0z0_81",
+  backdrop: it,
+  hideOnInteractOutside: lt,
+  "header-subtitle": "_header-subtitle_4g0z0_124",
+  "header-title": "_header-title_4g0z0_124",
+  icon: _t,
+  "footer-children-wrapper": "_footer-children-wrapper_4g0z0_158",
+  "footer-information": "_footer-information_4g0z0_163",
+  "footer-information-title": "_footer-information-title_4g0z0_170",
+  "footer-information-subtitle": "_footer-information-subtitle_4g0z0_174"
+}, dt = n(l), mt = c(
+  ({ backdrop: t, hideOnInteractOutside: e, ...s }, r) => t === !0 ? /* @__PURE__ */ o(
     "div",
     {
-      className: be("backdrop", t && "hideOnInteractOutside"),
+      className: dt("backdrop", e && "hideOnInteractOutside"),
       ref: r,
-      ...o
+      ...s
     }
-  ) : R(e) ? C(e, { ref: r, ...o }) : null
-), ge = a(b), D = d((e, t) => /* @__PURE__ */ s("section", { className: ge("body"), ref: t, ...e }));
-D.displayName = "Body";
-const H = ({ isOnHeader: e, ...t }) => /* @__PURE__ */ s(
-  w,
-  {
-    render: /* @__PURE__ */ s(
-      K,
-      {
-        className: `top-(--spacing-lg) z-[1] ${e ? "absolute right-(--spacing-lg)" : "sticky left-[calc(100%-var(--spacing-lg)-var(--height-elements-md))]"}`,
-        ...t
-      }
-    )
-  }
-), I = d(
-  ({ children: e, store: t, withClosingButton: o = !0, ...r }, l) => {
-    const [c, y] = W(!1), m = t.useState("contentElement"), g = t.useState("open"), i = V(
-      () => O.map(e, (n) => {
-        if (j.isValidElement(n)) {
-          const v = n.type;
-          return v.displayName ?? v.name ?? "";
-        }
-        return "";
-      }),
-      [e]
-    ), T = !i.includes("Header") && o, E = (n) => n === "Header" ? {
-      // if the Modal have a Body but not a Footer || have a Footer but not a Body
-      paddingBottom: i.includes("Body") && !i.includes("Footer") || i.includes("Footer") && !i.includes("Body") ? "var(--spacing-lg)" : "var(--spacing-xxl)"
-    } : n === "Body" ? {
-      paddingBottom: i.includes("Footer") ? "var(--spacing-lg)" : null,
-      paddingRight: i.includes("Header") ? "var(--spacing-xxl)" : null
-    } : n === "Footer" ? {
-      borderWidth: c ? "var(--border-width-sm)" : "0",
-      paddingTop: i.includes("Header") || i.includes("Body") ? null : "var(--spacing-lg)"
-    } : {};
-    return q(() => {
-      g ? m && y(m.scrollHeight > m.offsetHeight) : y(!1);
-    }, [t, g, m]), /* @__PURE__ */ p("div", { ref: l, ...r, children: [
-      T ? /* @__PURE__ */ s(H, {}) : null,
-      O.map(e, (n) => {
-        var N, x;
-        if (!n) return null;
-        const v = ((N = n == null ? void 0 : n.type) == null ? void 0 : N.displayName) || ((x = n == null ? void 0 : n.type) == null ? void 0 : x.name);
-        return C(n, {
-          style: E(v),
-          ...n.props
-        });
-      })
-    ] });
-  }
-);
-I.displayName = "Content";
-const f = a(b), F = d(
-  ({ children: e, information: t, ...o }, r) => /* @__PURE__ */ p("footer", { className: f("footer"), ref: r, ...o, children: [
-    e ? /* @__PURE__ */ s("div", { className: f("footer-children-wrapper"), children: e }) : null,
-    t ? /* @__PURE__ */ p("div", { className: f("footer-information"), children: [
-      /* @__PURE__ */ s(_, { className: f("footer-information-title"), variant: "subtitle-sm", children: t.title }),
-      /* @__PURE__ */ s(_, { className: f("footer-information-subtitle"), variant: "sm", children: t.subtitle })
+  ) : B(t) ? S(t, { ref: r, ...s }) : null
+), ut = n(l), ft = c((t, e) => /* @__PURE__ */ o("section", { className: ut("body"), ref: e, ...t })), pt = n(l), x = (t) => /* @__PURE__ */ o(v, { render: /* @__PURE__ */ o(M, { className: pt("close"), ...t }) }), ht = n(l), bt = c(
+  ({ children: t, withClosingButton: e = !0, ...s }, r) => /* @__PURE__ */ d("div", { className: ht("content", e && "with-close-button"), ref: r, ...s, children: [
+    /* @__PURE__ */ o(x, {}),
+    t
+  ] })
+), u = n(l), gt = c(
+  ({ children: t, information: e, ...s }, r) => /* @__PURE__ */ d("footer", { className: u("footer"), ref: r, ...s, children: [
+    t ? /* @__PURE__ */ o("div", { className: u("footer-children-wrapper"), children: t }) : null,
+    e ? /* @__PURE__ */ d("div", { className: u("footer-information"), children: [
+      /* @__PURE__ */ o(m, { className: u("footer-information-title"), variant: "subtitle-sm", children: e.title }),
+      /* @__PURE__ */ o(m, { className: u("footer-information-subtitle"), variant: "sm", children: e.subtitle })
     ] }) : null
   ] })
-);
-F.displayName = "Footer";
-const h = a(b), S = d(
-  ({ icon: e, subtitle: t, title: o, ...r }, l) => /* @__PURE__ */ p("header", { className: h("header"), ref: l, ...r, children: [
-    /* @__PURE__ */ s(H, { isOnHeader: !0 }),
-    e,
-    /* @__PURE__ */ s(_, { className: h("header-title", e && "icon"), variant: "h4", children: o }),
-    t ? /* @__PURE__ */ s(_, { className: h("header-subtitle"), children: t }) : null
+), p = n(l), zt = c(
+  ({ icon: t, subtitle: e, title: s, ...r }, _) => /* @__PURE__ */ d("header", { className: p("header", t && "icon"), ref: _, ...r, children: [
+    /* @__PURE__ */ o(x, {}),
+    t,
+    /* @__PURE__ */ o(m, { className: p("header-title"), variant: "h4", children: s }),
+    e ? /* @__PURE__ */ o(m, { className: p("header-subtitle"), children: e }) : null
   ] })
-);
-S.displayName = "Header";
-const ve = $(
-  ({ as: e, store: t, ...o }, r) => /* @__PURE__ */ s(L, { ref: r, render: e ? /* @__PURE__ */ s(e, {}) : void 0, store: t, ...o })
-), he = a(b);
-function Se(e) {
-  const { onClose: t, setOpen: o, ...r } = e || {};
-  return M({
-    setOpen: (c) => {
-      !c && t && t(), o == null || o(c);
+), vt = z(
+  ({ as: t, store: e, ...s }, r) => /* @__PURE__ */ o(H, { ref: r, render: t ? /* @__PURE__ */ o(t, {}) : void 0, store: e, ...s })
+), Nt = n(l);
+function Et(t) {
+  const { onClose: e, setOpen: s, ...r } = t || {};
+  return I({
+    setOpen: (a) => {
+      !a && e && e(), s == null || s(a);
     },
     ...r
   });
 }
-const Ne = $(
+const xt = z(
   ({
-    ariaLabel: e,
+    ariaLabel: t,
     /** for render property */
-    as: t,
-    backdrop: o = !0,
+    as: e,
+    backdrop: s = !0,
     children: r,
-    className: l,
-    hideOnInteractOutside: c = !0,
-    size: y = "lg",
-    store: m,
-    ...g
-  }, i) => /* @__PURE__ */ s(
-    A,
-    {
-      backdrop: /* @__PURE__ */ s(ye, { backdrop: o, hideOnInteractOutside: c }),
-      hideOnInteractOutside: c,
-      ref: i,
-      render: t ? /* @__PURE__ */ s(t, {}) : /* @__PURE__ */ s("div", { className: he("root", `size-${y}`, l) }),
-      store: m,
-      ...g,
-      "aria-label": e,
-      children: r
-    }
-  )
-), Te = Object.assign(Ne, {
-  Body: D,
-  Content: I,
-  Footer: F,
-  Header: S,
-  Trigger: ve
-}), Ee = ce;
+    className: _,
+    hideOnInteractOutside: a = !0,
+    size: $ = "lg",
+    store: h,
+    ...w
+  }, O) => {
+    const [D, k] = A(!1), { contentElement: f, open: b } = y(h);
+    return T(() => {
+      b && f && k(f.scrollHeight > f.offsetHeight);
+    }, [f, b]), /* @__PURE__ */ o(
+      C,
+      {
+        backdrop: /* @__PURE__ */ o(mt, { backdrop: s, hideOnInteractOutside: a }),
+        hideOnInteractOutside: a,
+        ref: O,
+        render: e ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ o("div", { className: Nt("root", `size-${$}`, D && "scrollable", _) }),
+        store: h,
+        ...w,
+        "aria-label": t,
+        children: r
+      }
+    );
+  }
+), Mt = Object.assign(xt, {
+  Body: ft,
+  Content: bt,
+  Footer: gt,
+  Header: zt,
+  Trigger: vt
+}), Ht = tt;
 export {
-  Ee as AssetModal,
-  Te as Modal,
-  Se as useModal
+  Ht as AssetModal,
+  Mt as Modal,
+  Et as useModal
 };

package/dist/{NLEBE274-BlP1TDp5.js → NLEBE274-B4zy25kL.js}

@@ -1,8 +1,8 @@
 "use client";
-import { C as U, a as y, c as A } from "./P2CTZE2T-DqsBJuIy.js";
-import { t as T, D as j, f as D, c as w, a as G, _ as H, E as M, k as O, m as $, F as q, u as v, b as z, j as B, d as p, G as J } from "./LVA2YJMS-C6Bdr5Em.js";
-import { u as K } from "./YV4JVR4I-BN6SUVuh.js";
-import { useRef as L, useEffect as h } from "react";
+import { C as U, a as y, b as A } from "./P2CTZE2T-D1TepwxQ.js";
+import { v as T, m as $, l as j, c as w, n as D, _ as G, C as H, N as M, G as O, $ as q, b as v, e as z, f as B, g as p, r as J } from "./LVA2YJMS-NUHCRwFZ.js";
+import { d as K } from "./YV4JVR4I-CVFstk2K.js";
+import { useRef as L, useEffect as k } from "react";
 var Q = T(
   [y],
   [U]
@@ -20,7 +20,7 @@ var Y = w(function(r) {
     name: c,
     value: i,
     checked: m
-  } = d, o = H(d, [
+  } = d, o = G(d, [
     "store",
     "name",
     "value",
@@ -28,15 +28,15 @@ var Y = w(function(r) {
   ]);
   const R = V();
   t = t || R;
-  const a = M(o.id), l = L(null), s = K(
+  const a = H(o.id), l = L(null), s = K(
     t,
     (e) => m ?? W(i, e == null ? void 0 : e.value)
   );
-  h(() => {
+  k(() => {
     !a || !s || (t == null ? void 0 : t.getState().activeId) === a || t == null || t.setActiveId(a);
   }, [t, s, a]);
-  const C = o.onChange, x = O(l, P), n = X(x, o.type), I = $(o), [_, S] = q();
-  h(() => {
+  const C = o.onChange, x = M(l, P), n = X(x, o.type), I = O(o), [_, S] = q();
+  k(() => {
     const e = l.current;
     e && (n || (s !== void 0 && (e.checked = s), c !== void 0 && (e.name = c), i !== void 0 && (e.value = `${i}`)));
   }, [_, n, s, c, i]);
@@ -46,12 +46,12 @@ var Y = w(function(r) {
       return;
     }
     (t == null ? void 0 : t.getState().value) !== i && (n || (e.currentTarget.checked = !0, S()), C == null || C(e), !e.defaultPrevented && (t == null || t.setValue(i)));
-  }), k = o.onClick, F = v((e) => {
-    k == null || k(e), !e.defaultPrevented && (n || f(e));
-  }), g = o.onFocus, b = v((e) => {
-    if (g == null || g(e), e.defaultPrevented || !n || !t) return;
-    const { moves: E, activeId: N } = t.getState();
-    E && (a && N !== a || f(e));
+  }), g = o.onClick, b = v((e) => {
+    g == null || g(e), !e.defaultPrevented && (n || f(e));
+  }), h = o.onFocus, F = v((e) => {
+    if (h == null || h(e), e.defaultPrevented || !n || !t) return;
+    const { moves: N, activeId: E } = t.getState();
+    N && (a && E !== a || f(e));
   });
   return o = z(p({
     id: a,
@@ -61,8 +61,8 @@ var Y = w(function(r) {
   }, o), {
     ref: B(l, o.ref),
     onChange: f,
-    onClick: F,
-    onFocus: b
+    onClick: b,
+    onFocus: F
   }), o = A(p({
     store: t,
     clickOnEnter: !n
@@ -71,10 +71,10 @@ var Y = w(function(r) {
     value: n ? i : void 0,
     checked: s
   }, o));
-}), re = j(
-  D(function(r) {
+}), re = $(
+  j(function(r) {
     const d = Y(r);
-    return G(P, d);
+    return D(P, d);
   })
 );
 export {