welcome-ui 0.0.0-dev.1761751123336 → 0.0.0-dev.1762114810912

package/dist/Modal.js

@@ -1,29 +1,28 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { u as C } from "./RTNCFSKZ-P4icqVD0.js";
-import { D as I, u as y } from "./NI3IVY7K-DxnarnKs.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 "./DSAASPLT-COUlh0RL.js";
-import "./Icon-BisRi8B3.js";
-import { C as j } from "./index-BJLXLdM3.js";
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { u as k } from "./RTNCFSKZ-LcIdBwa8.js";
+import { D as y, u as I } from "./NI3IVY7K-DpF3td-7.js";
+import { forwardRef as c, isValidElement as B, cloneElement as C, useState as S, useEffect as A } from "react";
+import { c as a } from "./index-PAaZGbyz.js";
+import { f as j } from "./forwardRefWithAs-8eP3ZN15.js";
+import { D as g } from "./DSAASPLT-C-2xDjIv.js";
+import { Icon as T } from "./Icon.js";
 import { Button as E } from "./Button.js";
-import { Text as m } from "./Text.js";
+import { Text as u } from "./Text.js";
 import { CloseButton as M } from "./CloseButton.js";
-import { D as H } from "./ZTXFEM5L-BEA_1pIo.js";
-const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1vbnu_117", i = {
+import { D as H } from "./ZTXFEM5L-CjFLRObi.js";
+const R = "_root_1ruus_3", W = "_hideOnInteractOutside_1ruus_19", F = "_dialog_1ruus_117", i = {
   root: R,
-  "asset-backdrop": "_asset-backdrop_1vbnu_8",
+  "asset-backdrop": "_asset-backdrop_1ruus_8",
   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",
+  "iframe-wrapper": "_iframe-wrapper_1ruus_25",
+  "asset-wrapper": "_asset-wrapper_1ruus_48",
+  "asset-title-wrapper": "_asset-title-wrapper_1ruus_56",
+  "asset-title": "_asset-title_1ruus_56",
+  "asset-content": "_asset-content_1ruus_96",
   dialog: F,
-  "close-button": "_close-button_1vbnu_159"
-}, 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(
+  "close-button": "_close-button_1ruus_159"
+}, V = a(i), q = ({ children: t, ...e }) => /* @__PURE__ */ o(E, { className: V("close-button"), variant: "primary-neutral", ...e, children: t }), G = a(i), J = c(
   ({ hideOnInteractOutside: t, ...e }, s) => /* @__PURE__ */ o(
     "div",
     {
@@ -31,136 +30,136 @@ const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1
       ...e,
       ref: s,
       children: /* @__PURE__ */ o(
-        v,
+        g,
         {
-          render: /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(j, {}) })
+          render: /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(T, { name: "times" }) })
         }
       )
     }
   )
-), K = n(i), L = ({
+), K = a(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: [
+}) => /* @__PURE__ */ o("div", { className: K("root", "asset-content"), ...e, children: t }), P = a(i), N = ({ children: t, ...e }) => /* @__PURE__ */ o(u, { as: "p", className: P("asset-title"), lines: 2, variant: "heading-md-strong", ...e, children: t }), z = a(i), Q = c(
+  ({ children: t, customContent: e, subtitle: s, title: r, ...d }, n) => /* @__PURE__ */ _("div", { className: z("root", "asset-wrapper"), ref: n, ...d, children: [
     t,
-    /* @__PURE__ */ d("div", { className: g("root", "asset-title-wrapper"), children: [
+    /* @__PURE__ */ _("div", { className: z("root", "asset-title-wrapper"), children: [
       e,
-      !e && s ? /* @__PURE__ */ o(m, { variant: "subtitle-sm", children: s }) : null,
+      !e && s ? /* @__PURE__ */ o(u, { variant: "label-md", children: s }) : null,
       !e && r ? /* @__PURE__ */ o(N, { children: r }) : null
     ] })
   ] })
-), U = n(i), X = ({
+), U = a(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, {
+}) => /* @__PURE__ */ o("div", { className: U("root", "dialog"), ...e, children: t }), Y = a(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 = {
+}), et = "_root_a4zjh_4", ot = "_body_a4zjh_48", st = "_footer_a4zjh_48", rt = "_header_a4zjh_48", at = "_scrollable_a4zjh_60", nt = "_content_a4zjh_66", ct = "_close_a4zjh_66", it = "_backdrop_a4zjh_85", lt = "_hideOnInteractOutside_a4zjh_96", dt = "_icon_a4zjh_127", l = {
   root: et,
   body: ot,
   footer: st,
   header: rt,
-  scrollable: nt,
-  content: at,
-  "with-close-button": "_with-close-button_4g0z0_66",
+  scrollable: at,
+  content: nt,
+  "with-close-button": "_with-close-button_a4zjh_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",
+  "size-lg": "_size-lg_a4zjh_69",
+  "size-md": "_size-md_a4zjh_73",
+  "size-sm": "_size-sm_a4zjh_77",
+  "size-xs": "_size-xs_a4zjh_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(
+  "header-subtitle": "_header-subtitle_a4zjh_124",
+  "header-title": "_header-title_a4zjh_124",
+  icon: dt,
+  "footer-children-wrapper": "_footer-children-wrapper_a4zjh_158",
+  "footer-information": "_footer-information_a4zjh_163",
+  "footer-information-title": "_footer-information-title_a4zjh_170",
+  "footer-information-subtitle": "_footer-information-subtitle_a4zjh_174"
+}, _t = a(l), ut = c(
   ({ backdrop: t, hideOnInteractOutside: e, ...s }, r) => t === !0 ? /* @__PURE__ */ o(
     "div",
     {
-      className: dt("backdrop", e && "hideOnInteractOutside"),
+      className: _t("backdrop", e && "hideOnInteractOutside"),
       ref: r,
       ...s
     }
-  ) : 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: [
+  ) : B(t) ? C(t, { ref: r, ...s }) : null
+), mt = a(l), ht = c((t, e) => /* @__PURE__ */ o("section", { className: mt("body"), ref: e, ...t })), ft = a(l), x = (t) => /* @__PURE__ */ o(g, { render: /* @__PURE__ */ o(M, { className: ft("close"), ...t }) }), pt = a(l), bt = c(
+  ({ children: t, withClosingButton: e = !0, ...s }, r) => /* @__PURE__ */ _("div", { className: pt("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 })
+), m = a(l), zt = c(
+  ({ children: t, information: e, ...s }, r) => /* @__PURE__ */ _("footer", { className: m("footer"), ref: r, ...s, children: [
+    t ? /* @__PURE__ */ o("div", { className: m("footer-children-wrapper"), children: t }) : null,
+    e ? /* @__PURE__ */ _("div", { className: m("footer-information"), children: [
+      /* @__PURE__ */ o(u, { className: m("footer-information-title"), variant: "label-md", children: e.title }),
+      /* @__PURE__ */ o(u, { className: m("footer-information-subtitle"), variant: "body-md", children: e.subtitle })
     ] }) : null
   ] })
-), p = n(l), zt = c(
-  ({ icon: t, subtitle: e, title: s, ...r }, _) => /* @__PURE__ */ d("header", { className: p("header", t && "icon"), ref: _, ...r, children: [
+), f = a(l), jt = c(
+  ({ icon: t, subtitle: e, title: s, ...r }, d) => /* @__PURE__ */ _("header", { className: f("header", t && "icon"), ref: d, ...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
+    /* @__PURE__ */ o(u, { as: "h4", className: f("header-title"), variant: "heading-md-strong", children: s }),
+    e ? /* @__PURE__ */ o(u, { className: f("header-subtitle"), children: e }) : null
   ] })
-), vt = z(
+), gt = j(
   ({ 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) {
+), Nt = a(l);
+function Tt(t) {
   const { onClose: e, setOpen: s, ...r } = t || {};
-  return y({
-    setOpen: (a) => {
-      !a && e && e(), s == null || s(a);
+  return I({
+    setOpen: (n) => {
+      !n && e && e(), s == null || s(n);
     },
     ...r
   });
 }
-const xt = z(
+const xt = j(
   ({
     ariaLabel: t,
     /** for render property */
     as: e,
     backdrop: s = !0,
     children: r,
-    className: _,
-    hideOnInteractOutside: a = !0,
+    className: d,
+    hideOnInteractOutside: n = !0,
     size: $ = "lg",
-    store: h,
-    ...w
-  }, O) => {
-    const [D, k] = A(!1), { contentElement: f, open: b } = C(h);
-    return T(() => {
-      b && f && k(f.scrollHeight > f.offsetHeight);
-    }, [f, b]), /* @__PURE__ */ o(
-      I,
+    store: p,
+    ...v
+  }, w) => {
+    const [O, D] = S(!1), { contentElement: h, open: b } = k(p);
+    return A(() => {
+      b && h && D(h.scrollHeight > h.offsetHeight);
+    }, [h, b]), /* @__PURE__ */ o(
+      y,
       {
-        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,
+        backdrop: /* @__PURE__ */ o(ut, { backdrop: s, hideOnInteractOutside: n }),
+        hideOnInteractOutside: n,
+        ref: w,
+        render: e ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ o("div", { className: Nt("root", `size-${$}`, O && "scrollable", d) }),
+        store: p,
+        ...v,
         "aria-label": t,
         children: r
       }
     );
   }
-), Mt = Object.assign(xt, {
-  Body: ft,
+), Et = Object.assign(xt, {
+  Body: ht,
   Content: bt,
-  Footer: gt,
-  Header: zt,
-  Trigger: vt
-}), Ht = tt;
+  Footer: zt,
+  Header: jt,
+  Trigger: gt
+}), Mt = tt;
 export {
-  Ht as AssetModal,
-  Mt as Modal,
-  Et as useModal
+  Mt as AssetModal,
+  Et as Modal,
+  Tt as useModal
 };