welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/Modal.mjs

@@ -1,32 +1,166 @@
 "use client";
-import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
-import a, { css as h, th as l, up as J, system as K, useTheme as w } from "@xstyled/styled-components";
-import F, { useState as L, useMemo as Q, Children as D, useEffect as U, cloneElement as H } from "react";
-import { Shape as X } from "./Shape.mjs";
-import { forwardRef as c } from "./System.mjs";
+import o, { useState as G, useMemo as J, Children as D, useEffect as K, cloneElement as F } from "react";
+import i, { th as l, css as f, up as L, useTheme as w, system as Q } from "@xstyled/styled-components";
+import { Text as p } from "./Text.mjs";
 import { Box as $ } from "./Box.mjs";
-import { Text as x } from "./Text.mjs";
-import { StyledSwiper as Y } from "./Swiper.mjs";
+import { CloseButton as U } from "./CloseButton.mjs";
+import { D as H } from "./SYRFVSLH-jn06-eLy.mjs";
+import { forwardRef as c } from "./System.mjs";
+import { StyledSwiper as X } from "./Swiper.mjs";
+import { IconsFont as Y } from "./IconsFont.mjs";
 import { Button as Z } from "./Button.mjs";
-import { IconsFont as tt } from "./IconsFont.mjs";
-import { D as S } from "./SYRFVSLH-B6m278Vb.mjs";
-import { CloseButton as et } from "./CloseButton.mjs";
-import { D as ot, u as rt } from "./JC64G2H7-afsomHuH.mjs";
-import { D as it } from "./AXB53BZF-XKOjjeWO.mjs";
-const E = "calc(100vw - 2 * 2rem);", W = "calc(100vw - 2 * 1rem);", M = "calc(100vh - 2 * 5rem);", N = h`
-  width: ${W};
-  max-height: ${M};
+import { Shape as ee } from "./Shape.mjs";
+import { D as te, u as oe } from "./JC64G2H7-BzklVBKM.mjs";
+import { D as ne } from "./AXB53BZF-BOEe01VW.mjs";
+const S = i.divBox.withConfig({
+  shouldForwardProp: (e) => !["hideOnInteractOutside"].includes(e)
+})(
+  ({ hideOnInteractOutside: e }) => f`
+    ${l("modals.backdrop")};
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+
+    ${e && f`
+      cursor: pointer;
+    `}
+
+    &[data-enter] {
+      opacity: 1;
+    }
+  `
+), re = i.divBox(
+  ({ size: e }) => f`
+    ${l("cards.default")};
+    ${l("modals.default")};
+    position: fixed;
+    inset: 0;
+    margin: auto;
+    margin-top: xl;
+    top: 50%;
+    transform: translate3d(0, -50%, 0);
+    display: flex;
+    flex-direction: column;
+    align-self: center;
+    height: 100%;
+    max-height: 100%;
+    max-width: 100%;
+    overflow: auto;
+    opacity: 0;
+    transition:
+      opacity 250ms ease-in-out,
+      margin-top 250ms ease-in-out;
+
+    &[data-enter] {
+      opacity: 1;
+      margin-top: 0;
+    }
+
+    ${L(
+    "md",
+    f`
+        height: fit-content;
+        max-height: calc(100vh - ${l("space.xl")} * 2);
+        ${l(`modals.sizes.${e}`)};
+      `
+  )}
+  `
+), ae = i.sectionBox`
+  ${l("modals.body")};
+`, ie = i.headerBox`
+  position: sticky;
+  top: 0;
+  flex-shrink: 0;
+  z-index: 1;
+  ${l("modals.header")};
+`, le = i(p)`
+  ${l(".modals.header.subtitle")};
+  margin-bottom: 0;
+`, se = i.footerBox`
+  position: sticky;
+  bottom: 0;
+  flex-shrink: 0;
+  z-index: 1;
+  ${l("modals.footer")};
+`, me = i($)`
+  ${l("modals.footer.children")};
+`, ce = i.divBox`
+  ${l("modals.footer.information")};
+`, W = ({ isOnHeader: e, ...t }) => {
+  const n = w();
+  return /* @__PURE__ */ o.createElement(
+    H,
+    {
+      render: /* @__PURE__ */ o.createElement(
+        U,
+        {
+          left: e ? void 0 : `calc(100% - ${n.space.lg} - ${n.buttons.sizes.sm.height})`,
+          position: e ? "absolute" : "sticky",
+          right: e ? "lg" : void 0,
+          top: "lg",
+          zIndex: "1",
+          ...t
+        }
+      )
+    }
+  );
+}, M = c(({ icon: e, subtitle: t, title: n, ...r }, s) => /* @__PURE__ */ o.createElement(ie, { ref: s, textAlign: e ? "center" : null, w: "100%", ...r }, /* @__PURE__ */ o.createElement(W, { isOnHeader: !0 }), e, /* @__PURE__ */ o.createElement(p, { mb: t ? "lg" : 0, mt: e ? "xl" : 0, variant: "h4" }, n), t && /* @__PURE__ */ o.createElement(le, null, t)));
+M.displayName = "Header";
+const N = c(({ children: e, information: t, ...n }, r) => /* @__PURE__ */ o.createElement(se, { ref: r, w: "100%", ...n }, e && /* @__PURE__ */ o.createElement(me, null, e), t && /* @__PURE__ */ o.createElement(ce, null, /* @__PURE__ */ o.createElement(p, { color: "neutral-90", fontWeight: "bold", variant: "subtitle-sm" }, t.title), /* @__PURE__ */ o.createElement(p, { color: "neutral-90", mb: "0", mt: "md", variant: "sm" }, t.subtitle))));
+N.displayName = "Footer";
+const T = c(
+  ({ children: e, store: t, withClosingButton: n = !0, ...r }, s) => {
+    const { borderWidths: u, space: d } = w(), [y, h] = G(!1), g = t.useState("contentElement"), B = t.useState("open"), m = J(
+      () => D.map(e, (a) => {
+        if (o.isValidElement(a)) {
+          const x = a.type;
+          return x.displayName ?? x.name ?? "";
+        }
+        return "";
+      }),
+      [e]
+    ), V = !m.includes("Header") && n, q = (a) => a === "Header" ? {
+      // if the Modal have a Body but not a Footer || have a Footer but not a Body
+      pb: m.includes("Body") && !m.includes("Footer") || m.includes("Footer") && !m.includes("Body") ? d.lg : d.xxl
+    } : a === "Body" ? {
+      pb: m.includes("Footer") ? d.lg : null,
+      pr: m.includes("Header") ? d.xxl : null
+    } : a === "Footer" ? {
+      pt: m.includes("Header") || m.includes("Body") ? null : d.lg,
+      borderWidth: y ? u.sm : "0"
+    } : {};
+    return K(() => {
+      B ? g && h(g.scrollHeight > g.offsetHeight) : h(!1);
+    }, [t, B, g]), /* @__PURE__ */ o.createElement($, { ref: s, ...r }, V ? /* @__PURE__ */ o.createElement(W, null) : null, D.map(e, (a) => {
+      var k, C;
+      if (!a) return null;
+      const x = ((k = a == null ? void 0 : a.type) == null ? void 0 : k.displayName) || ((C = a == null ? void 0 : a.type) == null ? void 0 : C.name);
+      return F(a, {
+        ...q(x),
+        ...a.props
+      });
+    }));
+  }
+);
+T.displayName = "Content";
+const z = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", _ = "calc(100vh - 2 * 5rem);", j = f`
+  width: ${I};
+  max-height: ${_};
 
   @media (min-width: md) {
-    width: ${E};
+    width: ${z};
   }
 
   /* for big screens */
   @media (min-width: 1700px) {
     max-width: 1600;
   }
-`, T = a.div`
-  ${N};
+`, A = i.div`
+  ${j};
   flex: 1;
 
   @media (min-width: md) {
@@ -37,16 +171,16 @@ const E = "calc(100vw - 2 * 2rem);", W = "calc(100vw - 2 * 1rem);", M = "calc(10
     width: 100%;
     height: 100%;
   }
-`, j = a.divBox`
+`, E = i.divBox`
   transition: margin-top 250ms ease-in-out;
 
   > img,
   > div {
-    max-width: ${W};
-    max-height: ${M};
+    max-width: ${I};
+    max-height: ${_};
 
     @media (min-width: md) {
-      max-width: ${E};
+      max-width: ${z};
     }
 
     /* for big screens */
@@ -54,7 +188,7 @@ const E = "calc(100vw - 2 * 2rem);", W = "calc(100vw - 2 * 1rem);", M = "calc(10
       max-width: 1600;
     }
   }
-`, nt = a.div`
+`, de = i.div`
   ${l("modals.default")};
   position: fixed;
   inset: 0;
@@ -66,24 +200,24 @@ const E = "calc(100vw - 2 * 2rem);", W = "calc(100vw - 2 * 1rem);", M = "calc(10
   opacity: 0;
   transition: opacity 250ms ease-in-out;
 
-  &:has(${Y}) {
-    ${N};
+  &:has(${X}) {
+    ${j};
   }
 
-  ${j} {
+  ${E} {
     margin-top: xl;
   }
 
   &[data-enter] {
     opacity: 1;
 
-    ${j} {
+    ${E} {
       margin-top: 0;
     }
   }
-`, z = a(x).attrs({ lines: 2, variant: "h4" })`
+`, O = i(p).attrs({ lines: 2, variant: "h4" })`
   margin: 0;
-`, v = "4rem", b = "6rem", st = a.divBox`
+`, b = "4rem", v = "6rem", ue = i.divBox`
   display: flex;
   flex-direction: column;
   border-radius: xxl;
@@ -92,124 +226,41 @@ const E = "calc(100vw - 2 * 2rem);", W = "calc(100vw - 2 * 1rem);", M = "calc(10
   > img {
     width: auto;
     max-width: fit-content;
-    max-height: calc(100vh - 2 * 5rem - ${v});
+    max-height: calc(100vh - 2 * 5rem - ${b});
     flex-shrink: 0;
 
     @media (min-width: md) {
-      max-height: calc(100vh - 2 * 5rem - ${b});
+      max-height: calc(100vh - 2 * 5rem - ${v});
     }
   }
 
-  ${T} {
+  ${A} {
     background-color: neutral-90;
-    max-height: calc(100vh - 2 * 5rem - ${v});
+    max-height: calc(100vh - 2 * 5rem - ${b});
 
     @media (min-width: md) {
-      max-height: calc(100vh - 2 * 5rem - ${b});
+      max-height: calc(100vh - 2 * 5rem - ${v});
     }
   }
-`, at = c(
-  ({ children: t, customContent: e, subtitle: r, title: n }, d) => /* @__PURE__ */ o.jsxs(st, { ref: d, children: [
+`, pe = c(
+  ({ children: e, customContent: t, subtitle: n, title: r }, s) => /* @__PURE__ */ o.createElement(ue, { ref: s }, e, /* @__PURE__ */ o.createElement(
+    $,
+    {
+      backgroundColor: "neutral-10",
+      display: "flex",
+      flexDirection: "column",
+      flexShrink: 0,
+      gap: "xxs",
+      h: { _: b, md: v },
+      justifyContent: "center",
+      px: { _: "md", md: "xl" },
+      w: "100%"
+    },
     t,
-    /* @__PURE__ */ o.jsxs(
-      $,
-      {
-        backgroundColor: "neutral-10",
-        display: "flex",
-        flexDirection: "column",
-        flexShrink: 0,
-        gap: "xxs",
-        h: { _: v, md: b },
-        justifyContent: "center",
-        px: { _: "md", md: "xl" },
-        w: "100%",
-        children: [
-          e,
-          !e && r ? /* @__PURE__ */ o.jsx(x, { variant: "subtitle-sm", children: r }) : null,
-          !e && n ? /* @__PURE__ */ o.jsx(z, { children: n }) : null
-        ]
-      }
-    )
-  ] })
-), I = a.divBox.withConfig({
-  shouldForwardProp: (t) => !["hideOnInteractOutside"].includes(t)
-})(
-  ({ hideOnInteractOutside: t }) => h`
-    ${l("modals.backdrop")};
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    opacity: 0;
-    transition: opacity 150ms ease-in-out;
-
-    ${t && h`
-      cursor: pointer;
-    `}
-
-    &[data-enter] {
-      opacity: 1;
-    }
-  `
-), lt = a.divBox(
-  ({ size: t }) => h`
-    ${l("cards.default")};
-    ${l("modals.default")};
-    position: fixed;
-    inset: 0;
-    margin: auto;
-    margin-top: xl;
-    top: 50%;
-    transform: translate3d(0, -50%, 0);
-    display: flex;
-    flex-direction: column;
-    align-self: center;
-    height: 100%;
-    max-height: 100%;
-    max-width: 100%;
-    overflow: auto;
-    opacity: 0;
-    transition:
-      opacity 250ms ease-in-out,
-      margin-top 250ms ease-in-out;
-
-    &[data-enter] {
-      opacity: 1;
-      margin-top: 0;
-    }
-
-    ${J(
-    "md",
-    h`
-        height: fit-content;
-        max-height: calc(100vh - ${l("space.xl")} * 2);
-        ${l(`modals.sizes.${t}`)};
-      `
-  )}
-  `
-), dt = a.sectionBox`
-  ${l("modals.body")};
-`, ct = a.headerBox`
-  position: sticky;
-  top: 0;
-  flex-shrink: 0;
-  z-index: 1;
-  ${l("modals.header")};
-`, mt = a(x)`
-  ${l(".modals.header.subtitle")};
-  margin-bottom: 0;
-`, ut = a.footerBox`
-  position: sticky;
-  bottom: 0;
-  flex-shrink: 0;
-  z-index: 1;
-  ${l("modals.footer")};
-`, xt = a($)`
-  ${l("modals.footer.children")};
-`, ht = a.divBox`
-  ${l("modals.footer.information")};
-`, pt = a(Z)`
+    !t && n && /* @__PURE__ */ o.createElement(p, { variant: "subtitle-sm" }, n),
+    !t && r && /* @__PURE__ */ o.createElement(O, null, r)
+  ))
+), fe = i(Z)`
   position: absolute;
   right: xl;
   top: xl;
@@ -223,165 +274,91 @@ const E = "calc(100vw - 2 * 2rem);", W = "calc(100vw - 2 * 1rem);", M = "calc(10
     background-color: neutral-40;
   }
 
-  ${K}
-`, _ = c(
-  ({ hideOnInteractOutside: t, ...e }, r) => /* @__PURE__ */ o.jsx(
-    I,
+  ${Q}
+`, R = c(
+  ({ hideOnInteractOutside: e, ...t }, n) => /* @__PURE__ */ o.createElement(
+    S,
     {
       backgroundColor: "rgba(0, 0, 0, 0.9)",
-      hideOnInteractOutside: t,
-      ...e,
-      ref: r,
-      children: /* @__PURE__ */ o.jsx(
-        S,
-        {
-          render: /* @__PURE__ */ o.jsx(pt, { shape: "circle", variant: "secondary", children: /* @__PURE__ */ o.jsx(tt.Cross, {}) })
-        }
-      )
-    }
+      hideOnInteractOutside: e,
+      ...t,
+      ref: n
+    },
+    /* @__PURE__ */ o.createElement(
+      H,
+      {
+        render: /* @__PURE__ */ o.createElement(fe, { shape: "circle", variant: "secondary" }, /* @__PURE__ */ o.createElement(Y.Cross, null))
+      }
+    )
   )
 );
-_.displayName = "Backdrop";
-const ft = ({ children: t }) => /* @__PURE__ */ o.jsx(T, { children: /* @__PURE__ */ o.jsx($, { h: "100%", margin: "0 auto", style: { aspectRatio: 16 / 9 }, children: t }) }), gt = Object.assign(nt, {
-  AssetWithTitle: at,
-  Backdrop: _,
-  Content: j,
-  Iframe: ft,
-  Title: z
-}), A = ({ isOnHeader: t, ...e }) => {
-  const r = w();
-  return /* @__PURE__ */ o.jsx(
-    S,
-    {
-      render: /* @__PURE__ */ o.jsx(
-        et,
-        {
-          left: t ? void 0 : `calc(100% - ${r.space.lg} - ${r.buttons.sizes.sm.height})`,
-          position: t ? "absolute" : "sticky",
-          right: t ? "lg" : void 0,
-          top: "lg",
-          zIndex: "1",
-          ...e
-        }
-      )
-    }
-  );
-}, O = c(
-  ({ children: t, store: e, withClosingButton: r = !0, ...n }, d) => {
-    const { borderWidths: u, space: m } = w(), [y, p] = L(!1), f = e.useState("contentElement"), B = e.useState("open"), i = Q(
-      () => D.map(t, (s) => {
-        if (F.isValidElement(s)) {
-          const g = s.type;
-          return g.displayName ?? g.name ?? "";
-        }
-        return "";
-      }),
-      [t]
-    ), q = !(i != null && i.includes("Header")) && r, G = (s) => s === "Header" ? {
-      // if the Modal have a Body but not a Footer || have a Footer but not a Body
-      pb: i != null && i.includes("Body") && !i.includes("Footer") || i != null && i.includes("Footer") && !i.includes("Body") ? m.lg : m.xxl
-    } : s === "Body" ? {
-      pb: i != null && i.includes("Footer") ? m.lg : null,
-      pr: i != null && i.includes("Header") ? m.xxl : null
-    } : s === "Footer" ? {
-      borderWidth: y ? u.sm : "0",
-      pt: i != null && i.includes("Header") || i != null && i.includes("Body") ? null : m.lg
-    } : {};
-    return U(() => {
-      B ? f && p(f.scrollHeight > f.offsetHeight) : p(!1);
-    }, [e, B, f]), /* @__PURE__ */ o.jsxs($, { ref: d, ...n, children: [
-      q ? /* @__PURE__ */ o.jsx(A, {}) : null,
-      D.map(t, (s) => {
-        var k, C;
-        if (!s) return null;
-        const g = ((k = s == null ? void 0 : s.type) == null ? void 0 : k.displayName) || ((C = s == null ? void 0 : s.type) == null ? void 0 : C.name);
-        return H(s, {
-          ...G(g),
-          ...s.props
-        });
-      })
-    ] });
-  }
-);
-O.displayName = "Content";
-const R = c(({ children: t, information: e, ...r }, n) => /* @__PURE__ */ o.jsxs(ut, { ref: n, w: "100%", ...r, children: [
-  t ? /* @__PURE__ */ o.jsx(xt, { children: t }) : null,
-  e ? /* @__PURE__ */ o.jsxs(ht, { children: [
-    /* @__PURE__ */ o.jsx(x, { color: "neutral-90", fontWeight: "bold", variant: "subtitle-sm", children: e.title }),
-    /* @__PURE__ */ o.jsx(x, { color: "neutral-90", mb: "0", mt: "md", variant: "sm", children: e.subtitle })
-  ] }) : null
-] }));
-R.displayName = "Footer";
-const V = c(({ icon: t, subtitle: e, title: r, ...n }, d) => /* @__PURE__ */ o.jsxs(ct, { ref: d, textAlign: t ? "center" : null, w: "100%", ...n, children: [
-  /* @__PURE__ */ o.jsx(A, { isOnHeader: !0 }),
-  t,
-  /* @__PURE__ */ o.jsx(x, { mb: e ? "lg" : 0, mt: t ? "xl" : 0, variant: "h4", children: r }),
-  e ? /* @__PURE__ */ o.jsx(mt, { children: e }) : null
-] }));
-V.displayName = "Header";
-function zt(t) {
-  const { onClose: e, setOpen: r, ...n } = t || {};
-  return rt({
+R.displayName = "Backdrop";
+const he = ({ children: e }) => /* @__PURE__ */ o.createElement(A, null, /* @__PURE__ */ o.createElement($, { h: "100%", margin: "0 auto", style: { aspectRatio: 16 / 9 } }, e)), ge = Object.assign(de, {
+  AssetWithTitle: pe,
+  Backdrop: R,
+  Content: E,
+  Iframe: he,
+  Title: O
+});
+function Te(e) {
+  const { onClose: t, setOpen: n, ...r } = e || {};
+  return oe({
     animated: !0,
     setOpen: (u) => {
-      !u && e && e(), r == null || r(u);
+      !u && t && t(), n == null || n(u);
     },
-    ...n
+    ...r
   });
 }
-const $t = c(
-  ({ backdrop: t, hideOnInteractOutside: e, ...r }, n) => t === !0 ? /* @__PURE__ */ o.jsx(I, { hideOnInteractOutside: e, ref: n, ...r }) : F.isValidElement(t) ? H(t, {
-    hideOnInteractOutside: e,
-    ref: n,
-    ...r
-  }) : null
-), yt = c(
+const xe = c(
+  ({ backdrop: e, hideOnInteractOutside: t, ...n }, r) => e === !0 ? /* @__PURE__ */ o.createElement(S, { hideOnInteractOutside: t, ref: r, ...n }) : F(e, { hideOnInteractOutside: t, ref: r, ...n })
+), $e = c(
   ({
-    ariaLabel: t,
+    ariaLabel: e,
     /** for render property */
-    as: e = lt,
-    backdrop: r = !0,
-    children: n,
-    hideOnInteractOutside: d = !0,
+    as: t = re,
+    backdrop: n = !0,
+    children: r,
+    hideOnInteractOutside: s = !0,
     size: u = "lg",
-    store: m,
+    store: d,
     ...y
-  }, p) => /* @__PURE__ */ o.jsx(
-    ot,
+  }, h) => /* @__PURE__ */ o.createElement(
+    te,
     {
-      "aria-label": t,
-      backdrop: !!r && /* @__PURE__ */ o.jsx($t, { backdrop: r, hideOnInteractOutside: d }),
-      hideOnInteractOutside: d,
-      ref: p,
-      render: /* @__PURE__ */ o.jsx(e, { size: u }),
-      store: m,
-      ...y,
-      children: n
-    }
+      "aria-label": e,
+      backdrop: n && /* @__PURE__ */ o.createElement(xe, { backdrop: n, hideOnInteractOutside: s }),
+      hideOnInteractOutside: s,
+      ref: h,
+      render: /* @__PURE__ */ o.createElement(t, { size: u }),
+      store: d,
+      ...y
+    },
+    r
   )
-), P = c((t, e) => /* @__PURE__ */ o.jsx(dt, { ref: e, ...t }));
+), P = c((e, t) => /* @__PURE__ */ o.createElement(ae, { ref: t, ...e }));
 P.displayName = "Body";
-const jt = (t) => {
-  const { modals: e } = w();
-  return /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(X, { ...e.cover, ...t }) });
-}, vt = c(({ as: t, store: e, ...r }, n) => /* @__PURE__ */ o.jsx(
-  it,
+const ye = (e) => {
+  const { modals: t } = w();
+  return /* @__PURE__ */ o.createElement("div", null, /* @__PURE__ */ o.createElement(ee, { ...t.cover, ...e }));
+}, Ee = c(({ as: e, store: t, ...n }, r) => /* @__PURE__ */ o.createElement(
+  ne,
   {
-    ref: n,
-    render: t ? (d) => /* @__PURE__ */ o.jsx(t, { ...d }) : void 0,
-    store: e,
-    ...r
+    ref: r,
+    render: e ? (s) => /* @__PURE__ */ o.createElement(e, { ...s }) : void 0,
+    store: t,
+    ...n
   }
-)), It = Object.assign(yt, {
+)), ze = Object.assign($e, {
+  Trigger: Ee,
+  Content: T,
+  Header: M,
   Body: P,
-  Content: O,
-  Cover: jt,
-  Footer: R,
-  Header: V,
-  Trigger: vt
-}), _t = gt;
+  Footer: N,
+  Cover: ye
+}), Ie = ge;
 export {
-  _t as AssetModal,
-  It as Modal,
-  zt as useModal
+  Ie as AssetModal,
+  ze as Modal,
+  Te as useModal
 };

package/dist/{NLEBE274-oSxMftGy.mjs → NLEBE274-QOMV1l7e.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { C as U, a as A, u as T } from "./P2CTZE2T-DOT1mNnX.mjs";
-import { t as j, v as w, f as D, c as H, h as M, _ as O, w as $, j as q, l as z, x as B, b as v, d as G, e as J, g as p, y as K } from "./LVA2YJMS-C-kJ1lkr.mjs";
-import { u as L } from "./YV4JVR4I-DPC8mMuG.mjs";
+import { C as U, a as A, u as T } from "./P2CTZE2T-Cl2w7OLV.mjs";
+import { v as j, w, f as z, c as D, h as H, _ as M, x as O, j as $, l as q, y as B, b as v, d as G, e as J, g as p, z as K } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { u as L } from "./YV4JVR4I-Bh7B7TET.mjs";
 import { useRef as Q, useEffect as R } from "react";
 var m = j(
   [A],
@@ -14,13 +14,13 @@ function W(u, r) {
 function X(u, r) {
   return u === "input" && (!r || r === "radio");
 }
-var Y = H(function(r) {
+var Y = D(function(r) {
   var d = r, {
     store: t,
     name: c,
     value: i,
     checked: C
-  } = d, o = O(d, [
+  } = d, o = M(d, [
     "store",
     "name",
     "value",
@@ -28,14 +28,14 @@ var Y = H(function(r) {
   ]);
   const x = V();
   t = t || x;
-  const a = $(o.id), l = Q(null), s = L(
+  const a = O(o.id), l = Q(null), s = L(
     t,
     (e) => C ?? W(i, e == null ? void 0 : e.value)
   );
   R(() => {
     !a || !s || (t == null ? void 0 : t.getState().activeId) === a || t == null || t.setActiveId(a);
   }, [t, s, a]);
-  const P = o.onChange, S = q(l, k), n = X(S, o.type), I = z(o), [_, b] = B();
+  const P = o.onChange, S = $(l, k), n = X(S, o.type), I = q(o), [_, b] = B();
   R(() => {
     const e = l.current;
     e && (n || (s !== void 0 && (e.checked = s), c !== void 0 && (e.name = c), i !== void 0 && (e.value = `${i}`)));
@@ -72,9 +72,9 @@ var Y = H(function(r) {
     checked: s
   }, o));
 }), ie = w(
-  D(function(r) {
+  z(function(r) {
     const d = Y(r);
-    return M(k, d);
+    return H(k, d);
   })
 );
 export {