welcome-ui 0.0.0-dev.1738087585148

package/dist/Modal.js

@@ -0,0 +1,181 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("@xstyled/styled-components"),u=require("./Text.js"),x=require("./Box.js"),O=require("./CloseButton.js"),v=require("./SYRFVSLH-BpAfr7UE.js"),c=require("./System.js"),P=require("./Swiper.js"),V=require("./IconsFont.js"),_=require("./Button.js"),G=require("./Shape.js"),k=require("./JC64G2H7-YkBMNrtl.js"),J=require("./AXB53BZF-KWM2jKTz.js"),C=o.divBox.withConfig({shouldForwardProp:e=>!["hideOnInteractOutside"].includes(e)})(({hideOnInteractOutside:e})=>o.css`
+    ${o.th("modals.backdrop")};
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    ${o.system};
+
+    ${e&&o.css`
+      cursor: pointer;
+    `}
+
+    &[data-enter] {
+      opacity: 1;
+    }
+  `),L=o.divBox(({size:e})=>o.css`
+    ${o.th("cards.default")};
+    ${o.th("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;
+    }
+
+    ${o.up("md",o.css`
+        height: fit-content;
+        max-height: calc(100vh - ${o.th("space.xl")} * 2);
+        ${o.th(`modals.sizes.${e}`)};
+      `)}
+  `),X=o.sectionBox`
+  ${o.th("modals.body")};
+`,Y=o.headerBox`
+  position: sticky;
+  top: 0;
+  flex-shrink: 0;
+  z-index: 1;
+  ${o.th("modals.header")};
+`,Z=o(u.Text)`
+  ${o.th(".modals.header.subtitle")};
+  margin-bottom: 0;
+`,K=o.footerBox`
+  position: sticky;
+  bottom: 0;
+  flex-shrink: 0;
+  z-index: 1;
+  ${o.th("modals.footer")};
+`,Q=o(x.Box)`
+  ${o.th("modals.footer.children")};
+`,U=o.divBox`
+  ${o.th("modals.footer.information")};
+`,S=({isOnHeader:e,...n})=>{const r=o.useTheme();return t.createElement(v.DialogDismiss,{render:t.createElement(O.CloseButton,{left:e?void 0:`calc(100% - ${r.space.lg} - ${r.buttons.sizes.sm.height})`,position:e?"absolute":"sticky",right:e?"lg":void 0,top:"lg",zIndex:"1",...n})})},F=c.forwardRef(({icon:e,subtitle:n,title:r,...a},i)=>t.createElement(Y,{ref:i,textAlign:e?"center":null,w:"100%",...a},t.createElement(S,{isOnHeader:!0}),e,t.createElement(u.Text,{mb:n?"lg":0,mt:e?"xl":0,variant:"h4"},r),n&&t.createElement(Z,null,n)));F.displayName="Header";const T=c.forwardRef(({children:e,information:n,...r},a)=>t.createElement(K,{ref:a,w:"100%",...r},e&&t.createElement(Q,null,e),n&&t.createElement(U,null,t.createElement(u.Text,{color:"neutral-90",fontWeight:"bold",variant:"subtitle-sm"},n.title),t.createElement(u.Text,{color:"neutral-90",mb:"0",mt:"md",variant:"sm"},n.subtitle))));T.displayName="Footer";const q=c.forwardRef(({children:e,store:n,withClosingButton:r=!0,...a},i)=>{const{borderWidths:m,space:d}=o.useTheme(),[g,h]=t.useState(!1),p=n.useState("contentElement"),E=n.useState("open"),l=t.useMemo(()=>t.Children.map(e,s=>{if(t.isValidElement(s)){const f=s.type;return f.displayName??f.name??""}return""}),[e]),I=!l.includes("Header")&&r,j=s=>s==="Header"?{pb:l.includes("Body")&&!l.includes("Footer")||l.includes("Footer")&&!l.includes("Body")?d.lg:d.xxl}:s==="Body"?{pb:l.includes("Footer")?d.lg:null,pr:l.includes("Header")?d.xxl:null}:s==="Footer"?{pt:l.includes("Header")||l.includes("Body")?null:d.lg,borderWidth:g?m.sm:"0"}:{};return t.useEffect(()=>{E?p&&h(p.scrollHeight>p.offsetHeight):h(!1)},[n,E,p]),t.createElement(x.Box,{ref:i,...a},I?t.createElement(S,null):null,t.Children.map(e,s=>{var B,b;if(!s)return null;const f=((B=s==null?void 0:s.type)==null?void 0:B.displayName)||((b=s==null?void 0:s.type)==null?void 0:b.name);return t.cloneElement(s,{...j(f),...s.props})}))});q.displayName="Content";const D="calc(100vw - 2 * 2rem);",H="calc(100vw - 2 * 1rem);",R="calc(100vh - 2 * 5rem);",M=o.css`
+  width: ${H};
+  max-height: ${R};
+
+  @media (min-width: md) {
+    width: ${D};
+  }
+
+  /* for big screens */
+  @media (min-width: 1700px) {
+    max-width: 1600;
+  }
+`,W=o.div`
+  ${M};
+  flex: 1;
+
+  @media (min-width: md) {
+    aspect-ratio: 16 / 9;
+  }
+
+  iframe {
+    width: 100%;
+    height: 100%;
+  }
+`,y=o.divBox`
+  transition: margin-top 250ms ease-in-out;
+
+  > img,
+  > div {
+    max-width: ${H};
+    max-height: ${R};
+
+    @media (min-width: md) {
+      max-width: ${D};
+    }
+
+    /* for big screens */
+    @media (min-width: 1700px) {
+      max-width: 1600;
+    }
+  }
+`,ee=o.div`
+  ${o.th("modals.default")};
+  position: fixed;
+  inset: 0;
+  margin: auto;
+  display: flex;
+  height: fit-content;
+  width: fit-content;
+  flex-direction: column;
+  opacity: 0;
+  transition: opacity 250ms ease-in-out;
+
+  &:has(${P.StyledSwiper}) {
+    ${M};
+  }
+
+  ${y} {
+    margin-top: xl;
+  }
+
+  &[data-enter] {
+    opacity: 1;
+
+    ${y} {
+      margin-top: 0;
+    }
+  }
+`,N=o(u.Text).attrs({lines:2,variant:"h4"})`
+  margin: 0;
+`,$="4rem",w="6rem",te=o.divBox`
+  display: flex;
+  flex-direction: column;
+  border-radius: xxl;
+  overflow: hidden;
+
+  > img {
+    width: auto;
+    max-width: fit-content;
+    max-height: calc(100vh - 2 * 5rem - ${$});
+    flex-shrink: 0;
+
+    @media (min-width: md) {
+      max-height: calc(100vh - 2 * 5rem - ${w});
+    }
+  }
+
+  ${W} {
+    background-color: neutral-90;
+    max-height: calc(100vh - 2 * 5rem - ${$});
+
+    @media (min-width: md) {
+      max-height: calc(100vh - 2 * 5rem - ${w});
+    }
+  }
+`,oe=c.forwardRef(({children:e,customContent:n,subtitle:r,title:a},i)=>t.createElement(te,{ref:i},e,t.createElement(x.Box,{backgroundColor:"neutral-10",display:"flex",flexDirection:"column",flexShrink:0,gap:"xxs",h:{_:$,md:w},justifyContent:"center",px:{_:"md",md:"xl"},w:"100%"},n,!n&&r&&t.createElement(u.Text,{variant:"subtitle-sm"},r),!n&&a&&t.createElement(N,null,a)))),ne=o(_.Button)`
+  position: absolute;
+  right: xl;
+  top: xl;
+
+  /* Hack for secondary variant on dark mode */
+  color: neutral-90;
+  border-color: neutral-10;
+  background-color: neutral-10;
+
+  &:hover {
+    background-color: neutral-40;
+  }
+
+  ${o.system}
+`,z=c.forwardRef(({hideOnInteractOutside:e,...n},r)=>t.createElement(C,{backgroundColor:"rgba(0, 0, 0, 0.9)",hideOnInteractOutside:e,...n,ref:r},t.createElement(v.DialogDismiss,{render:t.createElement(ne,{shape:"circle",variant:"secondary"},t.createElement(V.IconsFont.Cross,null))})));z.displayName="Backdrop";const re=({children:e})=>t.createElement(W,null,t.createElement(x.Box,{h:"100%",margin:"0 auto",style:{aspectRatio:16/9}},e)),ae=Object.assign(ee,{AssetWithTitle:oe,Backdrop:z,Content:y,Iframe:re,Title:N});function se(e){const{onClose:n,setOpen:r,...a}=e||{};return k.useDialogStore({animated:!0,setOpen:m=>{!m&&n&&n(),r==null||r(m)},...a})}const ie=c.forwardRef(({backdrop:e,hideOnInteractOutside:n,...r},a)=>e===!0?t.createElement(C,{hideOnInteractOutside:n,ref:a,...r}):t.cloneElement(e,{hideOnInteractOutside:n,ref:a,...r})),le=c.forwardRef(({ariaLabel:e,as:n=L,backdrop:r=!0,children:a,hideOnInteractOutside:i=!0,size:m="lg",store:d,...g},h)=>t.createElement(k.Dialog,{"aria-label":e,backdrop:r&&t.createElement(ie,{backdrop:r,hideOnInteractOutside:i}),hideOnInteractOutside:i,ref:h,render:t.createElement(n,{size:m}),store:d,...g},a)),A=c.forwardRef((e,n)=>t.createElement(X,{ref:n,...e}));A.displayName="Body";const ce=e=>{const{modals:n}=o.useTheme();return t.createElement("div",null,t.createElement(G.Shape,{...n.cover,...e}))},de=c.forwardRef(({as:e,store:n,...r},a)=>t.createElement(J.DialogDisclosure,{ref:a,render:e?i=>t.createElement(e,{...i}):void 0,store:n,...r})),me=Object.assign(le,{Trigger:de,Content:q,Header:F,Body:A,Footer:T,Cover:ce}),ue=ae;exports.AssetModal=ue;exports.Modal=me;exports.useModal=se;

package/dist/Modal.mjs

@@ -0,0 +1,365 @@
+"use client";
+import o, { useState as J, useMemo as K, Children as D, useEffect as L, cloneElement as F } from "react";
+import i, { css as f, th as l, system as H, up as Q, useTheme as v } from "@xstyled/styled-components";
+import { Text as p } from "./Text.mjs";
+import { Box as $ } from "./Box.mjs";
+import { CloseButton as U } from "./CloseButton.mjs";
+import { D as S } from "./SYRFVSLH-cVmYtx36.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 { Shape as ee } from "./Shape.mjs";
+import { u as te, D as oe } from "./JC64G2H7-Dey-8h60.mjs";
+import { D as ne } from "./AXB53BZF-CGoc4K3d.mjs";
+const W = 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;
+    ${H};
+
+    ${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;
+    }
+
+    ${Q(
+    "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")};
+`, M = ({ isOnHeader: e, ...t }) => {
+  const n = v();
+  return /* @__PURE__ */ o.createElement(
+    S,
+    {
+      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
+        }
+      )
+    }
+  );
+}, N = 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(M, { 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)));
+N.displayName = "Header";
+const T = 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))));
+T.displayName = "Footer";
+const z = c(
+  ({ children: e, store: t, withClosingButton: n = !0, ...r }, s) => {
+    const { borderWidths: u, space: d } = v(), [y, h] = J(!1), g = t.useState("contentElement"), B = t.useState("open"), m = K(
+      () => D.map(e, (a) => {
+        if (o.isValidElement(a)) {
+          const x = a.type;
+          return x.displayName ?? x.name ?? "";
+        }
+        return "";
+      }),
+      [e]
+    ), q = !m.includes("Header") && n, G = (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 L(() => {
+      B ? g && h(g.scrollHeight > g.offsetHeight) : h(!1);
+    }, [t, B, g]), /* @__PURE__ */ o.createElement($, { ref: s, ...r }, q ? /* @__PURE__ */ o.createElement(M, 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, {
+        ...G(x),
+        ...a.props
+      });
+    }));
+  }
+);
+z.displayName = "Content";
+const _ = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", j = "calc(100vh - 2 * 5rem);", A = f`
+  width: ${I};
+  max-height: ${j};
+
+  @media (min-width: md) {
+    width: ${_};
+  }
+
+  /* for big screens */
+  @media (min-width: 1700px) {
+    max-width: 1600;
+  }
+`, O = i.div`
+  ${A};
+  flex: 1;
+
+  @media (min-width: md) {
+    aspect-ratio: 16 / 9;
+  }
+
+  iframe {
+    width: 100%;
+    height: 100%;
+  }
+`, E = i.divBox`
+  transition: margin-top 250ms ease-in-out;
+
+  > img,
+  > div {
+    max-width: ${I};
+    max-height: ${j};
+
+    @media (min-width: md) {
+      max-width: ${_};
+    }
+
+    /* for big screens */
+    @media (min-width: 1700px) {
+      max-width: 1600;
+    }
+  }
+`, de = i.div`
+  ${l("modals.default")};
+  position: fixed;
+  inset: 0;
+  margin: auto;
+  display: flex;
+  height: fit-content;
+  width: fit-content;
+  flex-direction: column;
+  opacity: 0;
+  transition: opacity 250ms ease-in-out;
+
+  &:has(${X}) {
+    ${A};
+  }
+
+  ${E} {
+    margin-top: xl;
+  }
+
+  &[data-enter] {
+    opacity: 1;
+
+    ${E} {
+      margin-top: 0;
+    }
+  }
+`, R = i(p).attrs({ lines: 2, variant: "h4" })`
+  margin: 0;
+`, b = "4rem", w = "6rem", ue = i.divBox`
+  display: flex;
+  flex-direction: column;
+  border-radius: xxl;
+  overflow: hidden;
+
+  > img {
+    width: auto;
+    max-width: fit-content;
+    max-height: calc(100vh - 2 * 5rem - ${b});
+    flex-shrink: 0;
+
+    @media (min-width: md) {
+      max-height: calc(100vh - 2 * 5rem - ${w});
+    }
+  }
+
+  ${O} {
+    background-color: neutral-90;
+    max-height: calc(100vh - 2 * 5rem - ${b});
+
+    @media (min-width: md) {
+      max-height: calc(100vh - 2 * 5rem - ${w});
+    }
+  }
+`, 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: w },
+      justifyContent: "center",
+      px: { _: "md", md: "xl" },
+      w: "100%"
+    },
+    t,
+    !t && n && /* @__PURE__ */ o.createElement(p, { variant: "subtitle-sm" }, n),
+    !t && r && /* @__PURE__ */ o.createElement(R, null, r)
+  ))
+), fe = i(Z)`
+  position: absolute;
+  right: xl;
+  top: xl;
+
+  /* Hack for secondary variant on dark mode */
+  color: neutral-90;
+  border-color: neutral-10;
+  background-color: neutral-10;
+
+  &:hover {
+    background-color: neutral-40;
+  }
+
+  ${H}
+`, P = c(
+  ({ hideOnInteractOutside: e, ...t }, n) => /* @__PURE__ */ o.createElement(
+    W,
+    {
+      backgroundColor: "rgba(0, 0, 0, 0.9)",
+      hideOnInteractOutside: e,
+      ...t,
+      ref: n
+    },
+    /* @__PURE__ */ o.createElement(
+      S,
+      {
+        render: /* @__PURE__ */ o.createElement(fe, { shape: "circle", variant: "secondary" }, /* @__PURE__ */ o.createElement(Y.Cross, null))
+      }
+    )
+  )
+);
+P.displayName = "Backdrop";
+const he = ({ children: e }) => /* @__PURE__ */ o.createElement(O, null, /* @__PURE__ */ o.createElement($, { h: "100%", margin: "0 auto", style: { aspectRatio: 16 / 9 } }, e)), ge = Object.assign(de, {
+  AssetWithTitle: pe,
+  Backdrop: P,
+  Content: E,
+  Iframe: he,
+  Title: R
+});
+function Te(e) {
+  const { onClose: t, setOpen: n, ...r } = e || {};
+  return te({
+    animated: !0,
+    setOpen: (u) => {
+      !u && t && t(), n == null || n(u);
+    },
+    ...r
+  });
+}
+const xe = c(
+  ({ backdrop: e, hideOnInteractOutside: t, ...n }, r) => e === !0 ? /* @__PURE__ */ o.createElement(W, { hideOnInteractOutside: t, ref: r, ...n }) : F(e, { hideOnInteractOutside: t, ref: r, ...n })
+), $e = c(
+  ({
+    ariaLabel: e,
+    /** for render property */
+    as: t = re,
+    backdrop: n = !0,
+    children: r,
+    hideOnInteractOutside: s = !0,
+    size: u = "lg",
+    store: d,
+    ...y
+  }, h) => /* @__PURE__ */ o.createElement(
+    oe,
+    {
+      "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
+  )
+), V = c((e, t) => /* @__PURE__ */ o.createElement(ae, { ref: t, ...e }));
+V.displayName = "Body";
+const ye = (e) => {
+  const { modals: t } = v();
+  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: r,
+    render: e ? (s) => /* @__PURE__ */ o.createElement(e, { ...s }) : void 0,
+    store: t,
+    ...n
+  }
+)), ze = Object.assign($e, {
+  Trigger: Ee,
+  Content: z,
+  Header: N,
+  Body: V,
+  Footer: T,
+  Cover: ye
+}), _e = ge;
+export {
+  _e as AssetModal,
+  ze as Modal,
+  Te as useModal
+};

package/dist/NLEBE274-C94QU78N.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { C as U, a as A, u as T } from "./P2CTZE2T-YPes1GXe.mjs";
+import { v as j, c as w, w as z, f as D, _ as H, x as M, j as O, l as $, y as q, b as p, d as B, e as G, g as m, z as J, h as K } from "./LVA2YJMS-qFC9J-lt.mjs";
+import { u as L } from "./YV4JVR4I-BGfUf3Nu.mjs";
+import { useRef as Q, useEffect as R } from "react";
+var v = j(
+  [A],
+  [U]
+), V = v.useContext, re = v.useProviderContext, oe = v.ScopedContextProvider, k = "input";
+function W(d, r) {
+  if (r !== void 0)
+    return d != null && r != null ? r === d : !!r;
+}
+function X(d, r) {
+  return d === "input" && (!r || r === "radio");
+}
+var Y = w(function(r) {
+  var s = r, {
+    store: n,
+    name: c,
+    value: i,
+    checked: C
+  } = s, t = H(s, [
+    "store",
+    "name",
+    "value",
+    "checked"
+  ]);
+  const x = V();
+  n = n || x;
+  const u = M(t.id), f = Q(null), a = L(
+    n,
+    (e) => C ?? W(i, e == null ? void 0 : e.value)
+  );
+  R(() => {
+    !u || !a || (n == null ? void 0 : n.getState().activeId) === u || n == null || n.setActiveId(u);
+  }, [n, a, u]);
+  const P = t.onChange, S = O(f, k), o = X(S, t.type), I = $(t), [_, b] = q();
+  R(() => {
+    const e = f.current;
+    e && (o || (a !== void 0 && (e.checked = a), c !== void 0 && (e.name = c), i !== void 0 && (e.value = `${i}`)));
+  }, [_, o, a, c, i]);
+  const l = p((e) => {
+    if (I) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    (n == null ? void 0 : n.getState().value) !== i && (o || (e.currentTarget.checked = !0, b()), P == null || P(e), !e.defaultPrevented && (n == null || n.setValue(i)));
+  }), g = t.onClick, F = p((e) => {
+    g == null || g(e), !e.defaultPrevented && (o || l(e));
+  }), h = t.onFocus, y = p((e) => {
+    if (h == null || h(e), e.defaultPrevented || !o || !n) return;
+    const { moves: E, activeId: N } = n.getState();
+    E && (u && N !== u || l(e));
+  });
+  return t = B(m({
+    id: u,
+    role: o ? void 0 : "radio",
+    type: o ? "radio" : void 0,
+    "aria-checked": a
+  }, t), {
+    ref: G(f, t.ref),
+    onChange: l,
+    onClick: F,
+    onFocus: y
+  }), t = T(m({
+    store: n,
+    clickOnEnter: !o
+  }, t)), J(m({
+    name: o ? c : void 0,
+    value: o ? i : void 0,
+    checked: a
+  }, t));
+}), ie = z(
+  D(function(r) {
+    const s = Y(r);
+    return K(k, s);
+  })
+);
+export {
+  ie as R,
+  oe as a,
+  re as u
+};

package/dist/NLEBE274-DvH3XTTw.js

@@ -0,0 +1 @@
+"use client";"use strict";const C=require("./P2CTZE2T-q8vyaGc0.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),q=require("./YV4JVR4I-DIthYWMj.js"),v=require("react");var m=n.createStoreContext([C.CompositeContextProvider],[C.CompositeScopedContextProvider]),A=m.useContext,N=m.useProviderContext,U=m.ScopedContextProvider,k="input";function y(a,o){if(o!==void 0)return a!=null&&o!=null?o===a:!!o}function J(a,o){return a==="input"&&(!o||o==="radio")}var M=n.createHook(function(o){var c=o,{store:t,name:f,value:i,checked:P}=c,r=n.__objRest(c,["store","name","value","checked"]);const x=A();t=t||x;const d=n.useId(r.id),l=v.useRef(null),s=q.useStoreState(t,e=>P??y(i,e==null?void 0:e.value));v.useEffect(()=>{!d||!s||(t==null?void 0:t.getState().activeId)===d||t==null||t.setActiveId(d)},[t,s,d]);const R=r.onChange,S=n.useTagName(l,k),u=J(S,r.type),_=n.disabledFromProps(r),[I,E]=n.useForceUpdate();v.useEffect(()=>{const e=l.current;e&&(u||(s!==void 0&&(e.checked=s),f!==void 0&&(e.name=f),i!==void 0&&(e.value=`${i}`)))},[I,u,s,f,i]);const p=n.useEvent(e=>{if(_){e.preventDefault(),e.stopPropagation();return}(t==null?void 0:t.getState().value)!==i&&(u||(e.currentTarget.checked=!0,E()),R==null||R(e),!e.defaultPrevented&&(t==null||t.setValue(i)))}),g=r.onClick,F=n.useEvent(e=>{g==null||g(e),!e.defaultPrevented&&(u||p(e))}),h=r.onFocus,T=n.useEvent(e=>{if(h==null||h(e),e.defaultPrevented||!u||!t)return;const{moves:V,activeId:b}=t.getState();V&&(d&&b!==d||p(e))});return r=n.__spreadProps(n.__spreadValues({id:d,role:u?void 0:"radio",type:u?"radio":void 0,"aria-checked":s},r),{ref:n.useMergeRefs(l,r.ref),onChange:p,onClick:F,onFocus:T}),r=C.useCompositeItem(n.__spreadValues({store:t,clickOnEnter:!u},r)),n.removeUndefinedValues(n.__spreadValues({name:u?f:void 0,value:u?i:void 0,checked:s},r))}),Y=n.memo2(n.forwardRef2(function(o){const c=M(o);return n.createElement(k,c)}));exports.Radio=Y;exports.RadioScopedContextProvider=U;exports.useRadioProviderContext=N;