digital-rabbit-cl 3.3.3 → 3.3.4

package/dist/digital-rabbit-cl.es.js

@@ -3513,22 +3513,22 @@ const Na = ({
   xs: {
     chevronButton: "0.75em",
     headerPadding: "0.1em 0.25em",
-    bodyPadding: "0 0.5em 0.5em 1.5em"
+    bodyPadding: "0 0.5em 0.5em 1.15em"
   },
   small: {
     chevronButton: "1em",
     headerPadding: "0.25em 0.25em",
-    bodyPadding: "0 0.5em 0.75em 1.75em"
+    bodyPadding: "0 0.5em 0.75em 1.4em"
   },
   default: {
     chevronButton: "1.5em",
     headerPadding: "0.75em 0.25em",
-    bodyPadding: "0 0.5em 1em 2em"
+    bodyPadding: "0 0.5em 1em 1.9em"
   },
   large: {
     chevronButton: "2em",
     headerPadding: "1em 0.25em",
-    bodyPadding: "0 0.5em 1.25em 2.5em"
+    bodyPadding: "0 0.5em 1.25em 2.4em"
   }
 }, Ma = ({
   header: e,

package/dist/digital-rabbit-cl.umd.js

@@ -35,5 +35,5 @@ ${s(a.default).join(`
           0% { transform: rotate(0deg); }
           100% { transform: rotate(360deg); }
         }
-      `})]});return t?u.jsx("div",{...n,"data-loading":"true",className:o,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",width:"100vw",...s},children:f}):f},Yo=({children:e,loadingComponent:r})=>{const[t,o]=p.useState(!1);return p.useEffect(()=>{requestAnimationFrame(()=>{o(!0)})},[]),t?u.jsx(u.Fragment,{children:e}):r||u.jsx(mt,{})},pe={backdrop:"Modal-module__backdrop___GVUh4",modal:"Modal-module__modal___aD7aP",header:"Modal-module__header___ILG9i",title:"Modal-module__title___A5OeE",closeButton:"Modal-module__closeButton___3LpSf",content:"Modal-module__content___dWO-B",actions:"Modal-module__actions___hY6zi"},ht={stack:"Stack-module__stack___yUU-B",vertical:"Stack-module__vertical___sKTyQ",horizontal:"Stack-module__horizontal___YsvtV"},Sr=({direction:e="row",gap:r="0.5em",children:t,className:o,style:s,divProps:n})=>{const a=[ht.stack,e==="column"?ht.vertical:ht.horizontal,o].filter(Boolean).join(" ");return u.jsx("div",{...n,className:a,style:{gap:r,...s},children:t})},kr=({isOpen:e,onClose:r,children:t,title:o,hideCloseButton:s=!1,closeOnBackdropClick:n=!0,closeOnEscape:a=!0,actions:l=[],resolveModal:d,width:c="500px",maxWidth:f="90vw",backgroundColor:m,backdropColor:h="rgba(0, 0, 0, 0.5)",className:v,style:S,divProps:_})=>{const w=D(),x=p.useRef(null),b=p.useRef(null),{maxWidth:z}=ve(w.breakpoints.md),E=oe(`(max-width: ${z-1}px)`);p.useEffect(()=>{if(e)return b.current=document.activeElement,document.body.style.overflow="hidden",x.current&&x.current.focus(),()=>{document.body.style.overflow="",b.current&&b.current.focus()}},[e]),p.useEffect(()=>{if(!e||!a)return;const A=G=>{G.key==="Escape"&&r()};return document.addEventListener("keydown",A),()=>document.removeEventListener("keydown",A)},[e,a,r]);const L=A=>{A.target===A.currentTarget&&n&&r()};if(!e)return null;const O={width:c,maxWidth:f,backgroundColor:m||w.colors.secondary,borderRadius:w.border.radius,...S},M={backgroundColor:h},j=u.jsx("div",{className:pe.backdrop,style:M,onClick:L,role:"presentation",children:u.jsxs("div",{ref:x,className:[pe.modal,v].filter(Boolean).join(" "),style:O,role:"dialog","aria-modal":"true","aria-labelledby":o?"modal-title":void 0,tabIndex:-1,..._,children:[u.jsxs("div",{className:pe.header,children:[o&&u.jsx("h2",{id:"modal-title",className:pe.title,children:o}),!s&&u.jsx("button",{className:pe.closeButton,onClick:r,"aria-label":"Close modal",type:"button",children:u.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:u.jsx("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),u.jsx("div",{className:pe.content,children:t}),l.length>0&&u.jsx(Sr,{direction:E?"column":"row",className:pe.actions,children:l.map((A,G)=>u.jsx(Ft,{color:A.color,outline:A.variant==="outline",disabled:A.disabled,onClick:()=>{A.onClick?A.onClick(d||r):d?d(A.value):r()},children:A.label},G))})]})});return Le.createPortal(j,document.body)},wr=p.createContext(null),Ro=({children:e})=>{const[r,t]=p.useState(null),o=p.useCallback(c=>new Promise((f,m)=>{const h=Math.random().toString(36).substr(2,9);t({id:h,content:c.content,title:c.title,actions:c.actions,options:c.options,resolve:f,reject:m})}),[]),s=p.useCallback(c=>{t(f=>(f&&f.resolve(c),null))},[]),n=p.useCallback(c=>o({title:c.title||"Confirm",content:c.message,actions:[{label:c.cancelLabel||"Cancel",variant:"outline",onClick:f=>f(!1)},{label:c.confirmLabel||"Confirm",color:c.confirmColor,onClick:f=>f(!0)}],options:c.options}),[o]),a=p.useCallback(c=>o({title:c.title||"Alert",content:c.message,actions:[{label:c.okLabel||"OK",color:c.okColor,onClick:f=>f()}],options:c.options}),[o]),l=p.useCallback(()=>{s()},[s]),d=p.useMemo(()=>({show:o,resolve:s,confirm:n,alert:a}),[o,s,n,a]);return u.jsxs(wr.Provider,{value:d,children:[e,r&&u.jsx(kr,{isOpen:!0,onClose:l,title:r.title,actions:r.actions,resolveModal:s,...r.options,children:typeof r.content=="function"?r.content(s):r.content})]})},es=()=>{const e=p.useContext(wr);if(!e)throw new Error("useModal must be used within a ModalProvider");return e},Cr=({children:e,className:r,style:t,padding:o="0.5em",border:s=!1,backgroundColor:n,divProps:a})=>{const l=D();return u.jsx("div",{...a,className:r,style:{padding:o,borderRadius:l.border.radius,fontSize:"1em",backgroundColor:n??l.cards.backgroundColor,...s&&{borderWidth:l.border.width,borderStyle:"solid",borderColor:l.colors.primary},...t},children:e})},ts={xs:{chevronButton:"0.75em",headerPadding:"0.1em 0.25em",bodyPadding:"0 0.5em 0.5em 1.5em"},small:{chevronButton:"1em",headerPadding:"0.25em 0.25em",bodyPadding:"0 0.5em 0.75em 1.75em"},default:{chevronButton:"1.5em",headerPadding:"0.75em 0.25em",bodyPadding:"0 0.5em 1em 2em"},large:{chevronButton:"2em",headerPadding:"1em 0.25em",bodyPadding:"0 0.5em 1.25em 2.5em"}},rs=({header:e,children:r,className:t,style:o,defaultOpen:s=!1,open:n,onOpenChange:a,border:l=!1,hideChevron:d=!1,headerPadding:c,bodyPadding:f,size:m="default",chevronStyle:h})=>{const v=D(),S=p.useId(),_=`collapsible-header-${S}`,w=`collapsible-body-${S}`,x=ts[m],b=c??x.headerPadding,z=f??x.bodyPadding,E=n!==void 0,[L,O]=p.useState(s),M=E?n:L,j=p.useCallback(()=>{const A=!M;E||O(A),a==null||a(A)},[M,E,a]);return u.jsxs("div",{className:t,style:{borderRadius:v.border.radius,...l&&{borderWidth:v.border.width,borderStyle:"solid",borderColor:`${v.colors.primary}33`},...o},children:[u.jsxs("div",{id:_,style:{display:"flex",alignItems:"center",gap:"0.15em",padding:b,userSelect:"none"},children:[!d&&u.jsx("button",{type:"button",onClick:j,"aria-expanded":M,"aria-controls":w,"aria-label":M?"Collapse":"Expand",title:M?"Collapse":"Expand",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:x.chevronButton,height:x.chevronButton,background:"transparent",border:"none",padding:0,cursor:"pointer",color:"inherit",flexShrink:0,...h},children:u.jsx(os,{open:M})}),u.jsx("div",{style:{flex:1,display:"flex",alignItems:"center",gap:"0.5em"},children:e})]}),M&&u.jsx("div",{id:w,role:"region","aria-labelledby":_,style:{padding:z},children:r})]})},os=({open:e})=>u.jsx("svg",{width:"0.75em",height:"0.75em",viewBox:"0 0 12 12","aria-hidden":"true",style:{transform:e?"rotate(0deg)":"rotate(-90deg)"},children:u.jsx("path",{d:"M2 4 L6 8 L10 4",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})}),Fr={section:"ResponsiveSection-module__section___gBESK",innerDiv:"ResponsiveSection-module__innerDiv___r1bky"},xr=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:d,gap:c,verticalRhythm:f=3,children:m,className:h,style:v,sectionProps:S})=>{const _=D(),w=oe(`(min-width: ${_.breakpoints.sm})`),x={backgroundColor:e,color:r||_.fonts.color,margin:d,...v},b=`calc(${_.fonts.rhythm} * ${f})`,z=w?a||_.layout.padding:l||_.layout.paddingSm,E={"--max-width":t||_.layout.maxWidth,"--min-width":o,"--width":s,"--height":n,"--section-padding":`${b} ${z}`,"--gap":c},L=[Fr.section,h].filter(Boolean).join(" ");return u.jsx("section",{...S,className:L,style:x,children:u.jsx("div",{className:Fr.innerDiv,style:E,children:m})})},zr={hero:"Hero-module__hero___IB2tg",content:"Hero-module__content___rkkfQ"},ss=({isMd:e=!1,isLg:r=!1,theme:t})=>p.useMemo(()=>{const{rhythm:o}=t.fonts;let s=`calc(${o} * 2) 0`,n="2rem",a="1.125rem";return r?(s=`calc(${o} * 4) 0`,n="3.5rem",a="1.5rem"):e&&(s=`calc(${o} * 3.5) 0`,n="3rem",a="1.25rem"),{"--hero-padding":s,"--hero-h1-font-size":n,"--hero-p-font-size":a,"--hero-h1-margin-bottom":`calc(${o} * 0.7)`}},[e,r,t.fonts]),ns=({color:e,breakpoints:r,children:t,className:o,style:s,...n})=>{const a=D(),l=[zr.hero,o].filter(Boolean).join(" "),d=(r==null?void 0:r.md)||a.breakpoints.md,c=(r==null?void 0:r.lg)||a.breakpoints.lg,f=oe(`(min-width: ${d})`),m=oe(`(min-width: ${c})`),h=ss({isMd:f,isLg:m,theme:a});return u.jsx(xr,{className:l,color:e||a.fonts.color,style:{...h,...s},...n,children:u.jsx("div",{className:zr.content,children:t})})},Vr={footer:"Footer-module__footer___A76NF",container:"Footer-module__container___QneNs"},as=({isSmallScreen:e=!1,maxWidth:r,minWidth:t,width:o,height:s,paddingSm:n,padding:a,margin:l,gap:d,backgroundColor:c,color:f}={})=>{const m=D();return{maxWidth:r||m.layout.maxWidth,minWidth:t,width:o,height:s,padding:e?n||m.layout.paddingSm:a||m.layout.padding,margin:l,gap:d,backgroundColor:c,color:f||m.fonts.color}},Er=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:d,gap:c,breakPoint:f,children:m,className:h,style:v,footerProps:S})=>{const _=D(),w=f||_.breakpoints.sm,{maxWidth:x,unit:b}=ve(w),z=oe(`(max-width: ${x}${b})`),E=as({isSmallScreen:z,maxWidth:t,minWidth:o,width:s,height:n,paddingSm:l,padding:a,margin:d,gap:c,backgroundColor:e,color:r}),L=[Vr.container,h].filter(Boolean).join(" ");return u.jsx("footer",{...S,className:Vr.footer,children:u.jsx("div",{className:L,style:{...E,...v},children:m})})},je={card:"FeatureCard-module__card___XQt66",icon:"FeatureCard-module__icon___dXJ92",title:"FeatureCard-module__title___KxXyA",content:"FeatureCard-module__content___68xkw"},ls=({isMd:e=!1,theme:r})=>p.useMemo(()=>{const{rhythm:t}=r.fonts;return{"--feature-icon-font-size":e?"3rem":"2.5rem","--feature-title-font-size":e?"1.5rem":"1.25rem","--feature-card-padding":`calc(${t} * 1)`,"--feature-icon-margin-bottom":`calc(${t} * 0.7)`,"--feature-title-margin-bottom":`calc(${t} * 0.5)`}},[e,r.fonts]),is=({breakpoint:e,icon:r,title:t,children:o,className:s,style:n,divProps:a})=>{const l=D(),d=[je.card,s].filter(Boolean).join(" "),c=e||l.breakpoints.md,f=oe(`(min-width: ${c})`),m=ls({isMd:f,theme:l});return u.jsxs("div",{...a,className:d,style:{...m,...n},children:[r&&u.jsx("div",{className:je.icon,children:r}),u.jsx("h3",{className:je.title,children:t}),u.jsx("div",{className:je.content,children:o})]})},cs={grid:"FeatureGrid-module__grid___6sW6f"},ds=({columns:e,isMd:r=!1,isLg:t=!1})=>p.useMemo(()=>r?r&&!t&&(e===3||e===4)?{"--grid-template-columns":"repeat(2, 1fr)"}:{"--grid-template-columns":{1:"1fr",2:"repeat(2, 1fr)",3:"repeat(3, 1fr)",4:"repeat(4, 1fr)"}[e]}:{"--grid-template-columns":"1fr"},[e,r,t]),us=({columns:e=3,breakpoints:r,gap:t,children:o,className:s,style:n})=>{const a=D(),l=(r==null?void 0:r.md)||a.breakpoints.md,d=(r==null?void 0:r.lg)||a.breakpoints.lg,c=oe(`(min-width: ${l})`),f=oe(`(min-width: ${d})`),h={...ds({columns:e,isMd:c,isLg:f}),gap:t,...n};return u.jsx("div",{className:[cs.grid,s].filter(Boolean).join(" "),style:h,children:o})},Ce={card:"MediaCard-module__card___9pZ7C",clickable:"MediaCard-module__clickable___Rae9n",vertical:"MediaCard-module__vertical___GWtOA",imageWrapper:"MediaCard-module__imageWrapper___HUiag",horizontal:"MediaCard-module__horizontal___qlK4y",content:"MediaCard-module__content___MlqE4"},fs=({direction:e="column",imageSlot:r,imageWidth:t,border:o,backgroundColor:s,padding:n="0",children:a,className:l,style:d,onClick:c,actions:f,divProps:m})=>{const h=[Ce.card,e==="row"?Ce.horizontal:Ce.vertical,c?Ce.clickable:void 0,l].filter(Boolean).join(" "),v=S=>{c&&(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),c())};return u.jsxs(Cr,{border:o,backgroundColor:s,padding:n,className:h,style:{...t&&e==="row"&&{"--media-card-image-width":t},...d},divProps:{...m,onClick:c,onKeyDown:c?v:void 0,role:c?"button":void 0,tabIndex:c?0:void 0},children:[r&&u.jsx("div",{className:Ce.imageWrapper,children:r}),u.jsx("div",{className:Ce.content,children:a}),f]})},yt={layoutContainer:"PageLayout-module__layoutContainer___diLdT",content:"PageLayout-module__content___h2mBr",main:"PageLayout-module__main___Sw7Pv"},ms=({header:e,footer:r,children:t,className:o,style:s,headerProps:n,footerProps:a,divProps:l,mainProps:d})=>{const c=[yt.layoutContainer,o].filter(Boolean).join(" ");return u.jsxs("div",{...l,className:c,style:s,children:[u.jsxs("div",{className:yt.content,children:[e&&u.jsx(gr,{...n,children:e}),u.jsx("main",{...d,className:yt.main,children:t})]}),r&&u.jsx(Er,{...a,children:r})]})},ie={dropzone:"FileUpload-module__dropzone___jqua0",loading:"FileUpload-module__loading___C7PsH",dragOver:"FileUpload-module__dragOver___q1zPo",hiddenInput:"FileUpload-module__hiddenInput___RLLPJ",content:"FileUpload-module__content___yCP0l",contentHidden:"FileUpload-module__contentHidden___0Ewoe",spinnerOverlay:"FileUpload-module__spinnerOverlay___e3Rle",label:"FileUpload-module__label___lbMkx",hint:"FileUpload-module__hint___8dXlk",errorMessage:"FileUpload-module__errorMessage___8HB3n"},hs=({color:e})=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:e,width:"48",height:"48","aria-hidden":!0,children:u.jsx("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"})}),ys=({onUpload:e,accept:r,maxSizeBytes:t,loading:o=!1,error:s,label:n="Click or drag & drop a file here",className:a,style:l,divProps:d,inputProps:c})=>{const f=D(),m=p.useRef(null),[h,v]=p.useState(!1),[S,_]=p.useState(null),w=s||S,x=w?f.colors.error:f.colors.primary,b=w?f.colors.error:f.colors.primary,z=p.useCallback(B=>{if(_(null),t&&B.size>t){const P=(t/1048576).toFixed(1);_(`File exceeds maximum size of ${P} MB`);return}e(B)},[t,e]),E=()=>{var B;o||(B=m.current)==null||B.click()},L=B=>{var P;(B.key==="Enter"||B.key===" ")&&!o&&(B.preventDefault(),(P=m.current)==null||P.click())},O=B=>{var T;const P=(T=B.target.files)==null?void 0:T[0];P&&z(P),B.target.value=""},M=B=>{B.preventDefault(),o||v(!0)},j=()=>v(!1),A=B=>{var T;if(B.preventDefault(),v(!1),o)return;const P=(T=B.dataTransfer.files)==null?void 0:T[0];P&&z(P)},G=[ie.dropzone,h&&ie.dragOver,o&&ie.loading,a].filter(Boolean).join(" "),Z={"--upload-color":x,borderColor:x,borderWidth:f.border.width,borderRadius:f.border.radius,fontSize:"1em",color:b,...l};return u.jsxs("div",{...d,className:G,style:Z,onClick:E,onKeyDown:L,onDragOver:M,onDragLeave:j,onDrop:A,role:"button",tabIndex:o?-1:0,"aria-disabled":o,"aria-label":n,children:[u.jsx("input",{...c,ref:m,type:"file",accept:r,onChange:O,disabled:o,className:ie.hiddenInput,tabIndex:-1,"aria-hidden":!0}),o&&u.jsx(mt,{fullScreen:!1,className:ie.spinnerOverlay,style:{fontSize:"1.5em"}}),u.jsxs("div",{className:[ie.content,o&&ie.contentHidden].filter(Boolean).join(" "),"aria-hidden":o||void 0,children:[u.jsx(hs,{color:x}),u.jsx("span",{className:ie.label,children:n}),r&&u.jsxs("span",{className:ie.hint,children:["Accepted: ",r]}),t&&u.jsxs("span",{className:ie.hint,children:["Max size: ",(t/(1024*1024)).toFixed(1)," MB"]}),w&&u.jsx("span",{className:ie.errorMessage,role:"alert",children:w})]})]})},pt={container:"Image-module__container___sVJdZ",img:"Image-module__img___pKhPw",fallback:"Image-module__fallback___wysuM"},ps={skeleton:"Skeleton-module__skeleton___CB4uF"},gt=({className:e,style:r,divProps:t})=>{const o=D(),s=[ps.skeleton,e].filter(Boolean).join(" ");return u.jsx("div",{...t,className:s,style:{borderRadius:o.border.radius,...r},"aria-label":"Loading","aria-busy":!0})},gs=({src:e,alt:r="",aspectRatio:t="1 / 1",loading:o=!1,skeletonDelay:s=150,fallback:n,className:a,style:l,imgProps:d})=>{const c=D(),[f,m]=p.useState(null),[h,v]=p.useState(null),[S,_]=p.useState(null),w=f===e,x=h===e,b=S===e;p.useEffect(()=>{if(!e)return;const j=setTimeout(()=>_(e),s);return()=>clearTimeout(j)},[e,s]);const z=o||!!e&&!w&&!x&&b,E=!o&&(!e||x),L=!o&&!!e&&!x,O=[pt.container,a].filter(Boolean).join(" "),M={aspectRatio:t,borderRadius:c.border.radius,...l};return u.jsxs("div",{className:O,style:M,"aria-label":E?r||"Image placeholder":void 0,"aria-busy":z||void 0,children:[z&&u.jsx(gt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),E&&u.jsx("div",{className:pt.fallback,children:n??null}),L&&u.jsx("img",{...d,src:e,alt:r,className:pt.img,style:{opacity:w?1:0},onLoad:()=>e&&m(e),onError:()=>e&&v(e)})]})},ge={thumbnail:"ImageThumbnail-module__thumbnail___-igbe",img:"ImageThumbnail-module__img___Q7Z4V",sizeXs:"ImageThumbnail-module__sizeXs___TvSHV",sizeSmall:"ImageThumbnail-module__sizeSmall___2KnCh",sizeDefault:"ImageThumbnail-module__sizeDefault___laoQk",sizeLarge:"ImageThumbnail-module__sizeLarge___iwz3o",removeButton:"ImageThumbnail-module__removeButton___Ceh1Q"},_s={xs:ge.sizeXs,small:ge.sizeSmall,default:ge.sizeDefault,large:ge.sizeLarge},vs=({color:e})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:e,strokeWidth:"1.5",width:"40%",height:"40%","aria-hidden":!0,children:[u.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),u.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),u.jsx("polyline",{points:"21 15 16 10 5 21"})]}),bs=({src:e,alt:r="",size:t="default",loading:o=!1,skeletonDelay:s=500,onRemove:n,removeLabel:a="Remove",fallback:l,className:d,style:c,imgProps:f})=>{const m=D(),[h,v]=p.useState(null),[S,_]=p.useState(null),[w,x]=p.useState(null),b=h===e,z=S===e,E=w===e;p.useEffect(()=>{if(!e)return;const Z=setTimeout(()=>x(e),s);return()=>clearTimeout(Z)},[e,s]);const L=o||!!e&&!b&&!z&&E,O=!o&&(!e||z),M=!o&&!!e&&!z,j=[ge.thumbnail,_s[t],d].filter(Boolean).join(" "),A={borderRadius:m.border.radius,...c},G={background:m.colors.primary,color:m.buttons.primary.textColor,borderRadius:"50%"};return u.jsxs("div",{className:j,style:A,"aria-label":O?r||"Image placeholder":void 0,"aria-busy":L||void 0,children:[L&&u.jsx(gt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),O&&(l??u.jsx(vs,{color:m.colors.primary})),M&&u.jsx("img",{...f,src:e,alt:r,className:ge.img,style:{opacity:b?1:0},onLoad:()=>e&&v(e),onError:()=>e&&_(e)}),n&&u.jsx("button",{type:"button",className:ge.removeButton,style:G,onClick:Z=>{Z.stopPropagation(),n()},"aria-label":a,children:u.jsxs("svg",{viewBox:"0 0 10 10",width:"60%",height:"60%",fill:"none",stroke:"currentColor",strokeWidth:m.fonts.fontWeightHeader>=700?2:1.5,"aria-hidden":!0,children:[u.jsx("line",{x1:"2",y1:"2",x2:"8",y2:"8"}),u.jsx("line",{x1:"8",y1:"2",x2:"2",y2:"8"})]})})]})},Ss=({level:e,tag:r,className:t,style:o,children:s})=>{const n=D(),a=r??`h${e}`,l=n.typography.heading[a],c=`dr-heading-${p.useId().replace(/:/g,"")}`,f=p.useMemo(()=>{const S=[];return l.mdFontSize&&S.push(`@media (max-width: ${n.breakpoints.md}) { .${c} { font-size: ${l.mdFontSize}; } }`),l.smFontSize&&S.push(`@media (max-width: ${n.breakpoints.sm}) { .${c} { font-size: ${l.smFontSize}; } }`),S.join(`
+      `})]});return t?u.jsx("div",{...n,"data-loading":"true",className:o,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",width:"100vw",...s},children:f}):f},Yo=({children:e,loadingComponent:r})=>{const[t,o]=p.useState(!1);return p.useEffect(()=>{requestAnimationFrame(()=>{o(!0)})},[]),t?u.jsx(u.Fragment,{children:e}):r||u.jsx(mt,{})},pe={backdrop:"Modal-module__backdrop___GVUh4",modal:"Modal-module__modal___aD7aP",header:"Modal-module__header___ILG9i",title:"Modal-module__title___A5OeE",closeButton:"Modal-module__closeButton___3LpSf",content:"Modal-module__content___dWO-B",actions:"Modal-module__actions___hY6zi"},ht={stack:"Stack-module__stack___yUU-B",vertical:"Stack-module__vertical___sKTyQ",horizontal:"Stack-module__horizontal___YsvtV"},Sr=({direction:e="row",gap:r="0.5em",children:t,className:o,style:s,divProps:n})=>{const a=[ht.stack,e==="column"?ht.vertical:ht.horizontal,o].filter(Boolean).join(" ");return u.jsx("div",{...n,className:a,style:{gap:r,...s},children:t})},kr=({isOpen:e,onClose:r,children:t,title:o,hideCloseButton:s=!1,closeOnBackdropClick:n=!0,closeOnEscape:a=!0,actions:l=[],resolveModal:d,width:c="500px",maxWidth:f="90vw",backgroundColor:m,backdropColor:h="rgba(0, 0, 0, 0.5)",className:v,style:S,divProps:_})=>{const w=D(),x=p.useRef(null),b=p.useRef(null),{maxWidth:z}=ve(w.breakpoints.md),E=oe(`(max-width: ${z-1}px)`);p.useEffect(()=>{if(e)return b.current=document.activeElement,document.body.style.overflow="hidden",x.current&&x.current.focus(),()=>{document.body.style.overflow="",b.current&&b.current.focus()}},[e]),p.useEffect(()=>{if(!e||!a)return;const A=G=>{G.key==="Escape"&&r()};return document.addEventListener("keydown",A),()=>document.removeEventListener("keydown",A)},[e,a,r]);const L=A=>{A.target===A.currentTarget&&n&&r()};if(!e)return null;const O={width:c,maxWidth:f,backgroundColor:m||w.colors.secondary,borderRadius:w.border.radius,...S},M={backgroundColor:h},j=u.jsx("div",{className:pe.backdrop,style:M,onClick:L,role:"presentation",children:u.jsxs("div",{ref:x,className:[pe.modal,v].filter(Boolean).join(" "),style:O,role:"dialog","aria-modal":"true","aria-labelledby":o?"modal-title":void 0,tabIndex:-1,..._,children:[u.jsxs("div",{className:pe.header,children:[o&&u.jsx("h2",{id:"modal-title",className:pe.title,children:o}),!s&&u.jsx("button",{className:pe.closeButton,onClick:r,"aria-label":"Close modal",type:"button",children:u.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:u.jsx("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),u.jsx("div",{className:pe.content,children:t}),l.length>0&&u.jsx(Sr,{direction:E?"column":"row",className:pe.actions,children:l.map((A,G)=>u.jsx(Ft,{color:A.color,outline:A.variant==="outline",disabled:A.disabled,onClick:()=>{A.onClick?A.onClick(d||r):d?d(A.value):r()},children:A.label},G))})]})});return Le.createPortal(j,document.body)},wr=p.createContext(null),Ro=({children:e})=>{const[r,t]=p.useState(null),o=p.useCallback(c=>new Promise((f,m)=>{const h=Math.random().toString(36).substr(2,9);t({id:h,content:c.content,title:c.title,actions:c.actions,options:c.options,resolve:f,reject:m})}),[]),s=p.useCallback(c=>{t(f=>(f&&f.resolve(c),null))},[]),n=p.useCallback(c=>o({title:c.title||"Confirm",content:c.message,actions:[{label:c.cancelLabel||"Cancel",variant:"outline",onClick:f=>f(!1)},{label:c.confirmLabel||"Confirm",color:c.confirmColor,onClick:f=>f(!0)}],options:c.options}),[o]),a=p.useCallback(c=>o({title:c.title||"Alert",content:c.message,actions:[{label:c.okLabel||"OK",color:c.okColor,onClick:f=>f()}],options:c.options}),[o]),l=p.useCallback(()=>{s()},[s]),d=p.useMemo(()=>({show:o,resolve:s,confirm:n,alert:a}),[o,s,n,a]);return u.jsxs(wr.Provider,{value:d,children:[e,r&&u.jsx(kr,{isOpen:!0,onClose:l,title:r.title,actions:r.actions,resolveModal:s,...r.options,children:typeof r.content=="function"?r.content(s):r.content})]})},es=()=>{const e=p.useContext(wr);if(!e)throw new Error("useModal must be used within a ModalProvider");return e},Cr=({children:e,className:r,style:t,padding:o="0.5em",border:s=!1,backgroundColor:n,divProps:a})=>{const l=D();return u.jsx("div",{...a,className:r,style:{padding:o,borderRadius:l.border.radius,fontSize:"1em",backgroundColor:n??l.cards.backgroundColor,...s&&{borderWidth:l.border.width,borderStyle:"solid",borderColor:l.colors.primary},...t},children:e})},ts={xs:{chevronButton:"0.75em",headerPadding:"0.1em 0.25em",bodyPadding:"0 0.5em 0.5em 1.15em"},small:{chevronButton:"1em",headerPadding:"0.25em 0.25em",bodyPadding:"0 0.5em 0.75em 1.4em"},default:{chevronButton:"1.5em",headerPadding:"0.75em 0.25em",bodyPadding:"0 0.5em 1em 1.9em"},large:{chevronButton:"2em",headerPadding:"1em 0.25em",bodyPadding:"0 0.5em 1.25em 2.4em"}},rs=({header:e,children:r,className:t,style:o,defaultOpen:s=!1,open:n,onOpenChange:a,border:l=!1,hideChevron:d=!1,headerPadding:c,bodyPadding:f,size:m="default",chevronStyle:h})=>{const v=D(),S=p.useId(),_=`collapsible-header-${S}`,w=`collapsible-body-${S}`,x=ts[m],b=c??x.headerPadding,z=f??x.bodyPadding,E=n!==void 0,[L,O]=p.useState(s),M=E?n:L,j=p.useCallback(()=>{const A=!M;E||O(A),a==null||a(A)},[M,E,a]);return u.jsxs("div",{className:t,style:{borderRadius:v.border.radius,...l&&{borderWidth:v.border.width,borderStyle:"solid",borderColor:`${v.colors.primary}33`},...o},children:[u.jsxs("div",{id:_,style:{display:"flex",alignItems:"center",gap:"0.15em",padding:b,userSelect:"none"},children:[!d&&u.jsx("button",{type:"button",onClick:j,"aria-expanded":M,"aria-controls":w,"aria-label":M?"Collapse":"Expand",title:M?"Collapse":"Expand",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:x.chevronButton,height:x.chevronButton,background:"transparent",border:"none",padding:0,cursor:"pointer",color:"inherit",flexShrink:0,...h},children:u.jsx(os,{open:M})}),u.jsx("div",{style:{flex:1,display:"flex",alignItems:"center",gap:"0.5em"},children:e})]}),M&&u.jsx("div",{id:w,role:"region","aria-labelledby":_,style:{padding:z},children:r})]})},os=({open:e})=>u.jsx("svg",{width:"0.75em",height:"0.75em",viewBox:"0 0 12 12","aria-hidden":"true",style:{transform:e?"rotate(0deg)":"rotate(-90deg)"},children:u.jsx("path",{d:"M2 4 L6 8 L10 4",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})}),Fr={section:"ResponsiveSection-module__section___gBESK",innerDiv:"ResponsiveSection-module__innerDiv___r1bky"},xr=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:d,gap:c,verticalRhythm:f=3,children:m,className:h,style:v,sectionProps:S})=>{const _=D(),w=oe(`(min-width: ${_.breakpoints.sm})`),x={backgroundColor:e,color:r||_.fonts.color,margin:d,...v},b=`calc(${_.fonts.rhythm} * ${f})`,z=w?a||_.layout.padding:l||_.layout.paddingSm,E={"--max-width":t||_.layout.maxWidth,"--min-width":o,"--width":s,"--height":n,"--section-padding":`${b} ${z}`,"--gap":c},L=[Fr.section,h].filter(Boolean).join(" ");return u.jsx("section",{...S,className:L,style:x,children:u.jsx("div",{className:Fr.innerDiv,style:E,children:m})})},zr={hero:"Hero-module__hero___IB2tg",content:"Hero-module__content___rkkfQ"},ss=({isMd:e=!1,isLg:r=!1,theme:t})=>p.useMemo(()=>{const{rhythm:o}=t.fonts;let s=`calc(${o} * 2) 0`,n="2rem",a="1.125rem";return r?(s=`calc(${o} * 4) 0`,n="3.5rem",a="1.5rem"):e&&(s=`calc(${o} * 3.5) 0`,n="3rem",a="1.25rem"),{"--hero-padding":s,"--hero-h1-font-size":n,"--hero-p-font-size":a,"--hero-h1-margin-bottom":`calc(${o} * 0.7)`}},[e,r,t.fonts]),ns=({color:e,breakpoints:r,children:t,className:o,style:s,...n})=>{const a=D(),l=[zr.hero,o].filter(Boolean).join(" "),d=(r==null?void 0:r.md)||a.breakpoints.md,c=(r==null?void 0:r.lg)||a.breakpoints.lg,f=oe(`(min-width: ${d})`),m=oe(`(min-width: ${c})`),h=ss({isMd:f,isLg:m,theme:a});return u.jsx(xr,{className:l,color:e||a.fonts.color,style:{...h,...s},...n,children:u.jsx("div",{className:zr.content,children:t})})},Vr={footer:"Footer-module__footer___A76NF",container:"Footer-module__container___QneNs"},as=({isSmallScreen:e=!1,maxWidth:r,minWidth:t,width:o,height:s,paddingSm:n,padding:a,margin:l,gap:d,backgroundColor:c,color:f}={})=>{const m=D();return{maxWidth:r||m.layout.maxWidth,minWidth:t,width:o,height:s,padding:e?n||m.layout.paddingSm:a||m.layout.padding,margin:l,gap:d,backgroundColor:c,color:f||m.fonts.color}},Er=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:d,gap:c,breakPoint:f,children:m,className:h,style:v,footerProps:S})=>{const _=D(),w=f||_.breakpoints.sm,{maxWidth:x,unit:b}=ve(w),z=oe(`(max-width: ${x}${b})`),E=as({isSmallScreen:z,maxWidth:t,minWidth:o,width:s,height:n,paddingSm:l,padding:a,margin:d,gap:c,backgroundColor:e,color:r}),L=[Vr.container,h].filter(Boolean).join(" ");return u.jsx("footer",{...S,className:Vr.footer,children:u.jsx("div",{className:L,style:{...E,...v},children:m})})},je={card:"FeatureCard-module__card___XQt66",icon:"FeatureCard-module__icon___dXJ92",title:"FeatureCard-module__title___KxXyA",content:"FeatureCard-module__content___68xkw"},ls=({isMd:e=!1,theme:r})=>p.useMemo(()=>{const{rhythm:t}=r.fonts;return{"--feature-icon-font-size":e?"3rem":"2.5rem","--feature-title-font-size":e?"1.5rem":"1.25rem","--feature-card-padding":`calc(${t} * 1)`,"--feature-icon-margin-bottom":`calc(${t} * 0.7)`,"--feature-title-margin-bottom":`calc(${t} * 0.5)`}},[e,r.fonts]),is=({breakpoint:e,icon:r,title:t,children:o,className:s,style:n,divProps:a})=>{const l=D(),d=[je.card,s].filter(Boolean).join(" "),c=e||l.breakpoints.md,f=oe(`(min-width: ${c})`),m=ls({isMd:f,theme:l});return u.jsxs("div",{...a,className:d,style:{...m,...n},children:[r&&u.jsx("div",{className:je.icon,children:r}),u.jsx("h3",{className:je.title,children:t}),u.jsx("div",{className:je.content,children:o})]})},cs={grid:"FeatureGrid-module__grid___6sW6f"},ds=({columns:e,isMd:r=!1,isLg:t=!1})=>p.useMemo(()=>r?r&&!t&&(e===3||e===4)?{"--grid-template-columns":"repeat(2, 1fr)"}:{"--grid-template-columns":{1:"1fr",2:"repeat(2, 1fr)",3:"repeat(3, 1fr)",4:"repeat(4, 1fr)"}[e]}:{"--grid-template-columns":"1fr"},[e,r,t]),us=({columns:e=3,breakpoints:r,gap:t,children:o,className:s,style:n})=>{const a=D(),l=(r==null?void 0:r.md)||a.breakpoints.md,d=(r==null?void 0:r.lg)||a.breakpoints.lg,c=oe(`(min-width: ${l})`),f=oe(`(min-width: ${d})`),h={...ds({columns:e,isMd:c,isLg:f}),gap:t,...n};return u.jsx("div",{className:[cs.grid,s].filter(Boolean).join(" "),style:h,children:o})},Ce={card:"MediaCard-module__card___9pZ7C",clickable:"MediaCard-module__clickable___Rae9n",vertical:"MediaCard-module__vertical___GWtOA",imageWrapper:"MediaCard-module__imageWrapper___HUiag",horizontal:"MediaCard-module__horizontal___qlK4y",content:"MediaCard-module__content___MlqE4"},fs=({direction:e="column",imageSlot:r,imageWidth:t,border:o,backgroundColor:s,padding:n="0",children:a,className:l,style:d,onClick:c,actions:f,divProps:m})=>{const h=[Ce.card,e==="row"?Ce.horizontal:Ce.vertical,c?Ce.clickable:void 0,l].filter(Boolean).join(" "),v=S=>{c&&(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),c())};return u.jsxs(Cr,{border:o,backgroundColor:s,padding:n,className:h,style:{...t&&e==="row"&&{"--media-card-image-width":t},...d},divProps:{...m,onClick:c,onKeyDown:c?v:void 0,role:c?"button":void 0,tabIndex:c?0:void 0},children:[r&&u.jsx("div",{className:Ce.imageWrapper,children:r}),u.jsx("div",{className:Ce.content,children:a}),f]})},yt={layoutContainer:"PageLayout-module__layoutContainer___diLdT",content:"PageLayout-module__content___h2mBr",main:"PageLayout-module__main___Sw7Pv"},ms=({header:e,footer:r,children:t,className:o,style:s,headerProps:n,footerProps:a,divProps:l,mainProps:d})=>{const c=[yt.layoutContainer,o].filter(Boolean).join(" ");return u.jsxs("div",{...l,className:c,style:s,children:[u.jsxs("div",{className:yt.content,children:[e&&u.jsx(gr,{...n,children:e}),u.jsx("main",{...d,className:yt.main,children:t})]}),r&&u.jsx(Er,{...a,children:r})]})},ie={dropzone:"FileUpload-module__dropzone___jqua0",loading:"FileUpload-module__loading___C7PsH",dragOver:"FileUpload-module__dragOver___q1zPo",hiddenInput:"FileUpload-module__hiddenInput___RLLPJ",content:"FileUpload-module__content___yCP0l",contentHidden:"FileUpload-module__contentHidden___0Ewoe",spinnerOverlay:"FileUpload-module__spinnerOverlay___e3Rle",label:"FileUpload-module__label___lbMkx",hint:"FileUpload-module__hint___8dXlk",errorMessage:"FileUpload-module__errorMessage___8HB3n"},hs=({color:e})=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:e,width:"48",height:"48","aria-hidden":!0,children:u.jsx("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"})}),ys=({onUpload:e,accept:r,maxSizeBytes:t,loading:o=!1,error:s,label:n="Click or drag & drop a file here",className:a,style:l,divProps:d,inputProps:c})=>{const f=D(),m=p.useRef(null),[h,v]=p.useState(!1),[S,_]=p.useState(null),w=s||S,x=w?f.colors.error:f.colors.primary,b=w?f.colors.error:f.colors.primary,z=p.useCallback(B=>{if(_(null),t&&B.size>t){const P=(t/1048576).toFixed(1);_(`File exceeds maximum size of ${P} MB`);return}e(B)},[t,e]),E=()=>{var B;o||(B=m.current)==null||B.click()},L=B=>{var P;(B.key==="Enter"||B.key===" ")&&!o&&(B.preventDefault(),(P=m.current)==null||P.click())},O=B=>{var T;const P=(T=B.target.files)==null?void 0:T[0];P&&z(P),B.target.value=""},M=B=>{B.preventDefault(),o||v(!0)},j=()=>v(!1),A=B=>{var T;if(B.preventDefault(),v(!1),o)return;const P=(T=B.dataTransfer.files)==null?void 0:T[0];P&&z(P)},G=[ie.dropzone,h&&ie.dragOver,o&&ie.loading,a].filter(Boolean).join(" "),Z={"--upload-color":x,borderColor:x,borderWidth:f.border.width,borderRadius:f.border.radius,fontSize:"1em",color:b,...l};return u.jsxs("div",{...d,className:G,style:Z,onClick:E,onKeyDown:L,onDragOver:M,onDragLeave:j,onDrop:A,role:"button",tabIndex:o?-1:0,"aria-disabled":o,"aria-label":n,children:[u.jsx("input",{...c,ref:m,type:"file",accept:r,onChange:O,disabled:o,className:ie.hiddenInput,tabIndex:-1,"aria-hidden":!0}),o&&u.jsx(mt,{fullScreen:!1,className:ie.spinnerOverlay,style:{fontSize:"1.5em"}}),u.jsxs("div",{className:[ie.content,o&&ie.contentHidden].filter(Boolean).join(" "),"aria-hidden":o||void 0,children:[u.jsx(hs,{color:x}),u.jsx("span",{className:ie.label,children:n}),r&&u.jsxs("span",{className:ie.hint,children:["Accepted: ",r]}),t&&u.jsxs("span",{className:ie.hint,children:["Max size: ",(t/(1024*1024)).toFixed(1)," MB"]}),w&&u.jsx("span",{className:ie.errorMessage,role:"alert",children:w})]})]})},pt={container:"Image-module__container___sVJdZ",img:"Image-module__img___pKhPw",fallback:"Image-module__fallback___wysuM"},ps={skeleton:"Skeleton-module__skeleton___CB4uF"},gt=({className:e,style:r,divProps:t})=>{const o=D(),s=[ps.skeleton,e].filter(Boolean).join(" ");return u.jsx("div",{...t,className:s,style:{borderRadius:o.border.radius,...r},"aria-label":"Loading","aria-busy":!0})},gs=({src:e,alt:r="",aspectRatio:t="1 / 1",loading:o=!1,skeletonDelay:s=150,fallback:n,className:a,style:l,imgProps:d})=>{const c=D(),[f,m]=p.useState(null),[h,v]=p.useState(null),[S,_]=p.useState(null),w=f===e,x=h===e,b=S===e;p.useEffect(()=>{if(!e)return;const j=setTimeout(()=>_(e),s);return()=>clearTimeout(j)},[e,s]);const z=o||!!e&&!w&&!x&&b,E=!o&&(!e||x),L=!o&&!!e&&!x,O=[pt.container,a].filter(Boolean).join(" "),M={aspectRatio:t,borderRadius:c.border.radius,...l};return u.jsxs("div",{className:O,style:M,"aria-label":E?r||"Image placeholder":void 0,"aria-busy":z||void 0,children:[z&&u.jsx(gt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),E&&u.jsx("div",{className:pt.fallback,children:n??null}),L&&u.jsx("img",{...d,src:e,alt:r,className:pt.img,style:{opacity:w?1:0},onLoad:()=>e&&m(e),onError:()=>e&&v(e)})]})},ge={thumbnail:"ImageThumbnail-module__thumbnail___-igbe",img:"ImageThumbnail-module__img___Q7Z4V",sizeXs:"ImageThumbnail-module__sizeXs___TvSHV",sizeSmall:"ImageThumbnail-module__sizeSmall___2KnCh",sizeDefault:"ImageThumbnail-module__sizeDefault___laoQk",sizeLarge:"ImageThumbnail-module__sizeLarge___iwz3o",removeButton:"ImageThumbnail-module__removeButton___Ceh1Q"},_s={xs:ge.sizeXs,small:ge.sizeSmall,default:ge.sizeDefault,large:ge.sizeLarge},vs=({color:e})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:e,strokeWidth:"1.5",width:"40%",height:"40%","aria-hidden":!0,children:[u.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),u.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),u.jsx("polyline",{points:"21 15 16 10 5 21"})]}),bs=({src:e,alt:r="",size:t="default",loading:o=!1,skeletonDelay:s=500,onRemove:n,removeLabel:a="Remove",fallback:l,className:d,style:c,imgProps:f})=>{const m=D(),[h,v]=p.useState(null),[S,_]=p.useState(null),[w,x]=p.useState(null),b=h===e,z=S===e,E=w===e;p.useEffect(()=>{if(!e)return;const Z=setTimeout(()=>x(e),s);return()=>clearTimeout(Z)},[e,s]);const L=o||!!e&&!b&&!z&&E,O=!o&&(!e||z),M=!o&&!!e&&!z,j=[ge.thumbnail,_s[t],d].filter(Boolean).join(" "),A={borderRadius:m.border.radius,...c},G={background:m.colors.primary,color:m.buttons.primary.textColor,borderRadius:"50%"};return u.jsxs("div",{className:j,style:A,"aria-label":O?r||"Image placeholder":void 0,"aria-busy":L||void 0,children:[L&&u.jsx(gt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),O&&(l??u.jsx(vs,{color:m.colors.primary})),M&&u.jsx("img",{...f,src:e,alt:r,className:ge.img,style:{opacity:b?1:0},onLoad:()=>e&&v(e),onError:()=>e&&_(e)}),n&&u.jsx("button",{type:"button",className:ge.removeButton,style:G,onClick:Z=>{Z.stopPropagation(),n()},"aria-label":a,children:u.jsxs("svg",{viewBox:"0 0 10 10",width:"60%",height:"60%",fill:"none",stroke:"currentColor",strokeWidth:m.fonts.fontWeightHeader>=700?2:1.5,"aria-hidden":!0,children:[u.jsx("line",{x1:"2",y1:"2",x2:"8",y2:"8"}),u.jsx("line",{x1:"8",y1:"2",x2:"2",y2:"8"})]})})]})},Ss=({level:e,tag:r,className:t,style:o,children:s})=>{const n=D(),a=r??`h${e}`,l=n.typography.heading[a],c=`dr-heading-${p.useId().replace(/:/g,"")}`,f=p.useMemo(()=>{const S=[];return l.mdFontSize&&S.push(`@media (max-width: ${n.breakpoints.md}) { .${c} { font-size: ${l.mdFontSize}; } }`),l.smFontSize&&S.push(`@media (max-width: ${n.breakpoints.sm}) { .${c} { font-size: ${l.smFontSize}; } }`),S.join(`
 `)},[c,l.mdFontSize,l.smFontSize,n.breakpoints.md,n.breakpoints.sm]),m={fontSize:l.fontSize,...l.lineHeight!==void 0&&{lineHeight:l.lineHeight},...l.fontWeight!==void 0&&{fontWeight:l.fontWeight},...o},h=[c,t].filter(Boolean).join(" "),v=`h${e}`;return u.jsxs(u.Fragment,{children:[f&&u.jsx("style",{children:f}),p.createElement(v,{className:h,style:m},s)]})},ks=({size:e="default",as:r="p",className:t,style:o,children:s})=>{const a=D().typography.text[e],l={fontSize:a.fontSize,...a.lineHeight!==void 0&&{lineHeight:a.lineHeight},...o};return p.createElement(r,{className:t,style:l},s)},ws=({variant:e="default",className:r,style:t,children:o})=>{const s=D();let n,a,l;switch(e){case"caption":n=s.typography.text.xs.fontSize,l=700;break;case"subtle":n=s.typography.text.sm.fontSize,a=.7;break;case"default":default:n=s.typography.text.sm.fontSize,l=700;break}const d={fontSize:n,...a!==void 0&&{opacity:a},...l!==void 0&&{fontWeight:l},...t};return u.jsx("span",{className:r,style:d,children:o})},$r={triggerWrapper:"Tooltip-module__triggerWrapper___wMSun",tooltip:"Tooltip-module__tooltip___UA7H9"},Cs=({children:e,content:r,placement:t="top",openDelay:o=200,closeDelay:s=100,offset:n=8,disabled:a=!1,color:l,backgroundColor:d,className:c,style:f,tooltipProps:m})=>{const h=D(),v=p.useRef(null),S=p.useRef(null),_=p.useRef(null),[w,x]=p.useState(!1),b=p.useId(),z=w&&!a&&!!r,{side:E,align:L}=_r(t),{positionStyle:O}=vr({open:z,triggerRef:v,side:E,align:L,offset:n}),M=()=>{S.current&&clearTimeout(S.current),_.current&&clearTimeout(_.current),S.current=null,_.current=null},j=p.useCallback(()=>{M(),S.current=setTimeout(()=>x(!0),o)},[o]),A=p.useCallback(()=>{M(),_.current=setTimeout(()=>x(!1),s)},[s]),G={backgroundColor:d||h.colors.secondaryBackground,color:l,borderRadius:h.border.radius,...O,...f};return u.jsxs(u.Fragment,{children:[u.jsx("span",{ref:v,className:$r.triggerWrapper,onMouseEnter:j,onMouseLeave:A,onFocus:j,onBlur:A,"aria-describedby":z?b:void 0,children:e}),z&&Le.createPortal(u.jsx("div",{id:b,role:"tooltip",className:[$r.tooltip,c].filter(Boolean).join(" "),style:G,...m,children:r}),document.body)]})};$.Button=Ft,$.CSSReset=Kr,$.Card=Cr,$.Checkbox=Pe,$.Collapsible=rs,$.FeatureCard=is,$.FeatureGrid=us,$.FileUpload=ys,$.Footer=Er,$.Form=zo,$.FormCheckbox=Ao,$.FormCheckboxGroup=Io,$.FormError=dr,$.FormField=me,$.FormGroup=ur,$.FormInput=$o,$.FormLabel=Ae,$.FormRadio=Oo,$.FormRadioGroup=Do,$.FormSelect=Mo,$.FormTextarea=No,$.Hamburger=yr,$.Header=gr,$.Heading=Ss,$.Hero=ns,$.Image=gs,$.ImageThumbnail=bs,$.Input=fr,$.Label=ws,$.LoadingSpinner=mt,$.MediaCard=fs,$.Modal=kr,$.ModalProvider=Ro,$.NavDropdown=Xo,$.NavLink=Jo,$.PageLayout=ms,$.Popover=dt,$.Radio=ct,$.ResponsiveNav=Qo,$.ResponsiveNavContext=br,$.ResponsiveSection=xr,$.Select=hr,$.Skeleton=gt,$.Stack=Sr,$.StyleLoader=Yo,$.Text=ks,$.Textarea=mr,$.ThemeProvider=jr,$.Tooltip=Cs,$.parseBreakpoint=ve,$.useFormContext=cr,$.useMediaQuery=oe,$.useModal=es,$.useNavLinkStyles=ft,$.useTheme=D,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digital-rabbit-cl",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "react-hook-form": "^7.66.0",