digital-rabbit-cl 2.4.17 → 2.4.18-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;CAC9E;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;CAC9E;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqEjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -31,4 +31,4 @@
|
|
|
31
31
|
0% { transform: rotate(0deg); }
|
|
32
32
|
100% { transform: rotate(360deg); }
|
|
33
33
|
}
|
|
34
|
-
`})]});return t?d.jsx("div",{...n,className:o,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",width:"100vw",...s},children:u}):u},Zo=({children:e,loadingComponent:r})=>{const[t,o]=p.useState(!1);return p.useEffect(()=>{requestAnimationFrame(()=>{o(!0)})},[]),t?d.jsx(d.Fragment,{children:e}):r||d.jsx(yt,{})},me={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"},vr=({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 d.jsx("div",{...n,className:a,style:{gap:r,...s},children:t})},br=({isOpen:e,onClose:r,children:t,title:o,hideCloseButton:s=!1,closeOnBackdropClick:n=!0,closeOnEscape:a=!0,actions:l=[],resolveModal:y,width:c="500px",maxWidth:u="90vw",backgroundColor:m,backdropColor:h="rgba(0, 0, 0, 0.5)",className:x,style:S,divProps:g})=>{const C=O(),V=p.useRef(null),v=p.useRef(null),{maxWidth:z}=pe(C.breakpoints.md),$=oe(`(max-width: ${z-1}px)`);p.useEffect(()=>{if(e)return v.current=document.activeElement,document.body.style.overflow="hidden",V.current&&V.current.focus(),()=>{document.body.style.overflow="",v.current&&v.current.focus()}},[e]),p.useEffect(()=>{if(!e||!a)return;const B=X=>{X.key==="Escape"&&r()};return document.addEventListener("keydown",B),()=>document.removeEventListener("keydown",B)},[e,a,r]);const N=B=>{B.target===B.currentTarget&&n&&r()};if(!e)return null;const D={width:c,maxWidth:u,backgroundColor:m||C.colors.secondary,borderRadius:C.border.radius,...S},A={backgroundColor:h},q=d.jsx("div",{className:me.backdrop,style:A,onClick:N,role:"presentation",children:d.jsxs("div",{ref:V,className:[me.modal,x].filter(Boolean).join(" "),style:D,role:"dialog","aria-modal":"true","aria-labelledby":o?"modal-title":void 0,tabIndex:-1,...g,children:[d.jsxs("div",{className:me.header,children:[o&&d.jsx("h2",{id:"modal-title",className:me.title,children:o}),!s&&d.jsx("button",{className:me.closeButton,onClick:r,"aria-label":"Close modal",type:"button",children:d.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:d.jsx("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d.jsx("div",{className:me.content,children:t}),l.length>0&&d.jsx(vr,{direction:$?"column":"row",className:me.actions,children:l.map((B,X)=>d.jsx(Ft,{color:B.color,outline:B.variant==="outline",disabled:B.disabled,onClick:()=>{B.onClick?B.onClick(y||r):y?y(B.value):r()},children:B.label},X))})]})});return We.createPortal(q,document.body)},Sr=p.createContext(null),Qo=({children:e})=>{const[r,t]=p.useState(null),o=p.useCallback(c=>new Promise((u,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:u,reject:m})}),[]),s=p.useCallback(c=>{t(u=>(u&&u.resolve(c),null))},[]),n=p.useCallback(c=>o({title:c.title||"Confirm",content:c.message,actions:[{label:c.cancelLabel||"Cancel",variant:"outline",onClick:u=>u(!1)},{label:c.confirmLabel||"Confirm",color:c.confirmColor,onClick:u=>u(!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:u=>u()}],options:c.options}),[o]),l=p.useCallback(()=>{s()},[s]),y=p.useMemo(()=>({show:o,resolve:s,confirm:n,alert:a}),[o,s,n,a]);return d.jsxs(Sr.Provider,{value:y,children:[e,r&&d.jsx(br,{isOpen:!0,onClose:l,title:r.title,actions:r.actions,resolveModal:s,...r.options,children:typeof r.content=="function"?r.content(s):r.content})]})},Ko=()=>{const e=p.useContext(Sr);if(!e)throw new Error("useModal must be used within a ModalProvider");return e},kr=({children:e,className:r,style:t,padding:o="0.5em",border:s=!1,backgroundColor:n,divProps:a})=>{const l=O();return d.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})},wr={section:"ResponsiveSection-module__section___gBESK",innerDiv:"ResponsiveSection-module__innerDiv___r1bky"},Cr=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:y,gap:c,verticalRhythm:u=3,children:m,className:h,style:x,sectionProps:S})=>{const g=O(),C=oe(`(min-width: ${g.breakpoints.sm})`),V={backgroundColor:e,color:r||g.fonts.color,margin:y,...x},v=`calc(${g.fonts.rhythm} * ${u})`,z=C?a||g.layout.padding:l||g.layout.paddingSm,$={"--max-width":t||g.layout.maxWidth,"--min-width":o,"--width":s,"--height":n,"--section-padding":`${v} ${z}`,"--gap":c},N=[wr.section,h].filter(Boolean).join(" ");return d.jsx("section",{...S,className:N,style:V,children:d.jsx("div",{className:wr.innerDiv,style:$,children:m})})},Fr={hero:"Hero-module__hero___IB2tg",content:"Hero-module__content___rkkfQ"},Xo=({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]),Jo=({color:e,breakpoints:r,children:t,className:o,style:s,...n})=>{const a=O(),l=[Fr.hero,o].filter(Boolean).join(" "),y=(r==null?void 0:r.md)||a.breakpoints.md,c=(r==null?void 0:r.lg)||a.breakpoints.lg,u=oe(`(min-width: ${y})`),m=oe(`(min-width: ${c})`),h=Xo({isMd:u,isLg:m,theme:a});return d.jsx(Cr,{className:l,color:e||a.fonts.color,style:{...h,...s},...n,children:d.jsx("div",{className:Fr.content,children:t})})},xr={footer:"Footer-module__footer___A76NF",container:"Footer-module__container___QneNs"},Yo=({isSmallScreen:e=!1,maxWidth:r,minWidth:t,width:o,height:s,paddingSm:n,padding:a,margin:l,gap:y,backgroundColor:c,color:u}={})=>{const m=O();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:y,backgroundColor:c,color:u||m.fonts.color}},zr=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:y,gap:c,breakPoint:u,children:m,className:h,style:x,footerProps:S})=>{const g=O(),C=u||g.breakpoints.sm,{maxWidth:V,unit:v}=pe(C),z=oe(`(max-width: ${V}${v})`),$=Yo({isSmallScreen:z,maxWidth:t,minWidth:o,width:s,height:n,paddingSm:l,padding:a,margin:y,gap:c,backgroundColor:e,color:r}),N=[xr.container,h].filter(Boolean).join(" ");return d.jsx("footer",{...S,className:xr.footer,children:d.jsx("div",{className:N,style:{...$,...x},children:m})})},Te={card:"FeatureCard-module__card___XQt66",icon:"FeatureCard-module__icon___dXJ92",title:"FeatureCard-module__title___KxXyA",content:"FeatureCard-module__content___68xkw"},Ro=({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]),es=({breakpoint:e,icon:r,title:t,children:o,className:s,style:n,divProps:a})=>{const l=O(),y=[Te.card,s].filter(Boolean).join(" "),c=e||l.breakpoints.md,u=oe(`(min-width: ${c})`),m=Ro({isMd:u,theme:l});return d.jsxs("div",{...a,className:y,style:{...m,...n},children:[r&&d.jsx("div",{className:Te.icon,children:r}),d.jsx("h3",{className:Te.title,children:t}),d.jsx("div",{className:Te.content,children:o})]})},ts={grid:"FeatureGrid-module__grid___6sW6f"},rs=({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]),os=({columns:e=3,breakpoints:r,gap:t,children:o,className:s,style:n})=>{const a=O(),l=(r==null?void 0:r.md)||a.breakpoints.md,y=(r==null?void 0:r.lg)||a.breakpoints.lg,c=oe(`(min-width: ${l})`),u=oe(`(min-width: ${y})`),h={...rs({columns:e,isMd:c,isLg:u}),gap:t,...n};return d.jsx("div",{className:[ts.grid,s].filter(Boolean).join(" "),style:h,children:o})},ke={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"},ss=({direction:e="column",imageSlot:r,imageWidth:t,border:o,backgroundColor:s,padding:n="0",children:a,className:l,style:y,onClick:c,actions:u,divProps:m})=>{const h=[ke.card,e==="row"?ke.horizontal:ke.vertical,c?ke.clickable:void 0,l].filter(Boolean).join(" "),x=S=>{c&&(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),c())};return d.jsxs(kr,{border:o,backgroundColor:s,padding:n,className:h,style:{...t&&e==="row"&&{"--media-card-image-width":t},...y},divProps:{...m,onClick:c,onKeyDown:c?x:void 0,role:c?"button":void 0,tabIndex:c?0:void 0},children:[r&&d.jsx("div",{className:ke.imageWrapper,children:r}),d.jsx("div",{className:ke.content,children:a}),u]})},mt={layoutContainer:"PageLayout-module__layoutContainer___diLdT",content:"PageLayout-module__content___h2mBr",main:"PageLayout-module__main___Sw7Pv"},ns=({header:e,footer:r,children:t,className:o,style:s,headerProps:n,footerProps:a,divProps:l,mainProps:y})=>{const c=[mt.layoutContainer,o].filter(Boolean).join(" ");return d.jsxs("div",{...l,className:c,style:s,children:[d.jsxs("div",{className:mt.content,children:[e&&d.jsx(pr,{...n,children:e}),d.jsx("main",{...y,className:mt.main,children:t})]}),r&&d.jsx(zr,{...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"},as=({color:e})=>d.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:e,width:"48",height:"48","aria-hidden":!0,children:d.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"})}),ls=({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:y,inputProps:c})=>{const u=O(),m=p.useRef(null),[h,x]=p.useState(!1),[S,g]=p.useState(null),C=s||S,V=C?u.colors.error:u.colors.primary,v=C?u.colors.error:u.colors.primary,z=p.useCallback(M=>{if(g(null),t&&M.size>t){const P=(t/1048576).toFixed(1);g(`File exceeds maximum size of ${P} MB`);return}e(M)},[t,e]),$=()=>{var M;o||(M=m.current)==null||M.click()},N=M=>{var P;(M.key==="Enter"||M.key===" ")&&!o&&(M.preventDefault(),(P=m.current)==null||P.click())},D=M=>{var T;const P=(T=M.target.files)==null?void 0:T[0];P&&z(P),M.target.value=""},A=M=>{M.preventDefault(),o||x(!0)},q=()=>x(!1),B=M=>{var T;if(M.preventDefault(),x(!1),o)return;const P=(T=M.dataTransfer.files)==null?void 0:T[0];P&&z(P)},X=[ie.dropzone,h&&ie.dragOver,o&&ie.loading,a].filter(Boolean).join(" "),G={"--upload-color":V,borderColor:V,borderWidth:u.border.width,borderRadius:u.border.radius,fontSize:"1em",color:v,...l};return d.jsxs("div",{...y,className:X,style:G,onClick:$,onKeyDown:N,onDragOver:A,onDragLeave:q,onDrop:B,role:"button",tabIndex:o?-1:0,"aria-disabled":o,"aria-label":n,children:[d.jsx("input",{...c,ref:m,type:"file",accept:r,onChange:D,disabled:o,className:ie.hiddenInput,tabIndex:-1,"aria-hidden":!0}),o&&d.jsx(yt,{fullScreen:!1,className:ie.spinnerOverlay,style:{fontSize:"1.5em"}}),d.jsxs("div",{className:[ie.content,o&&ie.contentHidden].filter(Boolean).join(" "),"aria-hidden":o||void 0,children:[d.jsx(as,{color:V}),d.jsx("span",{className:ie.label,children:n}),r&&d.jsxs("span",{className:ie.hint,children:["Accepted: ",r]}),t&&d.jsxs("span",{className:ie.hint,children:["Max size: ",(t/(1024*1024)).toFixed(1)," MB"]}),C&&d.jsx("span",{className:ie.errorMessage,role:"alert",children:C})]})]})},_t={container:"Image-module__container___sVJdZ",img:"Image-module__img___pKhPw",fallback:"Image-module__fallback___wysuM"},is={skeleton:"Skeleton-module__skeleton___CB4uF"},pt=({className:e,style:r,divProps:t})=>{const o=O(),s=[is.skeleton,e].filter(Boolean).join(" ");return d.jsx("div",{...t,className:s,style:{borderRadius:o.border.radius,...r},"aria-label":"Loading","aria-busy":!0})},cs=({src:e,alt:r="",aspectRatio:t="1 / 1",loading:o=!1,skeletonDelay:s=150,fallback:n,className:a,style:l,imgProps:y})=>{const c=O(),[u,m]=p.useState(null),[h,x]=p.useState(null),[S,g]=p.useState(null),C=u===e,V=h===e,v=S===e;p.useEffect(()=>{if(!e)return;const q=setTimeout(()=>g(e),s);return()=>clearTimeout(q)},[e,s]);const z=o||!!e&&!C&&!V&&v,$=!o&&(!e||V),N=!o&&!!e&&!V,D=[_t.container,a].filter(Boolean).join(" "),A={aspectRatio:t,borderRadius:c.border.radius,...l};return d.jsxs("div",{className:D,style:A,"aria-label":$?r||"Image placeholder":void 0,"aria-busy":z||void 0,children:[z&&d.jsx(pt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),$&&d.jsx("div",{className:_t.fallback,children:n??null}),N&&d.jsx("img",{...y,src:e,alt:r,className:_t.img,style:{opacity:C?1:0},onLoad:()=>e&&m(e),onError:()=>e&&x(e)})]})},_e={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"},ds={xs:_e.sizeXs,small:_e.sizeSmall,default:_e.sizeDefault,large:_e.sizeLarge},us=({color:e})=>d.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:[d.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),d.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),d.jsx("polyline",{points:"21 15 16 10 5 21"})]}),fs=({src:e,alt:r="",size:t="default",loading:o=!1,skeletonDelay:s=500,onRemove:n,removeLabel:a="Remove",fallback:l,className:y,style:c,imgProps:u})=>{const m=O(),[h,x]=p.useState(null),[S,g]=p.useState(null),[C,V]=p.useState(null),v=h===e,z=S===e,$=C===e;p.useEffect(()=>{if(!e)return;const G=setTimeout(()=>V(e),s);return()=>clearTimeout(G)},[e,s]);const N=o||!!e&&!v&&!z&&$,D=!o&&(!e||z),A=!o&&!!e&&!z,q=[_e.thumbnail,ds[t],y].filter(Boolean).join(" "),B={borderRadius:m.border.radius,...c},X={background:m.colors.primary,color:m.buttons.primary.textColor,borderRadius:"50%"};return d.jsxs("div",{className:q,style:B,"aria-label":D?r||"Image placeholder":void 0,"aria-busy":N||void 0,children:[N&&d.jsx(pt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),D&&(l??d.jsx(us,{color:m.colors.primary})),A&&d.jsx("img",{...u,src:e,alt:r,className:_e.img,style:{opacity:v?1:0},onLoad:()=>e&&x(e),onError:()=>e&&g(e)}),n&&d.jsx("button",{type:"button",className:_e.removeButton,style:X,onClick:G=>{G.stopPropagation(),n()},"aria-label":a,children:d.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:[d.jsx("line",{x1:"2",y1:"2",x2:"8",y2:"8"}),d.jsx("line",{x1:"8",y1:"2",x2:"2",y2:"8"})]})})]})};E.Button=Ft,E.CSSReset=qr,E.Card=kr,E.Checkbox=Pe,E.FeatureCard=es,E.FeatureGrid=os,E.FileUpload=ls,E.Footer=zr,E.Form=Co,E.FormCheckbox=Lo,E.FormCheckboxGroup=Ao,E.FormError=dr,E.FormField=ue,E.FormGroup=ur,E.FormInput=zo,E.FormLabel=Me,E.FormRadio=Po,E.FormRadioGroup=Bo,E.FormSelect=No,E.FormTextarea=$o,E.Hamburger=mr,E.Header=pr,E.Hero=Jo,E.Image=cs,E.ImageThumbnail=fs,E.Input=fr,E.LoadingSpinner=yt,E.MediaCard=ss,E.Modal=br,E.ModalProvider=Qo,E.NavDropdown=qo,E.NavLink=Go,E.PageLayout=ns,E.Popover=dt,E.Radio=ct,E.ResponsiveNav=Uo,E.ResponsiveNavContext=gr,E.ResponsiveSection=Cr,E.Select=hr,E.Skeleton=pt,E.Stack=vr,E.StyleLoader=Zo,E.Textarea=yr,E.ThemeProvider=Ir,E.parseBreakpoint=pe,E.useFormContext=cr,E.useMediaQuery=oe,E.useModal=Ko,E.useNavLinkStyles=ft,E.useTheme=O,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
|
|
34
|
+
`})]});return t?d.jsx("div",{...n,"data-loading":"true",className:o,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",width:"100vw",...s},children:u}):u},Zo=({children:e,loadingComponent:r})=>{const[t,o]=p.useState(!1);return p.useEffect(()=>{requestAnimationFrame(()=>{o(!0)})},[]),t?d.jsx(d.Fragment,{children:e}):r||d.jsx(yt,{})},me={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"},vr=({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 d.jsx("div",{...n,className:a,style:{gap:r,...s},children:t})},br=({isOpen:e,onClose:r,children:t,title:o,hideCloseButton:s=!1,closeOnBackdropClick:n=!0,closeOnEscape:a=!0,actions:l=[],resolveModal:y,width:c="500px",maxWidth:u="90vw",backgroundColor:m,backdropColor:h="rgba(0, 0, 0, 0.5)",className:x,style:S,divProps:g})=>{const C=O(),V=p.useRef(null),v=p.useRef(null),{maxWidth:z}=pe(C.breakpoints.md),$=oe(`(max-width: ${z-1}px)`);p.useEffect(()=>{if(e)return v.current=document.activeElement,document.body.style.overflow="hidden",V.current&&V.current.focus(),()=>{document.body.style.overflow="",v.current&&v.current.focus()}},[e]),p.useEffect(()=>{if(!e||!a)return;const B=X=>{X.key==="Escape"&&r()};return document.addEventListener("keydown",B),()=>document.removeEventListener("keydown",B)},[e,a,r]);const N=B=>{B.target===B.currentTarget&&n&&r()};if(!e)return null;const D={width:c,maxWidth:u,backgroundColor:m||C.colors.secondary,borderRadius:C.border.radius,...S},A={backgroundColor:h},q=d.jsx("div",{className:me.backdrop,style:A,onClick:N,role:"presentation",children:d.jsxs("div",{ref:V,className:[me.modal,x].filter(Boolean).join(" "),style:D,role:"dialog","aria-modal":"true","aria-labelledby":o?"modal-title":void 0,tabIndex:-1,...g,children:[d.jsxs("div",{className:me.header,children:[o&&d.jsx("h2",{id:"modal-title",className:me.title,children:o}),!s&&d.jsx("button",{className:me.closeButton,onClick:r,"aria-label":"Close modal",type:"button",children:d.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:d.jsx("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d.jsx("div",{className:me.content,children:t}),l.length>0&&d.jsx(vr,{direction:$?"column":"row",className:me.actions,children:l.map((B,X)=>d.jsx(Ft,{color:B.color,outline:B.variant==="outline",disabled:B.disabled,onClick:()=>{B.onClick?B.onClick(y||r):y?y(B.value):r()},children:B.label},X))})]})});return We.createPortal(q,document.body)},Sr=p.createContext(null),Qo=({children:e})=>{const[r,t]=p.useState(null),o=p.useCallback(c=>new Promise((u,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:u,reject:m})}),[]),s=p.useCallback(c=>{t(u=>(u&&u.resolve(c),null))},[]),n=p.useCallback(c=>o({title:c.title||"Confirm",content:c.message,actions:[{label:c.cancelLabel||"Cancel",variant:"outline",onClick:u=>u(!1)},{label:c.confirmLabel||"Confirm",color:c.confirmColor,onClick:u=>u(!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:u=>u()}],options:c.options}),[o]),l=p.useCallback(()=>{s()},[s]),y=p.useMemo(()=>({show:o,resolve:s,confirm:n,alert:a}),[o,s,n,a]);return d.jsxs(Sr.Provider,{value:y,children:[e,r&&d.jsx(br,{isOpen:!0,onClose:l,title:r.title,actions:r.actions,resolveModal:s,...r.options,children:typeof r.content=="function"?r.content(s):r.content})]})},Ko=()=>{const e=p.useContext(Sr);if(!e)throw new Error("useModal must be used within a ModalProvider");return e},kr=({children:e,className:r,style:t,padding:o="0.5em",border:s=!1,backgroundColor:n,divProps:a})=>{const l=O();return d.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})},wr={section:"ResponsiveSection-module__section___gBESK",innerDiv:"ResponsiveSection-module__innerDiv___r1bky"},Cr=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:y,gap:c,verticalRhythm:u=3,children:m,className:h,style:x,sectionProps:S})=>{const g=O(),C=oe(`(min-width: ${g.breakpoints.sm})`),V={backgroundColor:e,color:r||g.fonts.color,margin:y,...x},v=`calc(${g.fonts.rhythm} * ${u})`,z=C?a||g.layout.padding:l||g.layout.paddingSm,$={"--max-width":t||g.layout.maxWidth,"--min-width":o,"--width":s,"--height":n,"--section-padding":`${v} ${z}`,"--gap":c},N=[wr.section,h].filter(Boolean).join(" ");return d.jsx("section",{...S,className:N,style:V,children:d.jsx("div",{className:wr.innerDiv,style:$,children:m})})},Fr={hero:"Hero-module__hero___IB2tg",content:"Hero-module__content___rkkfQ"},Xo=({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]),Jo=({color:e,breakpoints:r,children:t,className:o,style:s,...n})=>{const a=O(),l=[Fr.hero,o].filter(Boolean).join(" "),y=(r==null?void 0:r.md)||a.breakpoints.md,c=(r==null?void 0:r.lg)||a.breakpoints.lg,u=oe(`(min-width: ${y})`),m=oe(`(min-width: ${c})`),h=Xo({isMd:u,isLg:m,theme:a});return d.jsx(Cr,{className:l,color:e||a.fonts.color,style:{...h,...s},...n,children:d.jsx("div",{className:Fr.content,children:t})})},xr={footer:"Footer-module__footer___A76NF",container:"Footer-module__container___QneNs"},Yo=({isSmallScreen:e=!1,maxWidth:r,minWidth:t,width:o,height:s,paddingSm:n,padding:a,margin:l,gap:y,backgroundColor:c,color:u}={})=>{const m=O();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:y,backgroundColor:c,color:u||m.fonts.color}},zr=({backgroundColor:e,color:r,maxWidth:t,minWidth:o,width:s,height:n,padding:a,paddingSm:l,margin:y,gap:c,breakPoint:u,children:m,className:h,style:x,footerProps:S})=>{const g=O(),C=u||g.breakpoints.sm,{maxWidth:V,unit:v}=pe(C),z=oe(`(max-width: ${V}${v})`),$=Yo({isSmallScreen:z,maxWidth:t,minWidth:o,width:s,height:n,paddingSm:l,padding:a,margin:y,gap:c,backgroundColor:e,color:r}),N=[xr.container,h].filter(Boolean).join(" ");return d.jsx("footer",{...S,className:xr.footer,children:d.jsx("div",{className:N,style:{...$,...x},children:m})})},Te={card:"FeatureCard-module__card___XQt66",icon:"FeatureCard-module__icon___dXJ92",title:"FeatureCard-module__title___KxXyA",content:"FeatureCard-module__content___68xkw"},Ro=({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]),es=({breakpoint:e,icon:r,title:t,children:o,className:s,style:n,divProps:a})=>{const l=O(),y=[Te.card,s].filter(Boolean).join(" "),c=e||l.breakpoints.md,u=oe(`(min-width: ${c})`),m=Ro({isMd:u,theme:l});return d.jsxs("div",{...a,className:y,style:{...m,...n},children:[r&&d.jsx("div",{className:Te.icon,children:r}),d.jsx("h3",{className:Te.title,children:t}),d.jsx("div",{className:Te.content,children:o})]})},ts={grid:"FeatureGrid-module__grid___6sW6f"},rs=({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]),os=({columns:e=3,breakpoints:r,gap:t,children:o,className:s,style:n})=>{const a=O(),l=(r==null?void 0:r.md)||a.breakpoints.md,y=(r==null?void 0:r.lg)||a.breakpoints.lg,c=oe(`(min-width: ${l})`),u=oe(`(min-width: ${y})`),h={...rs({columns:e,isMd:c,isLg:u}),gap:t,...n};return d.jsx("div",{className:[ts.grid,s].filter(Boolean).join(" "),style:h,children:o})},ke={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"},ss=({direction:e="column",imageSlot:r,imageWidth:t,border:o,backgroundColor:s,padding:n="0",children:a,className:l,style:y,onClick:c,actions:u,divProps:m})=>{const h=[ke.card,e==="row"?ke.horizontal:ke.vertical,c?ke.clickable:void 0,l].filter(Boolean).join(" "),x=S=>{c&&(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),c())};return d.jsxs(kr,{border:o,backgroundColor:s,padding:n,className:h,style:{...t&&e==="row"&&{"--media-card-image-width":t},...y},divProps:{...m,onClick:c,onKeyDown:c?x:void 0,role:c?"button":void 0,tabIndex:c?0:void 0},children:[r&&d.jsx("div",{className:ke.imageWrapper,children:r}),d.jsx("div",{className:ke.content,children:a}),u]})},mt={layoutContainer:"PageLayout-module__layoutContainer___diLdT",content:"PageLayout-module__content___h2mBr",main:"PageLayout-module__main___Sw7Pv"},ns=({header:e,footer:r,children:t,className:o,style:s,headerProps:n,footerProps:a,divProps:l,mainProps:y})=>{const c=[mt.layoutContainer,o].filter(Boolean).join(" ");return d.jsxs("div",{...l,className:c,style:s,children:[d.jsxs("div",{className:mt.content,children:[e&&d.jsx(pr,{...n,children:e}),d.jsx("main",{...y,className:mt.main,children:t})]}),r&&d.jsx(zr,{...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"},as=({color:e})=>d.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:e,width:"48",height:"48","aria-hidden":!0,children:d.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"})}),ls=({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:y,inputProps:c})=>{const u=O(),m=p.useRef(null),[h,x]=p.useState(!1),[S,g]=p.useState(null),C=s||S,V=C?u.colors.error:u.colors.primary,v=C?u.colors.error:u.colors.primary,z=p.useCallback(M=>{if(g(null),t&&M.size>t){const P=(t/1048576).toFixed(1);g(`File exceeds maximum size of ${P} MB`);return}e(M)},[t,e]),$=()=>{var M;o||(M=m.current)==null||M.click()},N=M=>{var P;(M.key==="Enter"||M.key===" ")&&!o&&(M.preventDefault(),(P=m.current)==null||P.click())},D=M=>{var T;const P=(T=M.target.files)==null?void 0:T[0];P&&z(P),M.target.value=""},A=M=>{M.preventDefault(),o||x(!0)},q=()=>x(!1),B=M=>{var T;if(M.preventDefault(),x(!1),o)return;const P=(T=M.dataTransfer.files)==null?void 0:T[0];P&&z(P)},X=[ie.dropzone,h&&ie.dragOver,o&&ie.loading,a].filter(Boolean).join(" "),G={"--upload-color":V,borderColor:V,borderWidth:u.border.width,borderRadius:u.border.radius,fontSize:"1em",color:v,...l};return d.jsxs("div",{...y,className:X,style:G,onClick:$,onKeyDown:N,onDragOver:A,onDragLeave:q,onDrop:B,role:"button",tabIndex:o?-1:0,"aria-disabled":o,"aria-label":n,children:[d.jsx("input",{...c,ref:m,type:"file",accept:r,onChange:D,disabled:o,className:ie.hiddenInput,tabIndex:-1,"aria-hidden":!0}),o&&d.jsx(yt,{fullScreen:!1,className:ie.spinnerOverlay,style:{fontSize:"1.5em"}}),d.jsxs("div",{className:[ie.content,o&&ie.contentHidden].filter(Boolean).join(" "),"aria-hidden":o||void 0,children:[d.jsx(as,{color:V}),d.jsx("span",{className:ie.label,children:n}),r&&d.jsxs("span",{className:ie.hint,children:["Accepted: ",r]}),t&&d.jsxs("span",{className:ie.hint,children:["Max size: ",(t/(1024*1024)).toFixed(1)," MB"]}),C&&d.jsx("span",{className:ie.errorMessage,role:"alert",children:C})]})]})},_t={container:"Image-module__container___sVJdZ",img:"Image-module__img___pKhPw",fallback:"Image-module__fallback___wysuM"},is={skeleton:"Skeleton-module__skeleton___CB4uF"},pt=({className:e,style:r,divProps:t})=>{const o=O(),s=[is.skeleton,e].filter(Boolean).join(" ");return d.jsx("div",{...t,className:s,style:{borderRadius:o.border.radius,...r},"aria-label":"Loading","aria-busy":!0})},cs=({src:e,alt:r="",aspectRatio:t="1 / 1",loading:o=!1,skeletonDelay:s=150,fallback:n,className:a,style:l,imgProps:y})=>{const c=O(),[u,m]=p.useState(null),[h,x]=p.useState(null),[S,g]=p.useState(null),C=u===e,V=h===e,v=S===e;p.useEffect(()=>{if(!e)return;const q=setTimeout(()=>g(e),s);return()=>clearTimeout(q)},[e,s]);const z=o||!!e&&!C&&!V&&v,$=!o&&(!e||V),N=!o&&!!e&&!V,D=[_t.container,a].filter(Boolean).join(" "),A={aspectRatio:t,borderRadius:c.border.radius,...l};return d.jsxs("div",{className:D,style:A,"aria-label":$?r||"Image placeholder":void 0,"aria-busy":z||void 0,children:[z&&d.jsx(pt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),$&&d.jsx("div",{className:_t.fallback,children:n??null}),N&&d.jsx("img",{...y,src:e,alt:r,className:_t.img,style:{opacity:C?1:0},onLoad:()=>e&&m(e),onError:()=>e&&x(e)})]})},_e={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"},ds={xs:_e.sizeXs,small:_e.sizeSmall,default:_e.sizeDefault,large:_e.sizeLarge},us=({color:e})=>d.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:[d.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),d.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),d.jsx("polyline",{points:"21 15 16 10 5 21"})]}),fs=({src:e,alt:r="",size:t="default",loading:o=!1,skeletonDelay:s=500,onRemove:n,removeLabel:a="Remove",fallback:l,className:y,style:c,imgProps:u})=>{const m=O(),[h,x]=p.useState(null),[S,g]=p.useState(null),[C,V]=p.useState(null),v=h===e,z=S===e,$=C===e;p.useEffect(()=>{if(!e)return;const G=setTimeout(()=>V(e),s);return()=>clearTimeout(G)},[e,s]);const N=o||!!e&&!v&&!z&&$,D=!o&&(!e||z),A=!o&&!!e&&!z,q=[_e.thumbnail,ds[t],y].filter(Boolean).join(" "),B={borderRadius:m.border.radius,...c},X={background:m.colors.primary,color:m.buttons.primary.textColor,borderRadius:"50%"};return d.jsxs("div",{className:q,style:B,"aria-label":D?r||"Image placeholder":void 0,"aria-busy":N||void 0,children:[N&&d.jsx(pt,{style:{borderRadius:"inherit",position:"absolute",inset:0}}),D&&(l??d.jsx(us,{color:m.colors.primary})),A&&d.jsx("img",{...u,src:e,alt:r,className:_e.img,style:{opacity:v?1:0},onLoad:()=>e&&x(e),onError:()=>e&&g(e)}),n&&d.jsx("button",{type:"button",className:_e.removeButton,style:X,onClick:G=>{G.stopPropagation(),n()},"aria-label":a,children:d.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:[d.jsx("line",{x1:"2",y1:"2",x2:"8",y2:"8"}),d.jsx("line",{x1:"8",y1:"2",x2:"2",y2:"8"})]})})]})};E.Button=Ft,E.CSSReset=qr,E.Card=kr,E.Checkbox=Pe,E.FeatureCard=es,E.FeatureGrid=os,E.FileUpload=ls,E.Footer=zr,E.Form=Co,E.FormCheckbox=Lo,E.FormCheckboxGroup=Ao,E.FormError=dr,E.FormField=ue,E.FormGroup=ur,E.FormInput=zo,E.FormLabel=Me,E.FormRadio=Po,E.FormRadioGroup=Bo,E.FormSelect=No,E.FormTextarea=$o,E.Hamburger=mr,E.Header=pr,E.Hero=Jo,E.Image=cs,E.ImageThumbnail=fs,E.Input=fr,E.LoadingSpinner=yt,E.MediaCard=ss,E.Modal=br,E.ModalProvider=Qo,E.NavDropdown=qo,E.NavLink=Go,E.PageLayout=ns,E.Popover=dt,E.Radio=ct,E.ResponsiveNav=Uo,E.ResponsiveNavContext=gr,E.ResponsiveSection=Cr,E.Select=hr,E.Skeleton=pt,E.Stack=vr,E.StyleLoader=Zo,E.Textarea=yr,E.ThemeProvider=Ir,E.parseBreakpoint=pe,E.useFormContext=cr,E.useMediaQuery=oe,E.useModal=Ko,E.useNavLinkStyles=ft,E.useTheme=O,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
|