@local-civics/hub-ui 0.1.209 → 0.1.210
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.
- package/dist/index.d.ts +203 -55
- package/dist/index.js +748 -533
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +741 -533
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -53,7 +53,7 @@ function styleInject(css, ref) {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
var css_248z = "@font-face{font-family:ProximaNova;src:url(https://cdn.localcivics.io/fonts/ProximaNova.otf) format(\"opentype\")}@font-face{font-family:ProximaNova;font-weight:700;src:url(https://cdn.localcivics.io/fonts/ProximaNovaBold.otf) format(\"opentype\")}\n\n/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-0{bottom:0;top:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.bottom-1\\/4{bottom:25%}.top-11{top:2.75rem}.top-4{top:1rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-5{bottom:1.25rem}.right-5{right:1.25rem}.bottom-20{bottom:5rem}.right-14{right:3.5rem}.z-10{z-index:10}.z-30{z-index:30}.-z-30{z-index:-30}.-z-10{z-index:-10}.z-40{z-index:40}.col-span-2{grid-column:span 2/span 2}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.m-auto{margin:auto}.m-3{margin:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.-ml-1{margin-left:-.25rem}.mt-2{margin-top:.5rem}.-mb-\\[3rem\\]{margin-bottom:-3rem}.mt-5{margin-top:1.25rem}.-mt-4{margin-top:-1rem}.mt-4{margin-top:1rem}.ml-3{margin-left:.75rem}.ml-2{margin-left:.5rem}.-mt-1\\.5{margin-top:-.375rem}.-mt-1{margin-top:-.25rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.-mt-6{margin-top:-1.5rem}.ml-auto{margin-left:auto}.mt-auto{margin-top:auto}.mb-3{margin-bottom:.75rem}.-mb-7{margin-bottom:-1.75rem}.-ml-2{margin-left:-.5rem}.mb-4{margin-bottom:1rem}.ml-5{margin-left:1.25rem}.mr-1{margin-right:.25rem}.mt-3{margin-top:.75rem}.mt-0\\.5{margin-top:.125rem}.mt-0{margin-top:0}.mb-1{margin-bottom:.25rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\\!contents{display:contents!important}.hidden{display:none}.h-1{height:.25rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-screen{height:100vh}.h-24{height:6rem}.h-9{height:2.25rem}.h-full{height:100%}.h-8{height:2rem}.h-16{height:4rem}.h-\\[30px\\]{height:30px}.h-\\[5px\\]{height:5px}.h-60{height:15rem}.h-\\[22rem\\]{height:22rem}.h-28{height:7rem}.h-\\[16rem\\]{height:16rem}.h-14{height:3.5rem}.h-\\[18rem\\]{height:18rem}.h-3\\.5{height:.875rem}.h-\\[12rem\\]{height:12rem}.h-\\[6rem\\]{height:6rem}.h-96{height:24rem}.h-max{height:-moz-max-content;height:max-content}.h-2{height:.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-10{height:2.5rem}.max-h-\\[24rem\\]{max-height:24rem}.max-h-\\[12rem\\]{max-height:12rem}.max-h-\\[20rem\\]{max-height:20rem}.max-h-\\[30rem\\]{max-height:30rem}.max-h-\\[18rem\\]{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\\[25rem\\]{max-height:25rem}.max-h-\\[14rem\\]{max-height:14rem}.min-h-16{min-height:4rem}.min-h-96{min-height:24rem}.min-h-\\[20rem\\]{min-height:20rem}.min-h-5{min-height:1.25rem}.min-h-48{min-height:12rem}.w-full{width:100%}.w-1{width:.25rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-28{width:7rem}.w-6{width:1.5rem}.w-36{width:9rem}.w-7{width:1.75rem}.w-screen{width:100vw}.w-60{width:15rem}.w-9{width:2.25rem}.w-8{width:2rem}.w-\\[230px\\]{width:230px}.w-24{width:6rem}.w-\\[30px\\]{width:30px}.w-\\[5px\\]{width:5px}.w-11{width:2.75rem}.w-48{width:12rem}.w-\\[17\\.7rem\\]{width:17.7rem}.w-\\[16\\.7rem\\]{width:16.7rem}.w-max{width:-moz-max-content;width:max-content}.w-14{width:3.5rem}.w-\\[14rem\\]{width:14rem}.w-16{width:4rem}.w-3\\.5{width:.875rem}.w-96{width:24rem}.w-\\[18rem\\]{width:18rem}.w-44{width:11rem}.w-40{width:10rem}.w-10{width:2.5rem}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-64{min-width:16rem}.min-w-3{min-width:.75rem}.min-w-\\[35rem\\]{min-width:35rem}.max-w-\\[64rem\\]{max-width:64rem}.max-w-xs{max-width:20rem}.max-w-\\[62\\.5rem\\]{max-width:62.5rem}.max-w-\\[12rem\\]{max-width:12rem}.max-w-full{max-width:100%}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[18rem\\]{max-width:18rem}.max-w-\\[20rem\\]{max-width:20rem}.max-w-\\[40rem\\]{max-width:40rem}.max-w-\\[7rem\\]{max-width:7rem}.max-w-\\[22rem\\]{max-width:22rem}.max-w-lg{max-width:32rem}.max-w-\\[25rem\\]{max-width:25rem}.max-w-md{max-width:28rem}.max-w-\\[50rem\\]{max-width:50rem}.max-w-3xl{max-width:48rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.-translate-y-3\\.5{--tw-translate-y:-0.875rem}.-translate-y-3,.-translate-y-3\\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-3{--tw-translate-y:-0.75rem}.scale-\\[0\\.9\\]{--tw-scale-x:0.9;--tw-scale-y:0.9}.scale-\\[0\\.50\\],.scale-\\[0\\.9\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[0\\.50\\]{--tw-scale-x:0.50;--tw-scale-y:0.50}.scale-\\[0\\.75\\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.scale-\\[0\\.75\\],.scale-\\[1\\.25\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[1\\.25\\]{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-\\[1\\.50\\]{--tw-scale-x:1.50;--tw-scale-y:1.50}.scale-\\[1\\.50\\],.scale-\\[1\\.75\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[1\\.75\\]{--tw-scale-x:1.75;--tw-scale-y:1.75}.scale-\\[2\\.00\\]{--tw-scale-x:2.00;--tw-scale-y:2.00}.scale-\\[2\\.00\\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-1{gap:.25rem}.gap-0\\.5{gap:.125rem}.gap-0{gap:0}.gap-2\\.5{gap:.625rem}.gap-8{gap:2rem}.gap-7{gap:1.75rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-10{gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-6{row-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-12{row-gap:3rem}.gap-y-8{row-gap:2rem}.gap-y-3{row-gap:.75rem}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-\\[10px\\]{border-radius:10px}.rounded-lg{border-radius:.5rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-b-2{border-bottom-width:2px}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.border-violet-300{--tw-border-opacity:1;border-color:rgb(196 181 253/var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity))}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity))}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity))}.border-sky-300{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.border-sky-400{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity))}.border-sky-600{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.border-primary-600{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.border-primary-400{--tw-border-opacity:1;border-color:rgb(97 218 245/var(--tw-border-opacity))}.border-secondary-600{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.border-secondary-400{--tw-border-opacity:1;border-color:rgb(78 85 97/var(--tw-border-opacity))}.border-rose-600{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-emerald-600{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.border-sky-400\\/95{border-color:rgba(56,189,248,.95)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(1 112 187/var(--tw-border-opacity))}.border-dark-blue-600{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.border-dark-blue-400{--tw-border-opacity:1;border-color:rgb(35 42 58/var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-sky-blue-400\\/30{border-color:rgba(59,208,242,.3)}.border-mint-400\\/30{border-color:rgba(30,226,175,.3)}.border-gold-400\\/30{border-color:rgba(255,212,77,.3)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity))}.border-b-sky-400{--tw-border-opacity:1;border-bottom-color:rgb(56 189 248/var(--tw-border-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.bg-violet-200{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.bg-violet-300{--tw-bg-opacity:1;background-color:rgb(196 181 253/var(--tw-bg-opacity))}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity))}.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity))}.bg-emerald-200{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity))}.bg-emerald-300{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.bg-sky-300{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity))}.bg-primary-600{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.bg-primary-400{--tw-bg-opacity:1;background-color:rgb(97 218 245/var(--tw-bg-opacity))}.bg-secondary-600{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.bg-secondary-400{--tw-bg-opacity:1;background-color:rgb(78 85 97/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity))}.bg-sky-400\\/95{background-color:rgba(56,189,248,.95)}.bg-slate-50\\/95{background-color:rgba(248,250,252,.95)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(1 112 187/var(--tw-bg-opacity))}.bg-dark-blue-600{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.bg-dark-blue-400{--tw-bg-opacity:1;background-color:rgb(35 42 58/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-500\\/75{background-color:hsla(220,9%,46%,.75)}.bg-gray-300\\/75{background-color:rgba(209,213,219,.75)}.bg-sky-blue-200{--tw-bg-opacity:1;background-color:rgb(163 228 243/var(--tw-bg-opacity))}.bg-sky-blue-400{--tw-bg-opacity:1;background-color:rgb(59 208 242/var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-sky-blue-400\\/25{background-color:rgba(59,208,242,.25)}.bg-mint-400\\/25{background-color:rgba(30,226,175,.25)}.bg-mint-400{--tw-bg-opacity:1;background-color:rgb(30 226 175/var(--tw-bg-opacity))}.bg-gold-400\\/25{background-color:rgba(255,212,77,.25)}.bg-gold-400{--tw-bg-opacity:1;background-color:rgb(255 212 77/var(--tw-bg-opacity))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.bg-gray-800\\/75{background-color:rgba(31,41,55,.75)}.bg-cyan-400{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-200\\/75{background-color:rgba(229,231,235,.75)}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-zinc-50\\/30{background-color:hsla(0,0%,98%,.3)}.fill-red-300{fill:#fca5a5}.fill-violet-300{fill:#c4b5fd}.fill-orange-300{fill:#fdba74}.fill-amber-300{fill:#fcd34d}.fill-emerald-300{fill:#6ee7b7}.fill-sky-300{fill:#7dd3fc}.fill-gray-300{fill:#d1d5db}.fill-white{fill:#fff}.fill-gray-600{fill:#4b5563}.fill-current{fill:currentColor}.fill-slate-600{fill:#475569}.stroke-red-300{stroke:#fca5a5}.stroke-violet-300{stroke:#c4b5fd}.stroke-orange-300{stroke:#fdba74}.stroke-amber-300{stroke:#fcd34d}.stroke-emerald-300{stroke:#6ee7b7}.stroke-sky-300{stroke:#7dd3fc}.stroke-gray-300{stroke:#d1d5db}.stroke-gray-600{stroke:#4b5563}.stroke-current{stroke:currentColor}.stroke-slate-600{stroke:#475569}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-8{padding:2rem}.p-5{padding:1.25rem}.p-4{padding:1rem}.p-2\\.5{padding:.625rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-12{padding-left:3rem;padding-right:3rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.px-16{padding-left:4rem;padding-right:4rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pr-7{padding-right:1.75rem}.pt-16{padding-top:4rem}.pl-2{padding-left:.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pt-1{padding-top:.25rem}.pb-12{padding-bottom:3rem}.pt-3{padding-top:.75rem}.pb-24{padding-bottom:6rem}.pt-4{padding-top:1rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-proxima{font-family:ProximaNova}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\\[0\\.5rem\\]{font-size:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\\[3rem\\]{font-size:3rem}.text-\\[2rem\\]{font-size:2rem}.text-\\[10px\\]{font-size:10px}.text-\\[11\\.5px\\]{font-size:11.5px}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-\\[9px\\]{font-size:9px}.text-\\[11px\\]{font-size:11px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-violet-300{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.text-primary-400{--tw-text-opacity:1;color:rgb(97 218 245/var(--tw-text-opacity))}.text-secondary-600{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.text-secondary-400{--tw-text-opacity:1;color:rgb(78 85 97/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgb(1 112 187/var(--tw-text-opacity))}.text-dark-blue-600{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.text-dark-blue-400{--tw-text-opacity:1;color:rgb(35 42 58/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-sky-blue-400{--tw-text-opacity:1;color:rgb(59 208 242/var(--tw-text-opacity))}.text-mint-400{--tw-text-opacity:1;color:rgb(30 226 175/var(--tw-text-opacity))}.text-gold-400{--tw-text-opacity:1;color:rgb(255 212 77/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-sky-200{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity))}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-2xl,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-gray-400{--tw-shadow-color:#9ca3af;--tw-shadow:var(--tw-shadow-colored)}.drop-shadow-\\[inherit\\]{--tw-drop-shadow:drop-shadow(inherit)}.drop-shadow-\\[inherit\\],.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\\:mr-4::file-selector-button{margin-right:1rem}.file\\:rounded-full::file-selector-button{border-radius:9999px}.file\\:border-0::file-selector-button{border-width:0}.file\\:bg-violet-50::file-selector-button{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity))}.file\\:py-2::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}.file\\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-semibold::file-selector-button{font-weight:600}.file\\:text-violet-700::file-selector-button{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity))}.placeholder\\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.placeholder\\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:left-\\[2px\\]:after{content:var(--tw-content);left:2px}.after\\:top-0:after{content:var(--tw-content);top:0}.after\\:h-5:after{content:var(--tw-content);height:1.25rem}.after\\:w-5:after{content:var(--tw-content);width:1.25rem}.after\\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\\:border:after{border-width:1px;content:var(--tw-content)}.after\\:border-gray-300:after{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));content:var(--tw-content)}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.after\\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\";content:var(--tw-content)}.invalid\\:border-pink-500:invalid{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity))}.invalid\\:text-pink-600:invalid{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity))}.hover\\:border-b-2:hover{border-bottom-width:2px}.hover\\:border-red-400:hover{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.hover\\:border-violet-400:hover{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity))}.hover\\:border-orange-400:hover{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.hover\\:border-amber-400:hover{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity))}.hover\\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.hover\\:border-sky-400:hover{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity))}.hover\\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.hover\\:border-slate-600:hover{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.hover\\:border-sky-600:hover{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.hover\\:border-green-600:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.hover\\:border-primary-600:hover{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.hover\\:border-secondary-600:hover{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.hover\\:border-rose-600:hover{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.hover\\:border-emerald-600:hover{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.hover\\:border-sky-300\\/95:hover{border-color:rgba(125,211,252,.95)}.hover\\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.hover\\:border-dark-blue-600:hover{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.hover\\:border-sky-100:hover{--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity))}.hover\\:border-b-sky-400:hover{--tw-border-opacity:1;border-bottom-color:rgb(56 189 248/var(--tw-border-opacity))}.hover\\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\\:bg-red-300:hover{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.hover\\:bg-violet-200:hover{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.hover\\:bg-violet-300:hover{--tw-bg-opacity:1;background-color:rgb(196 181 253/var(--tw-bg-opacity))}.hover\\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.hover\\:bg-orange-300:hover{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.hover\\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity))}.hover\\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity))}.hover\\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity))}.hover\\:bg-emerald-300:hover{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity))}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.hover\\:bg-sky-300:hover{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.hover\\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.hover\\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.hover\\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.hover\\:bg-secondary-600:hover{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.hover\\:bg-rose-600:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.hover\\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.hover\\:bg-sky-400\\/95:hover{background-color:rgba(56,189,248,.95)}.hover\\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.hover\\:bg-dark-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:bg-sky-50:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.hover\\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\\:bg-sky-400:hover{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.hover\\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\\:stroke-red-400:hover{stroke:#f87171}.hover\\:stroke-violet-400:hover{stroke:#a78bfa}.hover\\:stroke-orange-400:hover{stroke:#fb923c}.hover\\:stroke-amber-400:hover{stroke:#fbbf24}.hover\\:stroke-emerald-400:hover{stroke:#34d399}.hover\\:stroke-sky-400:hover{stroke:#38bdf8}.hover\\:stroke-gray-400:hover{stroke:#9ca3af}.hover\\:font-semibold:hover{font-weight:600}.hover\\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.hover\\:text-violet-400:hover{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity))}.hover\\:text-orange-400:hover{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.hover\\:text-amber-400:hover{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity))}.hover\\:text-emerald-400:hover{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity))}.hover\\:text-sky-400:hover{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.hover\\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.hover\\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.hover\\:text-sky-600:hover{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.hover\\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.hover\\:text-primary-600:hover{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.hover\\:text-secondary-600:hover{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.hover\\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.hover\\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.hover\\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.hover\\:text-dark-blue-600:hover{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:text-slate-400:hover{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.hover\\:text-slate-500:hover{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\\:text-sky-500:hover{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.hover\\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.hover\\:text-rose-400:hover{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.hover\\:text-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.hover\\:text-zinc-500:hover{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:file\\:bg-violet-100::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity))}.hover\\:placeholder\\:text-slate-600:hover::-moz-placeholder{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.hover\\:placeholder\\:text-slate-600:hover::placeholder{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.focus\\:border-sky-600:focus{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.focus\\:border-green-600:focus{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.focus\\:border-primary-600:focus{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.focus\\:border-secondary-600:focus{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.focus\\:border-rose-600:focus{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.focus\\:border-emerald-600:focus{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.focus\\:border-sky-300\\/95:focus{border-color:rgba(125,211,252,.95)}.focus\\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.focus\\:border-dark-blue-600:focus{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.focus\\:border-sky-500:focus{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity))}.focus\\:border-sky-100:focus{--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity))}.focus\\:bg-slate-600:focus{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.focus\\:bg-sky-600:focus{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.focus\\:bg-green-600:focus{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.focus\\:bg-primary-600:focus{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.focus\\:bg-secondary-600:focus{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.focus\\:bg-rose-600:focus{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.focus\\:bg-emerald-600:focus{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.focus\\:bg-blue-600:focus{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.focus\\:bg-dark-blue-600:focus{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.focus\\:bg-gray-50:focus{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.focus\\:text-slate-600:focus{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.focus\\:text-sky-600:focus{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.focus\\:text-green-600:focus{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.focus\\:text-primary-600:focus{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.focus\\:text-secondary-600:focus{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.focus\\:text-rose-600:focus{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.focus\\:text-emerald-600:focus{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.focus\\:text-blue-600:focus{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.focus\\:text-dark-blue-600:focus{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.focus\\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:ring-sky-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity))}.focus\\:ring-sky-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(224 242 254/var(--tw-ring-opacity))}.focus\\:invalid\\:border-pink-500:invalid:focus{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity))}.focus\\:invalid\\:ring-pink-500:invalid:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity))}.active\\:border-slate-600:active{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.active\\:border-sky-600:active{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.active\\:border-green-600:active{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.active\\:border-primary-600:active{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.active\\:border-secondary-600:active{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.active\\:border-rose-600:active{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.active\\:border-emerald-600:active{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.active\\:border-sky-300\\/95:active{border-color:rgba(125,211,252,.95)}.active\\:border-blue-600:active{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.active\\:border-dark-blue-600:active{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.active\\:bg-slate-600:active{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.active\\:bg-sky-600:active{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.active\\:bg-green-600:active{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.active\\:bg-primary-600:active{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.active\\:bg-secondary-600:active{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.active\\:bg-rose-600:active{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.active\\:bg-emerald-600:active{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.active\\:bg-blue-600:active{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.active\\:bg-dark-blue-600:active{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.active\\:bg-gray-50:active{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.active\\:bg-white:active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.active\\:text-slate-600:active{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.active\\:text-sky-600:active{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.active\\:text-green-600:active{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.active\\:text-primary-600:active{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.active\\:text-secondary-600:active{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.active\\:text-rose-600:active{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.active\\:text-emerald-600:active{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.active\\:text-blue-600:active{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.active\\:text-dark-blue-600:active{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.active\\:text-white:active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.disabled\\:border-slate-200:disabled{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.disabled\\:bg-slate-50:disabled{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.disabled\\:text-slate-500:disabled{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.disabled\\:text-gray-600:disabled{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.disabled\\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.peer:checked~.peer-checked\\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.peer:checked~.peer-checked\\:after\\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:after\\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.peer:focus~.peer-focus\\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus~.peer-focus\\:ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity))}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.peer:focus~.dark\\:peer-focus\\:ring-blue-800{--tw-ring-opacity:1;--tw-ring-color:rgb(30 64 175/var(--tw-ring-opacity))}}@media (min-width:640px){.sm\\:flex{display:flex}.sm\\:place-content-between{place-content:space-between}}@media (min-width:768px){.md\\:invisible{visibility:hidden}.md\\:mr-6{margin-right:1.5rem}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:hidden{display:none}.md\\:h-6{height:1.5rem}.md\\:h-\\[24rem\\]{height:24rem}.md\\:w-6{width:1.5rem}.md\\:w-\\[28rem\\]{width:28rem}.md\\:w-\\[40rem\\]{width:40rem}.md\\:w-\\[30rem\\]{width:30rem}.md\\:w-\\[20rem\\]{width:20rem}.md\\:w-\\[24rem\\]{width:24rem}.md\\:w-\\[16rem\\]{width:16rem}.md\\:w-\\[32rem\\]{width:32rem}.md\\:w-max{width:-moz-max-content;width:max-content}.md\\:w-\\[50rem\\]{width:50rem}.md\\:min-w-\\[30rem\\]{min-width:30rem}.md\\:max-w-\\[22rem\\]{max-width:22rem}.md\\:max-w-\\[30rem\\]{max-width:30rem}.md\\:max-w-\\[40rem\\]{max-width:40rem}.md\\:scale-\\[1\\.2\\]{--tw-scale-x:1.2;--tw-scale-y:1.2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-start{align-items:flex-start}.md\\:items-center{align-items:center}.md\\:justify-between{justify-content:space-between}.md\\:border-b{border-bottom-width:1px}.md\\:p-1\\.5{padding:.375rem}.md\\:p-1{padding:.25rem}.md\\:px-2{padding-left:.5rem;padding-right:.5rem}.md\\:text-sm{font-size:.875rem;line-height:1.25rem}.md\\:shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\\:sticky{position:sticky}.lg\\:top-0{top:0}.lg\\:top-2{top:.5rem}.lg\\:right-3{right:.75rem}.lg\\:col-span-2{grid-column:span 2/span 2}.lg\\:mt-0{margin-top:0}.lg\\:inline-block{display:inline-block}.lg\\:flex{display:flex}.lg\\:h-screen{height:100vh}.lg\\:h-\\[22rem\\]{height:22rem}.lg\\:h-32{height:8rem}.lg\\:h-4{height:1rem}.lg\\:h-\\[18rem\\]{height:18rem}.lg\\:h-\\[5\\.5rem\\]{height:5.5rem}.lg\\:min-h-24{min-height:6rem}.lg\\:w-\\[230px\\]{width:230px}.lg\\:w-32{width:8rem}.lg\\:w-4{width:1rem}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:gap-2{gap:.5rem}.lg\\:gap-1{gap:.25rem}.lg\\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.lg\\:gap-y-3{row-gap:.75rem}.lg\\:self-start{align-self:flex-start}.lg\\:overflow-y-auto{overflow-y:auto}.lg\\:px-0{padding-left:0;padding-right:0}.lg\\:px-36{padding-left:9rem;padding-right:9rem}.lg\\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\\:px-56{padding-left:14rem;padding-right:14rem}.lg\\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\\:text-4xl{font-size:2.25rem;line-height:2.5rem}}";
|
|
56
|
+
var css_248z = "@font-face{font-family:ProximaNova;src:url(https://cdn.localcivics.io/fonts/ProximaNova.otf) format(\"opentype\")}@font-face{font-family:ProximaNova;font-weight:700;src:url(https://cdn.localcivics.io/fonts/ProximaNovaBold.otf) format(\"opentype\")}\n\n/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-0{bottom:0;top:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.bottom-1\\/4{bottom:25%}.top-11{top:2.75rem}.top-4{top:1rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-5{bottom:1.25rem}.right-5{right:1.25rem}.bottom-20{bottom:5rem}.right-14{right:3.5rem}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.-right-0{right:0}.-top-0{top:0}.z-10{z-index:10}.z-30{z-index:30}.-z-30{z-index:-30}.-z-10{z-index:-10}.z-40{z-index:40}.col-span-2{grid-column:span 2/span 2}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.m-auto{margin:auto}.m-3{margin:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.-ml-1{margin-left:-.25rem}.mt-2{margin-top:.5rem}.-mb-\\[3rem\\]{margin-bottom:-3rem}.mt-5{margin-top:1.25rem}.-mt-4{margin-top:-1rem}.mt-4{margin-top:1rem}.ml-3{margin-left:.75rem}.ml-2{margin-left:.5rem}.-mt-1\\.5{margin-top:-.375rem}.-mt-1{margin-top:-.25rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.-mt-6{margin-top:-1.5rem}.ml-auto{margin-left:auto}.mt-auto{margin-top:auto}.mb-3{margin-bottom:.75rem}.mt-1\\.5{margin-top:.375rem}.mt-0\\.5{margin-top:.125rem}.mt-0{margin-top:0}.mb-1\\.5{margin-bottom:.375rem}.mb-1{margin-bottom:.25rem}.-mb-7{margin-bottom:-1.75rem}.-ml-2{margin-left:-.5rem}.mb-4{margin-bottom:1rem}.ml-5{margin-left:1.25rem}.mr-1{margin-right:.25rem}.mt-3{margin-top:.75rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\\!contents{display:contents!important}.hidden{display:none}.h-1{height:.25rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-screen{height:100vh}.h-24{height:6rem}.h-9{height:2.25rem}.h-full{height:100%}.h-8{height:2rem}.h-16{height:4rem}.h-60{height:15rem}.h-\\[22rem\\]{height:22rem}.h-28{height:7rem}.h-\\[16rem\\]{height:16rem}.h-14{height:3.5rem}.h-\\[18rem\\]{height:18rem}.h-3\\.5{height:.875rem}.h-\\[12rem\\]{height:12rem}.h-\\[6rem\\]{height:6rem}.h-96{height:24rem}.h-max{height:-moz-max-content;height:max-content}.h-2{height:.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-10{height:2.5rem}.h-1\\.5{height:.375rem}.h-2\\.5{height:.625rem}.h-\\[18px\\]{height:18px}.h-\\[30px\\]{height:30px}.h-\\[5px\\]{height:5px}.max-h-\\[24rem\\]{max-height:24rem}.max-h-\\[12rem\\]{max-height:12rem}.max-h-\\[20rem\\]{max-height:20rem}.max-h-\\[30rem\\]{max-height:30rem}.max-h-\\[18rem\\]{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\\[25rem\\]{max-height:25rem}.max-h-\\[14rem\\]{max-height:14rem}.min-h-16{min-height:4rem}.min-h-96{min-height:24rem}.min-h-\\[20rem\\]{min-height:20rem}.min-h-5{min-height:1.25rem}.min-h-48{min-height:12rem}.w-full{width:100%}.w-1{width:.25rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-28{width:7rem}.w-6{width:1.5rem}.w-36{width:9rem}.w-7{width:1.75rem}.w-screen{width:100vw}.w-60{width:15rem}.w-9{width:2.25rem}.w-8{width:2rem}.w-11{width:2.75rem}.w-48{width:12rem}.w-\\[17\\.7rem\\]{width:17.7rem}.w-\\[16\\.7rem\\]{width:16.7rem}.w-max{width:-moz-max-content;width:max-content}.w-14{width:3.5rem}.w-\\[14rem\\]{width:14rem}.w-16{width:4rem}.w-3\\.5{width:.875rem}.w-96{width:24rem}.w-\\[18rem\\]{width:18rem}.w-44{width:11rem}.w-24{width:6rem}.w-40{width:10rem}.w-10{width:2.5rem}.w-\\[18px\\]{width:18px}.w-\\[230px\\]{width:230px}.w-2\\.5{width:.625rem}.w-2{width:.5rem}.w-\\[30px\\]{width:30px}.w-\\[5px\\]{width:5px}.min-w-6{min-width:1.5rem}.min-w-64{min-width:16rem}.min-w-3{min-width:.75rem}.min-w-0{min-width:0}.min-w-\\[35rem\\]{min-width:35rem}.max-w-\\[64rem\\]{max-width:64rem}.max-w-xs{max-width:20rem}.max-w-\\[62\\.5rem\\]{max-width:62.5rem}.max-w-\\[12rem\\]{max-width:12rem}.max-w-full{max-width:100%}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[18rem\\]{max-width:18rem}.max-w-\\[20rem\\]{max-width:20rem}.max-w-\\[40rem\\]{max-width:40rem}.max-w-\\[7rem\\]{max-width:7rem}.max-w-\\[22rem\\]{max-width:22rem}.max-w-lg{max-width:32rem}.max-w-\\[25rem\\]{max-width:25rem}.max-w-md{max-width:28rem}.max-w-\\[50rem\\]{max-width:50rem}.max-w-3xl{max-width:48rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.-translate-y-3\\.5{--tw-translate-y:-0.875rem}.-translate-y-3,.-translate-y-3\\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-3{--tw-translate-y:-0.75rem}.scale-\\[0\\.9\\]{--tw-scale-x:0.9;--tw-scale-y:0.9}.scale-\\[0\\.50\\],.scale-\\[0\\.9\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[0\\.50\\]{--tw-scale-x:0.50;--tw-scale-y:0.50}.scale-\\[0\\.75\\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.scale-\\[0\\.75\\],.scale-\\[1\\.25\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[1\\.25\\]{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-\\[1\\.50\\]{--tw-scale-x:1.50;--tw-scale-y:1.50}.scale-\\[1\\.50\\],.scale-\\[1\\.75\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[1\\.75\\]{--tw-scale-x:1.75;--tw-scale-y:1.75}.scale-\\[2\\.00\\]{--tw-scale-x:2.00;--tw-scale-y:2.00}.scale-\\[2\\.00\\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-1{gap:.25rem}.gap-8{gap:2rem}.gap-7{gap:1.75rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-2\\.5{gap:.625rem}.gap-10{gap:2.5rem}.gap-3\\.5{gap:.875rem}.gap-0\\.5{gap:.125rem}.gap-0{gap:0}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-6{row-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-12{row-gap:3rem}.gap-y-8{row-gap:2rem}.gap-y-3{row-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-\\[10px\\]{border-radius:10px}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.border-violet-300{--tw-border-opacity:1;border-color:rgb(196 181 253/var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity))}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity))}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity))}.border-sky-300{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.border-sky-400{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity))}.border-sky-600{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.border-primary-600{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.border-primary-400{--tw-border-opacity:1;border-color:rgb(97 218 245/var(--tw-border-opacity))}.border-secondary-600{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.border-secondary-400{--tw-border-opacity:1;border-color:rgb(78 85 97/var(--tw-border-opacity))}.border-rose-600{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-emerald-600{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.border-sky-400\\/95{border-color:rgba(56,189,248,.95)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(1 112 187/var(--tw-border-opacity))}.border-dark-blue-600{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.border-dark-blue-400{--tw-border-opacity:1;border-color:rgb(35 42 58/var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.border-gold-400\\/20{border-color:rgba(255,212,77,.2)}.border-sky-blue-400\\/20{border-color:rgba(59,208,242,.2)}.border-sky-blue-400\\/30{border-color:rgba(59,208,242,.3)}.border-mint-400\\/30{border-color:rgba(30,226,175,.3)}.border-gold-400\\/30{border-color:rgba(255,212,77,.3)}.border-mint-400\\/20{border-color:rgba(30,226,175,.2)}.border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-b-sky-400{--tw-border-opacity:1;border-bottom-color:rgb(56 189 248/var(--tw-border-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.bg-violet-200{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.bg-violet-300{--tw-bg-opacity:1;background-color:rgb(196 181 253/var(--tw-bg-opacity))}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity))}.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity))}.bg-emerald-200{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity))}.bg-emerald-300{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.bg-sky-300{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity))}.bg-primary-600{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.bg-primary-400{--tw-bg-opacity:1;background-color:rgb(97 218 245/var(--tw-bg-opacity))}.bg-secondary-600{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.bg-secondary-400{--tw-bg-opacity:1;background-color:rgb(78 85 97/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity))}.bg-sky-400\\/95{background-color:rgba(56,189,248,.95)}.bg-slate-50\\/95{background-color:rgba(248,250,252,.95)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(1 112 187/var(--tw-bg-opacity))}.bg-dark-blue-600{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.bg-dark-blue-400{--tw-bg-opacity:1;background-color:rgb(35 42 58/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-500\\/75{background-color:hsla(220,9%,46%,.75)}.bg-gray-300\\/75{background-color:rgba(209,213,219,.75)}.bg-sky-blue-200{--tw-bg-opacity:1;background-color:rgb(163 228 243/var(--tw-bg-opacity))}.bg-sky-blue-400{--tw-bg-opacity:1;background-color:rgb(59 208 242/var(--tw-bg-opacity))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.bg-gray-800\\/75{background-color:rgba(31,41,55,.75)}.bg-cyan-400{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-mint-400{--tw-bg-opacity:1;background-color:rgb(30 226 175/var(--tw-bg-opacity))}.bg-sky-blue-400\\/10{background-color:rgba(59,208,242,.1)}.bg-gray-200\\/75{background-color:rgba(229,231,235,.75)}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-zinc-50\\/30{background-color:hsla(0,0%,98%,.3)}.bg-transparent{background-color:transparent}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-sky-blue-400\\/25{background-color:rgba(59,208,242,.25)}.bg-mint-400\\/25{background-color:rgba(30,226,175,.25)}.bg-gold-400\\/25{background-color:rgba(255,212,77,.25)}.bg-gold-400{--tw-bg-opacity:1;background-color:rgb(255 212 77/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-\\[linear-gradient\\(150deg\\2c \\#EEF9FF_0\\%\\2c \\#F0FEFA_40\\%\\2c \\#FFFBEA_100\\%\\)\\]{background-image:linear-gradient(150deg,#eef9ff,#f0fefa 40%,#fffbea)}.from-gold-400{--tw-gradient-from:#ffd44d;--tw-gradient-to:rgba(255,212,77,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-blue-400{--tw-gradient-from:#3bd0f2;--tw-gradient-to:rgba(59,208,242,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-mint-400{--tw-gradient-to:rgba(30,226,175,0);--tw-gradient-stops:var(--tw-gradient-from),#1ee2af,var(--tw-gradient-to)}.to-sky-blue-400{--tw-gradient-to:#3bd0f2}.to-gold-400{--tw-gradient-to:#ffd44d}.to-mint-400{--tw-gradient-to:#1ee2af}.fill-red-300{fill:#fca5a5}.fill-violet-300{fill:#c4b5fd}.fill-orange-300{fill:#fdba74}.fill-amber-300{fill:#fcd34d}.fill-emerald-300{fill:#6ee7b7}.fill-sky-300{fill:#7dd3fc}.fill-gray-300{fill:#d1d5db}.fill-white{fill:#fff}.fill-gray-600{fill:#4b5563}.fill-current{fill:currentColor}.fill-slate-600{fill:#475569}.stroke-red-300{stroke:#fca5a5}.stroke-violet-300{stroke:#c4b5fd}.stroke-orange-300{stroke:#fdba74}.stroke-amber-300{stroke:#fcd34d}.stroke-emerald-300{stroke:#6ee7b7}.stroke-sky-300{stroke:#7dd3fc}.stroke-gray-300{stroke:#d1d5db}.stroke-gray-600{stroke:#4b5563}.stroke-current{stroke:currentColor}.stroke-slate-600{stroke:#475569}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-8{padding:2rem}.p-5{padding:1.25rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-2\\.5{padding:.625rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-12{padding-left:3rem;padding-right:3rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.px-16{padding-left:4rem;padding-right:4rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pr-7{padding-right:1.75rem}.pt-16{padding-top:4rem}.pl-2{padding-left:.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pt-1{padding-top:.25rem}.pb-12{padding-bottom:3rem}.pt-4{padding-top:1rem}.pt-3{padding-top:.75rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-proxima{font-family:ProximaNova}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\\[0\\.5rem\\]{font-size:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\\[3rem\\]{font-size:3rem}.text-\\[2rem\\]{font-size:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\\[10px\\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-\\[9px\\]{font-size:9px}.text-\\[11px\\]{font-size:11px}.text-\\[11\\.5px\\]{font-size:11.5px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-violet-300{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.text-primary-400{--tw-text-opacity:1;color:rgb(97 218 245/var(--tw-text-opacity))}.text-secondary-600{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.text-secondary-400{--tw-text-opacity:1;color:rgb(78 85 97/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgb(1 112 187/var(--tw-text-opacity))}.text-dark-blue-600{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.text-dark-blue-400{--tw-text-opacity:1;color:rgb(35 42 58/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-sky-200{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity))}.text-gold-400{--tw-text-opacity:1;color:rgb(255 212 77/var(--tw-text-opacity))}.text-mint-400{--tw-text-opacity:1;color:rgb(30 226 175/var(--tw-text-opacity))}.text-sky-blue-400{--tw-text-opacity:1;color:rgb(59 208 242/var(--tw-text-opacity))}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-2xl,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_4px_20px_rgba\\(255\\2c 212\\2c 77\\2c 0\\.12\\)\\]{--tw-shadow:0 4px 20px rgba(255,212,77,.12);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_4px_20px_rgba\\(59\\2c 208\\2c 242\\2c 0\\.10\\)\\]{--tw-shadow:0 4px 20px rgba(59,208,242,.1);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_4px_24px_rgba\\(59\\2c 208\\2c 242\\2c 0\\.10\\)\\]{--tw-shadow:0 4px 24px rgba(59,208,242,.1);--tw-shadow-colored:0 4px 24px var(--tw-shadow-color)}.shadow-\\[0_4px_24px_rgba\\(59\\2c 208\\2c 242\\2c 0\\.10\\)\\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-\\[0_0_8px_rgba\\(30\\2c 226\\2c 175\\2c 0\\.6\\)\\]{--tw-shadow:0 0 8px rgba(30,226,175,.6);--tw-shadow-colored:0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_2px_12px_rgba\\(59\\2c 208\\2c 242\\2c 0\\.12\\)\\]{--tw-shadow:0 2px 12px rgba(59,208,242,.12);--tw-shadow-colored:0 2px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_2px_12px_rgba\\(30\\2c 226\\2c 175\\2c 0\\.12\\)\\]{--tw-shadow:0 2px 12px rgba(30,226,175,.12);--tw-shadow-colored:0 2px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_2px_12px_rgba\\(255\\2c 212\\2c 77\\2c 0\\.12\\)\\]{--tw-shadow:0 2px 12px rgba(255,212,77,.12);--tw-shadow-colored:0 2px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_2px_10px_rgba\\(30\\2c 226\\2c 175\\2c 0\\.15\\)\\]{--tw-shadow:0 2px 10px rgba(30,226,175,.15);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_8px_rgba\\(59\\2c 208\\2c 242\\2c 0\\.5\\)\\]{--tw-shadow:0 0 8px rgba(59,208,242,.5);--tw-shadow-colored:0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_8px_rgba\\(30\\2c 226\\2c 175\\2c 0\\.5\\)\\]{--tw-shadow:0 0 8px rgba(30,226,175,.5);--tw-shadow-colored:0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_8px_rgba\\(255\\2c 212\\2c 77\\2c 0\\.5\\)\\]{--tw-shadow:0 0 8px rgba(255,212,77,.5);--tw-shadow-colored:0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_2px_10px_rgba\\(59\\2c 208\\2c 242\\2c 0\\.08\\)\\]{--tw-shadow:0 2px 10px rgba(59,208,242,.08);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-gray-400{--tw-shadow-color:#9ca3af;--tw-shadow:var(--tw-shadow-colored)}.drop-shadow-\\[inherit\\]{--tw-drop-shadow:drop-shadow(inherit)}.drop-shadow-\\[inherit\\],.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\\:mr-4::file-selector-button{margin-right:1rem}.file\\:rounded-full::file-selector-button{border-radius:9999px}.file\\:border-0::file-selector-button{border-width:0}.file\\:bg-violet-50::file-selector-button{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity))}.file\\:py-2::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}.file\\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-semibold::file-selector-button{font-weight:600}.file\\:text-violet-700::file-selector-button{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity))}.placeholder\\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.placeholder\\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:left-\\[2px\\]:after{content:var(--tw-content);left:2px}.after\\:top-0:after{content:var(--tw-content);top:0}.after\\:h-5:after{content:var(--tw-content);height:1.25rem}.after\\:w-5:after{content:var(--tw-content);width:1.25rem}.after\\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\\:border:after{border-width:1px;content:var(--tw-content)}.after\\:border-gray-300:after{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));content:var(--tw-content)}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.after\\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\";content:var(--tw-content)}.invalid\\:border-pink-500:invalid{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity))}.invalid\\:text-pink-600:invalid{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity))}.hover\\:border-b-2:hover{border-bottom-width:2px}.hover\\:border-red-400:hover{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.hover\\:border-violet-400:hover{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity))}.hover\\:border-orange-400:hover{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.hover\\:border-amber-400:hover{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity))}.hover\\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.hover\\:border-sky-400:hover{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity))}.hover\\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.hover\\:border-slate-600:hover{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.hover\\:border-sky-600:hover{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.hover\\:border-green-600:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.hover\\:border-primary-600:hover{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.hover\\:border-secondary-600:hover{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.hover\\:border-rose-600:hover{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.hover\\:border-emerald-600:hover{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.hover\\:border-sky-300\\/95:hover{border-color:rgba(125,211,252,.95)}.hover\\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.hover\\:border-dark-blue-600:hover{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.hover\\:border-sky-100:hover{--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity))}.hover\\:border-b-sky-400:hover{--tw-border-opacity:1;border-bottom-color:rgb(56 189 248/var(--tw-border-opacity))}.hover\\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\\:bg-red-300:hover{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.hover\\:bg-violet-200:hover{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.hover\\:bg-violet-300:hover{--tw-bg-opacity:1;background-color:rgb(196 181 253/var(--tw-bg-opacity))}.hover\\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.hover\\:bg-orange-300:hover{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.hover\\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity))}.hover\\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity))}.hover\\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity))}.hover\\:bg-emerald-300:hover{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity))}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.hover\\:bg-sky-300:hover{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.hover\\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.hover\\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.hover\\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.hover\\:bg-secondary-600:hover{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.hover\\:bg-rose-600:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.hover\\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.hover\\:bg-sky-400\\/95:hover{background-color:rgba(56,189,248,.95)}.hover\\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.hover\\:bg-dark-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:bg-sky-50:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.hover\\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\\:bg-sky-400:hover{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.hover\\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.hover\\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\\:stroke-red-400:hover{stroke:#f87171}.hover\\:stroke-violet-400:hover{stroke:#a78bfa}.hover\\:stroke-orange-400:hover{stroke:#fb923c}.hover\\:stroke-amber-400:hover{stroke:#fbbf24}.hover\\:stroke-emerald-400:hover{stroke:#34d399}.hover\\:stroke-sky-400:hover{stroke:#38bdf8}.hover\\:stroke-gray-400:hover{stroke:#9ca3af}.hover\\:font-semibold:hover{font-weight:600}.hover\\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.hover\\:text-violet-400:hover{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity))}.hover\\:text-orange-400:hover{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.hover\\:text-amber-400:hover{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity))}.hover\\:text-emerald-400:hover{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity))}.hover\\:text-sky-400:hover{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.hover\\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.hover\\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.hover\\:text-sky-600:hover{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.hover\\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.hover\\:text-primary-600:hover{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.hover\\:text-secondary-600:hover{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.hover\\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.hover\\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.hover\\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.hover\\:text-dark-blue-600:hover{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:text-slate-400:hover{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.hover\\:text-slate-500:hover{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\\:text-sky-500:hover{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.hover\\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.hover\\:text-rose-400:hover{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.hover\\:text-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.hover\\:text-zinc-500:hover{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:file\\:bg-violet-100::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity))}.hover\\:placeholder\\:text-slate-600:hover::-moz-placeholder{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.hover\\:placeholder\\:text-slate-600:hover::placeholder{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.focus\\:border-sky-600:focus{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.focus\\:border-green-600:focus{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.focus\\:border-primary-600:focus{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.focus\\:border-secondary-600:focus{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.focus\\:border-rose-600:focus{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.focus\\:border-emerald-600:focus{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.focus\\:border-sky-300\\/95:focus{border-color:rgba(125,211,252,.95)}.focus\\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.focus\\:border-dark-blue-600:focus{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.focus\\:border-sky-500:focus{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity))}.focus\\:border-sky-100:focus{--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity))}.focus\\:bg-slate-600:focus{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.focus\\:bg-sky-600:focus{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.focus\\:bg-green-600:focus{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.focus\\:bg-primary-600:focus{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.focus\\:bg-secondary-600:focus{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.focus\\:bg-rose-600:focus{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.focus\\:bg-emerald-600:focus{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.focus\\:bg-blue-600:focus{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.focus\\:bg-dark-blue-600:focus{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.focus\\:bg-gray-50:focus{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.focus\\:text-slate-600:focus{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.focus\\:text-sky-600:focus{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.focus\\:text-green-600:focus{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.focus\\:text-primary-600:focus{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.focus\\:text-secondary-600:focus{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.focus\\:text-rose-600:focus{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.focus\\:text-emerald-600:focus{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.focus\\:text-blue-600:focus{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.focus\\:text-dark-blue-600:focus{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.focus\\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:ring-sky-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity))}.focus\\:ring-sky-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(224 242 254/var(--tw-ring-opacity))}.focus\\:invalid\\:border-pink-500:invalid:focus{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity))}.focus\\:invalid\\:ring-pink-500:invalid:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity))}.active\\:border-slate-600:active{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.active\\:border-sky-600:active{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.active\\:border-green-600:active{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.active\\:border-primary-600:active{--tw-border-opacity:1;border-color:rgb(58 209 242/var(--tw-border-opacity))}.active\\:border-secondary-600:active{--tw-border-opacity:1;border-color:rgb(34 42 57/var(--tw-border-opacity))}.active\\:border-rose-600:active{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.active\\:border-emerald-600:active{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.active\\:border-sky-300\\/95:active{border-color:rgba(125,211,252,.95)}.active\\:border-blue-600:active{--tw-border-opacity:1;border-color:rgb(1 95 159/var(--tw-border-opacity))}.active\\:border-dark-blue-600:active{--tw-border-opacity:1;border-color:rgb(10 15 46/var(--tw-border-opacity))}.active\\:bg-slate-600:active{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.active\\:bg-sky-600:active{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.active\\:bg-green-600:active{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.active\\:bg-primary-600:active{--tw-bg-opacity:1;background-color:rgb(58 209 242/var(--tw-bg-opacity))}.active\\:bg-secondary-600:active{--tw-bg-opacity:1;background-color:rgb(34 42 57/var(--tw-bg-opacity))}.active\\:bg-rose-600:active{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.active\\:bg-emerald-600:active{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.active\\:bg-blue-600:active{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.active\\:bg-dark-blue-600:active{--tw-bg-opacity:1;background-color:rgb(10 15 46/var(--tw-bg-opacity))}.active\\:bg-gray-50:active{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.active\\:bg-white:active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.active\\:text-slate-600:active{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.active\\:text-sky-600:active{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.active\\:text-green-600:active{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.active\\:text-primary-600:active{--tw-text-opacity:1;color:rgb(58 209 242/var(--tw-text-opacity))}.active\\:text-secondary-600:active{--tw-text-opacity:1;color:rgb(34 42 57/var(--tw-text-opacity))}.active\\:text-rose-600:active{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.active\\:text-emerald-600:active{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.active\\:text-blue-600:active{--tw-text-opacity:1;color:rgb(1 95 159/var(--tw-text-opacity))}.active\\:text-dark-blue-600:active{--tw-text-opacity:1;color:rgb(10 15 46/var(--tw-text-opacity))}.active\\:text-white:active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.disabled\\:border-slate-200:disabled{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.disabled\\:bg-slate-50:disabled{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.disabled\\:text-slate-500:disabled{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.disabled\\:text-gray-600:disabled{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.disabled\\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.peer:checked~.peer-checked\\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(1 95 159/var(--tw-bg-opacity))}.peer:checked~.peer-checked\\:after\\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:after\\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.peer:focus~.peer-focus\\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus~.peer-focus\\:ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity))}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.peer:focus~.dark\\:peer-focus\\:ring-blue-800{--tw-ring-opacity:1;--tw-ring-color:rgb(30 64 175/var(--tw-ring-opacity))}}@media (min-width:640px){.sm\\:flex{display:flex}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:place-content-between{place-content:space-between}}@media (min-width:768px){.md\\:invisible{visibility:hidden}.md\\:mr-6{margin-right:1.5rem}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:hidden{display:none}.md\\:h-6{height:1.5rem}.md\\:h-\\[24rem\\]{height:24rem}.md\\:w-6{width:1.5rem}.md\\:w-\\[28rem\\]{width:28rem}.md\\:w-\\[40rem\\]{width:40rem}.md\\:w-\\[30rem\\]{width:30rem}.md\\:w-\\[20rem\\]{width:20rem}.md\\:w-\\[24rem\\]{width:24rem}.md\\:w-\\[16rem\\]{width:16rem}.md\\:w-\\[32rem\\]{width:32rem}.md\\:w-max{width:-moz-max-content;width:max-content}.md\\:w-\\[50rem\\]{width:50rem}.md\\:min-w-\\[30rem\\]{min-width:30rem}.md\\:max-w-\\[22rem\\]{max-width:22rem}.md\\:max-w-\\[30rem\\]{max-width:30rem}.md\\:max-w-\\[40rem\\]{max-width:40rem}.md\\:scale-\\[1\\.2\\]{--tw-scale-x:1.2;--tw-scale-y:1.2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-start{align-items:flex-start}.md\\:items-center{align-items:center}.md\\:justify-between{justify-content:space-between}.md\\:border-b{border-bottom-width:1px}.md\\:p-1\\.5{padding:.375rem}.md\\:p-1{padding:.25rem}.md\\:px-2{padding-left:.5rem;padding-right:.5rem}.md\\:text-sm{font-size:.875rem;line-height:1.25rem}.md\\:shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\\:sticky{position:sticky}.lg\\:top-0{top:0}.lg\\:top-2{top:.5rem}.lg\\:right-3{right:.75rem}.lg\\:col-span-2{grid-column:span 2/span 2}.lg\\:mt-0{margin-top:0}.lg\\:inline-block{display:inline-block}.lg\\:flex{display:flex}.lg\\:h-screen{height:100vh}.lg\\:h-\\[22rem\\]{height:22rem}.lg\\:h-32{height:8rem}.lg\\:h-4{height:1rem}.lg\\:h-\\[18rem\\]{height:18rem}.lg\\:h-\\[5\\.5rem\\]{height:5.5rem}.lg\\:min-h-24{min-height:6rem}.lg\\:w-\\[230px\\]{width:230px}.lg\\:w-32{width:8rem}.lg\\:w-4{width:1rem}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:gap-2{gap:.5rem}.lg\\:gap-1{gap:.25rem}.lg\\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.lg\\:gap-y-3{row-gap:.75rem}.lg\\:self-start{align-self:flex-start}.lg\\:overflow-y-auto{overflow-y:auto}.lg\\:px-0{padding-left:0;padding-right:0}.lg\\:px-36{padding-left:9rem;padding-right:9rem}.lg\\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\\:px-56{padding-left:14rem;padding-right:14rem}.lg\\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\\:text-4xl{font-size:2.25rem;line-height:2.5rem}}";
|
|
57
57
|
styleInject(css_248z);
|
|
58
58
|
|
|
59
59
|
const builder = (base = "", precondition) => {
|
|
@@ -954,19 +954,19 @@ const sprite = {
|
|
|
954
954
|
}
|
|
955
955
|
};
|
|
956
956
|
|
|
957
|
-
var __defProp$
|
|
958
|
-
var __getOwnPropSymbols$
|
|
959
|
-
var __hasOwnProp$
|
|
960
|
-
var __propIsEnum$
|
|
961
|
-
var __defNormalProp$
|
|
962
|
-
var __spreadValues$
|
|
957
|
+
var __defProp$l = Object.defineProperty;
|
|
958
|
+
var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
|
|
959
|
+
var __hasOwnProp$l = Object.prototype.hasOwnProperty;
|
|
960
|
+
var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
|
|
961
|
+
var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
962
|
+
var __spreadValues$l = (a, b) => {
|
|
963
963
|
for (var prop in b || (b = {}))
|
|
964
|
-
if (__hasOwnProp$
|
|
965
|
-
__defNormalProp$
|
|
966
|
-
if (__getOwnPropSymbols$
|
|
967
|
-
for (var prop of __getOwnPropSymbols$
|
|
968
|
-
if (__propIsEnum$
|
|
969
|
-
__defNormalProp$
|
|
964
|
+
if (__hasOwnProp$l.call(b, prop))
|
|
965
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
966
|
+
if (__getOwnPropSymbols$l)
|
|
967
|
+
for (var prop of __getOwnPropSymbols$l(b)) {
|
|
968
|
+
if (__propIsEnum$l.call(b, prop))
|
|
969
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
970
970
|
}
|
|
971
971
|
return a;
|
|
972
972
|
};
|
|
@@ -985,9 +985,9 @@ const Icon$1 = (props) => {
|
|
|
985
985
|
},
|
|
986
986
|
/* @__PURE__ */ React.createElement("title", null, props.name),
|
|
987
987
|
contents.map((v, k) => {
|
|
988
|
-
return v.d && /* @__PURE__ */ React.createElement("path", __spreadValues$
|
|
988
|
+
return v.d && /* @__PURE__ */ React.createElement("path", __spreadValues$l({ key: k }, v));
|
|
989
989
|
}),
|
|
990
|
-
contents.map((v, k) => v.r && /* @__PURE__ */ React.createElement("circle", __spreadValues$
|
|
990
|
+
contents.map((v, k) => v.r && /* @__PURE__ */ React.createElement("circle", __spreadValues$l({ key: k }, v)))
|
|
991
991
|
);
|
|
992
992
|
};
|
|
993
993
|
|
|
@@ -1573,25 +1573,25 @@ const ActivityItem = (props) => {
|
|
|
1573
1573
|
return /* @__PURE__ */ React__namespace.createElement("div", { onClick: props.onClick, className: "grow cursor-pointer relative rounded-md min-w-64 h-[22rem] overflow-hidden" }, /* @__PURE__ */ React__namespace.createElement("img", { className: "h-full w-full object-cover", alt: props.headline, src: props.imageURL }), /* @__PURE__ */ React__namespace.createElement("div", { className: "absolute bottom-0 w-full" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5 bg-gray-800/75 w-full" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "text-sm font-bold text-white w-full" }, props.headline), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-2 flex items-center gap-x-2 w-full" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex-shrink-0 w-6 h-6 text-white fill-white" }, /* @__PURE__ */ React__namespace.createElement(Icon$1, { name: props.pathway || "globe" })), props.pathway && /* @__PURE__ */ React__namespace.createElement("span", { className: "grow" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "text-sm font-medium capitalize text-white w-full" }, props.pathway)), props.xp && /* @__PURE__ */ React__namespace.createElement("div", { className: "text-slate-600 shadow-md whitespace-nowrap font-bold rounded-md text-sm px-5 py-2 bg-cyan-400" }, props.xp, " pts")))));
|
|
1574
1574
|
};
|
|
1575
1575
|
|
|
1576
|
-
var __defProp$
|
|
1577
|
-
var __defProps$
|
|
1578
|
-
var __getOwnPropDescs$
|
|
1579
|
-
var __getOwnPropSymbols$
|
|
1580
|
-
var __hasOwnProp$
|
|
1581
|
-
var __propIsEnum$
|
|
1582
|
-
var __defNormalProp$
|
|
1583
|
-
var __spreadValues$
|
|
1576
|
+
var __defProp$k = Object.defineProperty;
|
|
1577
|
+
var __defProps$e = Object.defineProperties;
|
|
1578
|
+
var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
|
|
1579
|
+
var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
|
|
1580
|
+
var __hasOwnProp$k = Object.prototype.hasOwnProperty;
|
|
1581
|
+
var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
|
|
1582
|
+
var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1583
|
+
var __spreadValues$k = (a, b) => {
|
|
1584
1584
|
for (var prop in b || (b = {}))
|
|
1585
|
-
if (__hasOwnProp$
|
|
1586
|
-
__defNormalProp$
|
|
1587
|
-
if (__getOwnPropSymbols$
|
|
1588
|
-
for (var prop of __getOwnPropSymbols$
|
|
1589
|
-
if (__propIsEnum$
|
|
1590
|
-
__defNormalProp$
|
|
1585
|
+
if (__hasOwnProp$k.call(b, prop))
|
|
1586
|
+
__defNormalProp$k(a, prop, b[prop]);
|
|
1587
|
+
if (__getOwnPropSymbols$k)
|
|
1588
|
+
for (var prop of __getOwnPropSymbols$k(b)) {
|
|
1589
|
+
if (__propIsEnum$k.call(b, prop))
|
|
1590
|
+
__defNormalProp$k(a, prop, b[prop]);
|
|
1591
1591
|
}
|
|
1592
1592
|
return a;
|
|
1593
1593
|
};
|
|
1594
|
-
var __spreadProps$
|
|
1594
|
+
var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
|
|
1595
1595
|
const TagFilter = (props) => {
|
|
1596
1596
|
const timeTags = ["15 min", "30 min", "45 min", "60 min"];
|
|
1597
1597
|
const skillTags = ["Civic", "College", "Academic", "Personal"];
|
|
@@ -1603,12 +1603,12 @@ const TagFilter = (props) => {
|
|
|
1603
1603
|
const [active, setActive] = React.useState(init);
|
|
1604
1604
|
const onTagClick = (tag) => {
|
|
1605
1605
|
if (active[tag]) {
|
|
1606
|
-
setActive(__spreadProps$
|
|
1607
|
-
const tags = Object.entries(__spreadProps$
|
|
1606
|
+
setActive(__spreadProps$e(__spreadValues$k({}, active), { [tag]: false }));
|
|
1607
|
+
const tags = Object.entries(__spreadProps$e(__spreadValues$k({}, active), { [tag]: false })).filter(([, active2]) => active2).map(([tag2]) => tag2);
|
|
1608
1608
|
props.onChange && props.onChange(tags);
|
|
1609
1609
|
} else {
|
|
1610
|
-
setActive(__spreadProps$
|
|
1611
|
-
const tags = Object.entries(__spreadProps$
|
|
1610
|
+
setActive(__spreadProps$e(__spreadValues$k({}, active), { [tag]: true }));
|
|
1611
|
+
const tags = Object.entries(__spreadProps$e(__spreadValues$k({}, active), { [tag]: true })).filter(([, active2]) => active2).map(([tag2]) => tag2);
|
|
1612
1612
|
props.onChange && props.onChange(tags);
|
|
1613
1613
|
}
|
|
1614
1614
|
};
|
|
@@ -1654,25 +1654,25 @@ const debounce = (func, delay) => {
|
|
|
1654
1654
|
};
|
|
1655
1655
|
};
|
|
1656
1656
|
|
|
1657
|
-
var __defProp$
|
|
1658
|
-
var __defProps$
|
|
1659
|
-
var __getOwnPropDescs$
|
|
1660
|
-
var __getOwnPropSymbols$
|
|
1661
|
-
var __hasOwnProp$
|
|
1662
|
-
var __propIsEnum$
|
|
1663
|
-
var __defNormalProp$
|
|
1664
|
-
var __spreadValues$
|
|
1657
|
+
var __defProp$j = Object.defineProperty;
|
|
1658
|
+
var __defProps$d = Object.defineProperties;
|
|
1659
|
+
var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
|
|
1660
|
+
var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
|
|
1661
|
+
var __hasOwnProp$j = Object.prototype.hasOwnProperty;
|
|
1662
|
+
var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
|
|
1663
|
+
var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1664
|
+
var __spreadValues$j = (a, b) => {
|
|
1665
1665
|
for (var prop in b || (b = {}))
|
|
1666
|
-
if (__hasOwnProp$
|
|
1667
|
-
__defNormalProp$
|
|
1668
|
-
if (__getOwnPropSymbols$
|
|
1669
|
-
for (var prop of __getOwnPropSymbols$
|
|
1670
|
-
if (__propIsEnum$
|
|
1671
|
-
__defNormalProp$
|
|
1666
|
+
if (__hasOwnProp$j.call(b, prop))
|
|
1667
|
+
__defNormalProp$j(a, prop, b[prop]);
|
|
1668
|
+
if (__getOwnPropSymbols$j)
|
|
1669
|
+
for (var prop of __getOwnPropSymbols$j(b)) {
|
|
1670
|
+
if (__propIsEnum$j.call(b, prop))
|
|
1671
|
+
__defNormalProp$j(a, prop, b[prop]);
|
|
1672
1672
|
}
|
|
1673
1673
|
return a;
|
|
1674
1674
|
};
|
|
1675
|
-
var __spreadProps$
|
|
1675
|
+
var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
|
|
1676
1676
|
const ActivityList = (props) => {
|
|
1677
1677
|
var _a;
|
|
1678
1678
|
const primary = !props.top ? null : props.top.length > 0 ? props == null ? void 0 : props.top[0] : null;
|
|
@@ -1690,14 +1690,14 @@ const ActivityList = (props) => {
|
|
|
1690
1690
|
isLoading: props.isLoading,
|
|
1691
1691
|
primary: !props.search && primary && /* @__PURE__ */ React.createElement(
|
|
1692
1692
|
ActivityItem,
|
|
1693
|
-
__spreadProps$
|
|
1693
|
+
__spreadProps$d(__spreadValues$j({}, primary), {
|
|
1694
1694
|
onClick: () => props.onActivityClick && props.onActivityClick(primary.activityId)
|
|
1695
1695
|
})
|
|
1696
1696
|
),
|
|
1697
1697
|
top: !props.search && top && top.length > 0 && /* @__PURE__ */ React.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, top.map((activity) => {
|
|
1698
1698
|
return /* @__PURE__ */ React.createElement(
|
|
1699
1699
|
ActivityItem,
|
|
1700
|
-
__spreadProps$
|
|
1700
|
+
__spreadProps$d(__spreadValues$j({
|
|
1701
1701
|
key: `${activity.activityId}`
|
|
1702
1702
|
}, activity), {
|
|
1703
1703
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1707,7 +1707,7 @@ const ActivityList = (props) => {
|
|
|
1707
1707
|
soonest: !props.search && upcoming && upcoming.length > 0 && /* @__PURE__ */ React.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, upcoming.map((activity) => {
|
|
1708
1708
|
return /* @__PURE__ */ React.createElement(
|
|
1709
1709
|
ActivityItem,
|
|
1710
|
-
__spreadProps$
|
|
1710
|
+
__spreadProps$d(__spreadValues$j({
|
|
1711
1711
|
key: `${activity.activityId}`
|
|
1712
1712
|
}, activity), {
|
|
1713
1713
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1717,7 +1717,7 @@ const ActivityList = (props) => {
|
|
|
1717
1717
|
milestones: !props.search && props.milestones && props.milestones.length > 0 && /* @__PURE__ */ React.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, props.milestones.map((activity) => {
|
|
1718
1718
|
return /* @__PURE__ */ React.createElement(
|
|
1719
1719
|
ActivityItem,
|
|
1720
|
-
__spreadProps$
|
|
1720
|
+
__spreadProps$d(__spreadValues$j({
|
|
1721
1721
|
key: `${activity.activityId}`
|
|
1722
1722
|
}, activity), {
|
|
1723
1723
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1728,7 +1728,7 @@ const ActivityList = (props) => {
|
|
|
1728
1728
|
filtered: !!props.search && props.activities && props.activities.length > 0 && /* @__PURE__ */ React.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, props.activities.map((activity) => {
|
|
1729
1729
|
return /* @__PURE__ */ React.createElement(
|
|
1730
1730
|
ActivityItem,
|
|
1731
|
-
__spreadProps$
|
|
1731
|
+
__spreadProps$d(__spreadValues$j({
|
|
1732
1732
|
key: `${activity.activityId}`
|
|
1733
1733
|
}, activity), {
|
|
1734
1734
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1754,25 +1754,25 @@ const Search$1 = ({ send, value }) => {
|
|
|
1754
1754
|
)));
|
|
1755
1755
|
};
|
|
1756
1756
|
|
|
1757
|
-
var __defProp$
|
|
1758
|
-
var __defProps$
|
|
1759
|
-
var __getOwnPropDescs$
|
|
1760
|
-
var __getOwnPropSymbols$
|
|
1761
|
-
var __hasOwnProp$
|
|
1762
|
-
var __propIsEnum$
|
|
1763
|
-
var __defNormalProp$
|
|
1764
|
-
var __spreadValues$
|
|
1757
|
+
var __defProp$i = Object.defineProperty;
|
|
1758
|
+
var __defProps$c = Object.defineProperties;
|
|
1759
|
+
var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
|
|
1760
|
+
var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
|
|
1761
|
+
var __hasOwnProp$i = Object.prototype.hasOwnProperty;
|
|
1762
|
+
var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
|
|
1763
|
+
var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1764
|
+
var __spreadValues$i = (a, b) => {
|
|
1765
1765
|
for (var prop in b || (b = {}))
|
|
1766
|
-
if (__hasOwnProp$
|
|
1767
|
-
__defNormalProp$
|
|
1768
|
-
if (__getOwnPropSymbols$
|
|
1769
|
-
for (var prop of __getOwnPropSymbols$
|
|
1770
|
-
if (__propIsEnum$
|
|
1771
|
-
__defNormalProp$
|
|
1766
|
+
if (__hasOwnProp$i.call(b, prop))
|
|
1767
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
1768
|
+
if (__getOwnPropSymbols$i)
|
|
1769
|
+
for (var prop of __getOwnPropSymbols$i(b)) {
|
|
1770
|
+
if (__propIsEnum$i.call(b, prop))
|
|
1771
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
1772
1772
|
}
|
|
1773
1773
|
return a;
|
|
1774
1774
|
};
|
|
1775
|
-
var __spreadProps$
|
|
1775
|
+
var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
|
|
1776
1776
|
const ActivityReflection = (props) => {
|
|
1777
1777
|
const className = builder("w-full md:w-[40rem]").if(!!props.headline, "min-h-[20rem]").build();
|
|
1778
1778
|
const [reaction, setReaction] = React.useState({
|
|
@@ -1780,8 +1780,8 @@ const ActivityReflection = (props) => {
|
|
|
1780
1780
|
reflection: props.reflection
|
|
1781
1781
|
});
|
|
1782
1782
|
const hasChanges = props.hasChanges || props.canReflect && (props.rating !== reaction.rating || props.reflection !== reaction.reflection);
|
|
1783
|
-
const setFeedback = (feedback) => setReaction(__spreadProps$
|
|
1784
|
-
const setRating = (rating) => setReaction(__spreadProps$
|
|
1783
|
+
const setFeedback = (feedback) => setReaction(__spreadProps$c(__spreadValues$i({}, reaction), { reflection: feedback }));
|
|
1784
|
+
const setRating = (rating) => setReaction(__spreadProps$c(__spreadValues$i({}, reaction), { rating }));
|
|
1785
1785
|
React.useEffect(() => {
|
|
1786
1786
|
setReaction({
|
|
1787
1787
|
rating: props.rating,
|
|
@@ -1808,7 +1808,7 @@ const ActivityReflection = (props) => {
|
|
|
1808
1808
|
defaultValue: props.reflection,
|
|
1809
1809
|
className: "resize-none text-slate-500 focus:text-slate-600 h-24 mt-1 block w-full px-3 py-2 bg-white border border-slate-300 rounded-md text-sm shadow-sm placeholder-slate-400\n focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n invalid:border-pink-500 invalid:text-pink-600\n focus:invalid:border-pink-500 focus:invalid:ring-pink-500"
|
|
1810
1810
|
}
|
|
1811
|
-
), props.canReflect && /* @__PURE__ */ React.createElement(Rating$1, __spreadProps$
|
|
1811
|
+
), props.canReflect && /* @__PURE__ */ React.createElement(Rating$1, __spreadProps$c(__spreadValues$i(__spreadValues$i({}, props), reaction), { setRating })))))));
|
|
1812
1812
|
};
|
|
1813
1813
|
const Rating$1 = (props) => {
|
|
1814
1814
|
const maxPoints = 5;
|
|
@@ -3214,25 +3214,25 @@ const Overlay = (props) => {
|
|
|
3214
3214
|
return /* @__PURE__ */ React__namespace.createElement("div", { className: "flex fixed overscroll-none w-screen h-screen top-0 left-0 bg-gray-300/75 z-30" }, props.children);
|
|
3215
3215
|
};
|
|
3216
3216
|
|
|
3217
|
-
var __defProp$
|
|
3218
|
-
var __defProps$
|
|
3219
|
-
var __getOwnPropDescs$
|
|
3220
|
-
var __getOwnPropSymbols$
|
|
3221
|
-
var __hasOwnProp$
|
|
3222
|
-
var __propIsEnum$
|
|
3223
|
-
var __defNormalProp$
|
|
3224
|
-
var __spreadValues$
|
|
3217
|
+
var __defProp$h = Object.defineProperty;
|
|
3218
|
+
var __defProps$b = Object.defineProperties;
|
|
3219
|
+
var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
|
|
3220
|
+
var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
|
|
3221
|
+
var __hasOwnProp$h = Object.prototype.hasOwnProperty;
|
|
3222
|
+
var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
|
|
3223
|
+
var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3224
|
+
var __spreadValues$h = (a, b) => {
|
|
3225
3225
|
for (var prop in b || (b = {}))
|
|
3226
|
-
if (__hasOwnProp$
|
|
3227
|
-
__defNormalProp$
|
|
3228
|
-
if (__getOwnPropSymbols$
|
|
3229
|
-
for (var prop of __getOwnPropSymbols$
|
|
3230
|
-
if (__propIsEnum$
|
|
3231
|
-
__defNormalProp$
|
|
3226
|
+
if (__hasOwnProp$h.call(b, prop))
|
|
3227
|
+
__defNormalProp$h(a, prop, b[prop]);
|
|
3228
|
+
if (__getOwnPropSymbols$h)
|
|
3229
|
+
for (var prop of __getOwnPropSymbols$h(b)) {
|
|
3230
|
+
if (__propIsEnum$h.call(b, prop))
|
|
3231
|
+
__defNormalProp$h(a, prop, b[prop]);
|
|
3232
3232
|
}
|
|
3233
3233
|
return a;
|
|
3234
3234
|
};
|
|
3235
|
-
var __spreadProps$
|
|
3235
|
+
var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
|
|
3236
3236
|
const Badge = (props) => {
|
|
3237
3237
|
var _a, _b;
|
|
3238
3238
|
const [open, setOpen] = React__namespace.useState(props.open || false);
|
|
@@ -3250,7 +3250,7 @@ const Badge = (props) => {
|
|
|
3250
3250
|
props.onClose();
|
|
3251
3251
|
}
|
|
3252
3252
|
};
|
|
3253
|
-
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, !open && /* @__PURE__ */ React__namespace.createElement(BadgeButton, __spreadProps$
|
|
3253
|
+
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, !open && /* @__PURE__ */ React__namespace.createElement(BadgeButton, __spreadProps$b(__spreadValues$h({}, props), { progress, target, onClick: onOpen })), open && !!props.preview && /* @__PURE__ */ React__namespace.createElement(BadgeCard, __spreadProps$b(__spreadValues$h({}, props), { onClose })), open && !props.preview && /* @__PURE__ */ React__namespace.createElement(Overlay, null, /* @__PURE__ */ React__namespace.createElement(BadgeCard, __spreadProps$b(__spreadValues$h({}, props), { onClose }))));
|
|
3254
3254
|
};
|
|
3255
3255
|
|
|
3256
3256
|
const BadgeActivity = (props) => {
|
|
@@ -3285,25 +3285,25 @@ const BadgeActivity = (props) => {
|
|
|
3285
3285
|
})))));
|
|
3286
3286
|
};
|
|
3287
3287
|
|
|
3288
|
-
var __defProp$
|
|
3289
|
-
var __defProps$
|
|
3290
|
-
var __getOwnPropDescs$
|
|
3291
|
-
var __getOwnPropSymbols$
|
|
3292
|
-
var __hasOwnProp$
|
|
3293
|
-
var __propIsEnum$
|
|
3294
|
-
var __defNormalProp$
|
|
3295
|
-
var __spreadValues$
|
|
3288
|
+
var __defProp$g = Object.defineProperty;
|
|
3289
|
+
var __defProps$a = Object.defineProperties;
|
|
3290
|
+
var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
|
|
3291
|
+
var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
|
|
3292
|
+
var __hasOwnProp$g = Object.prototype.hasOwnProperty;
|
|
3293
|
+
var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
|
|
3294
|
+
var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3295
|
+
var __spreadValues$g = (a, b) => {
|
|
3296
3296
|
for (var prop in b || (b = {}))
|
|
3297
|
-
if (__hasOwnProp$
|
|
3298
|
-
__defNormalProp$
|
|
3299
|
-
if (__getOwnPropSymbols$
|
|
3300
|
-
for (var prop of __getOwnPropSymbols$
|
|
3301
|
-
if (__propIsEnum$
|
|
3302
|
-
__defNormalProp$
|
|
3297
|
+
if (__hasOwnProp$g.call(b, prop))
|
|
3298
|
+
__defNormalProp$g(a, prop, b[prop]);
|
|
3299
|
+
if (__getOwnPropSymbols$g)
|
|
3300
|
+
for (var prop of __getOwnPropSymbols$g(b)) {
|
|
3301
|
+
if (__propIsEnum$g.call(b, prop))
|
|
3302
|
+
__defNormalProp$g(a, prop, b[prop]);
|
|
3303
3303
|
}
|
|
3304
3304
|
return a;
|
|
3305
3305
|
};
|
|
3306
|
-
var __spreadProps$
|
|
3306
|
+
var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
|
|
3307
3307
|
const BadgeActivityMenu = (props) => {
|
|
3308
3308
|
const criteria = props.criteria || [];
|
|
3309
3309
|
return /* @__PURE__ */ React__namespace.createElement("div", { className: "grid grid-cols-1 gap-y-4 w-full text-zinc-600" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "py-8 px-10 grid grid-cols-1 gap-y-5 rounded-b-md border-b border-x border-zinc-100" }, /* @__PURE__ */ React__namespace.createElement(
|
|
@@ -3320,7 +3320,7 @@ const BadgeActivityMenu = (props) => {
|
|
|
3320
3320
|
return /* @__PURE__ */ React__namespace.createElement("div", { key: id, className: "grid grid-cols-1 gap-y-8" }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-lg font-semibold" }, c.displayName), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm" }, "Chose one activity to complete.")), /* @__PURE__ */ React__namespace.createElement("div", { className: "grid grid-flow-col auto-cols-max gap-4 px-1 pt-1 pb-2 w-full overflow-x-auto" }, options.map((o, i2) => {
|
|
3321
3321
|
const id2 = o.activityId || i2;
|
|
3322
3322
|
const date = o.startTime ? new Date(o.startTime) : null;
|
|
3323
|
-
return /* @__PURE__ */ React__namespace.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React__namespace.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React__namespace.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React__namespace.createElement(BadgeActivity, __spreadProps$
|
|
3323
|
+
return /* @__PURE__ */ React__namespace.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React__namespace.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React__namespace.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React__namespace.createElement(BadgeActivity, __spreadProps$a(__spreadValues$g({}, o), { criteriaName: c.displayName })));
|
|
3324
3324
|
})));
|
|
3325
3325
|
})));
|
|
3326
3326
|
};
|
|
@@ -3365,25 +3365,25 @@ const Widget = (props) => {
|
|
|
3365
3365
|
return /* @__PURE__ */ React.createElement("article", { className }, !props.headless && /* @__PURE__ */ React.createElement("div", { className: "p-2 bg-gray-200" }), /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, /* @__PURE__ */ React.createElement("div", { className: "relative w-full" }, props.children)));
|
|
3366
3366
|
};
|
|
3367
3367
|
|
|
3368
|
-
var __defProp$
|
|
3369
|
-
var __defProps$
|
|
3370
|
-
var __getOwnPropDescs$
|
|
3371
|
-
var __getOwnPropSymbols$
|
|
3372
|
-
var __hasOwnProp$
|
|
3373
|
-
var __propIsEnum$
|
|
3374
|
-
var __defNormalProp$
|
|
3375
|
-
var __spreadValues$
|
|
3368
|
+
var __defProp$f = Object.defineProperty;
|
|
3369
|
+
var __defProps$9 = Object.defineProperties;
|
|
3370
|
+
var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
|
|
3371
|
+
var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
|
|
3372
|
+
var __hasOwnProp$f = Object.prototype.hasOwnProperty;
|
|
3373
|
+
var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
|
|
3374
|
+
var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3375
|
+
var __spreadValues$f = (a, b) => {
|
|
3376
3376
|
for (var prop in b || (b = {}))
|
|
3377
|
-
if (__hasOwnProp$
|
|
3378
|
-
__defNormalProp$
|
|
3379
|
-
if (__getOwnPropSymbols$
|
|
3380
|
-
for (var prop of __getOwnPropSymbols$
|
|
3381
|
-
if (__propIsEnum$
|
|
3382
|
-
__defNormalProp$
|
|
3377
|
+
if (__hasOwnProp$f.call(b, prop))
|
|
3378
|
+
__defNormalProp$f(a, prop, b[prop]);
|
|
3379
|
+
if (__getOwnPropSymbols$f)
|
|
3380
|
+
for (var prop of __getOwnPropSymbols$f(b)) {
|
|
3381
|
+
if (__propIsEnum$f.call(b, prop))
|
|
3382
|
+
__defNormalProp$f(a, prop, b[prop]);
|
|
3383
3383
|
}
|
|
3384
3384
|
return a;
|
|
3385
3385
|
};
|
|
3386
|
-
var __spreadProps$
|
|
3386
|
+
var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
|
|
3387
3387
|
const DEFAULT_FILTERS = [
|
|
3388
3388
|
{ label: "In Progress" },
|
|
3389
3389
|
{ label: "Completed" },
|
|
@@ -3443,7 +3443,7 @@ const BadgeSection = (props) => {
|
|
|
3443
3443
|
if (!(opt.label in filters)) {
|
|
3444
3444
|
return;
|
|
3445
3445
|
}
|
|
3446
|
-
const next = __spreadValues$
|
|
3446
|
+
const next = __spreadValues$f({}, filters);
|
|
3447
3447
|
next[opt.label].isActive = !next[opt.label].isActive;
|
|
3448
3448
|
setFilters(next);
|
|
3449
3449
|
},
|
|
@@ -3469,15 +3469,15 @@ const BadgeSection = (props) => {
|
|
|
3469
3469
|
},
|
|
3470
3470
|
"Grid View?"
|
|
3471
3471
|
)))), /* @__PURE__ */ React__namespace.createElement("div", null, !!props.readonly && /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, preview.map((b, i) => {
|
|
3472
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$
|
|
3472
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list, readonly: props.readonly }));
|
|
3473
3473
|
})), !props.readonly && /* @__PURE__ */ React__namespace.createElement("div", { className: "text-zinc-600 grid grid-cols-1 gap-y-4" }, (isWithoutFilters || "In Progress" in filters && filters["In Progress"].isActive) && progress.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "In Progress"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, progress.map((b, i) => {
|
|
3474
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$
|
|
3474
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3475
3475
|
}))), (isWithoutFilters || "Completed" in filters && filters["Completed"].isActive) && collected.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Completed"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, collected.map((b, i) => {
|
|
3476
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$
|
|
3476
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3477
3477
|
}))), (isWithoutFilters || "Available" in filters && filters["Available"].isActive) && available.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Available"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, available.map((b, i) => {
|
|
3478
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$
|
|
3478
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3479
3479
|
}))), (isWithoutFilters || "Locked" in filters && filters["Locked"].isActive) && locked.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Locked"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, locked.map((b, i) => {
|
|
3480
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$
|
|
3480
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3481
3481
|
}))))))))));
|
|
3482
3482
|
};
|
|
3483
3483
|
const getLayout$1 = (list) => {
|
|
@@ -3799,25 +3799,25 @@ const linkify = (text) => {
|
|
|
3799
3799
|
return replacedText;
|
|
3800
3800
|
};
|
|
3801
3801
|
|
|
3802
|
-
var __defProp$
|
|
3803
|
-
var __defProps$
|
|
3804
|
-
var __getOwnPropDescs$
|
|
3805
|
-
var __getOwnPropSymbols$
|
|
3806
|
-
var __hasOwnProp$
|
|
3807
|
-
var __propIsEnum$
|
|
3808
|
-
var __defNormalProp$
|
|
3809
|
-
var __spreadValues$
|
|
3802
|
+
var __defProp$e = Object.defineProperty;
|
|
3803
|
+
var __defProps$8 = Object.defineProperties;
|
|
3804
|
+
var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
|
|
3805
|
+
var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
|
|
3806
|
+
var __hasOwnProp$e = Object.prototype.hasOwnProperty;
|
|
3807
|
+
var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
|
|
3808
|
+
var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3809
|
+
var __spreadValues$e = (a, b) => {
|
|
3810
3810
|
for (var prop in b || (b = {}))
|
|
3811
|
-
if (__hasOwnProp$
|
|
3812
|
-
__defNormalProp$
|
|
3813
|
-
if (__getOwnPropSymbols$
|
|
3814
|
-
for (var prop of __getOwnPropSymbols$
|
|
3815
|
-
if (__propIsEnum$
|
|
3816
|
-
__defNormalProp$
|
|
3811
|
+
if (__hasOwnProp$e.call(b, prop))
|
|
3812
|
+
__defNormalProp$e(a, prop, b[prop]);
|
|
3813
|
+
if (__getOwnPropSymbols$e)
|
|
3814
|
+
for (var prop of __getOwnPropSymbols$e(b)) {
|
|
3815
|
+
if (__propIsEnum$e.call(b, prop))
|
|
3816
|
+
__defNormalProp$e(a, prop, b[prop]);
|
|
3817
3817
|
}
|
|
3818
3818
|
return a;
|
|
3819
3819
|
};
|
|
3820
|
-
var __spreadProps$
|
|
3820
|
+
var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
|
|
3821
3821
|
const FormItem = (props) => {
|
|
3822
3822
|
const responses = props.responses || [];
|
|
3823
3823
|
const notEmpty = responses.length > 0 && responses[0].trim() !== "";
|
|
@@ -3844,28 +3844,28 @@ const FormItem = (props) => {
|
|
|
3844
3844
|
}
|
|
3845
3845
|
}, [isTextError]);
|
|
3846
3846
|
const marginBottom = props.format === "text" ? "-mb-7" : "";
|
|
3847
|
-
return /* @__PURE__ */ React.createElement("div", { className: `bg-white rounded-md p-5 shadow-sm grid grid-cols-1 gap-y-8 ${itemContainerError} ${marginBottom}` }, props.displayName && /* @__PURE__ */ React.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-x-4" }, props.format === "question" && /* @__PURE__ */ React.createElement("div", { className: `${checkIconColor} w-5 h-5 mt-1` }, /* @__PURE__ */ React.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React.createElement("div", { className: "grow max-w-lg" }, props.displayName && /* @__PURE__ */ React.createElement("p", { className: "flex-auto text-lg text-slate-600 font-semibold whitespace-pre-line" }, linkify(props.displayName)), props.description && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-400 whitespace-pre-line" }, linkify(props.description)))), props.required && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-rose-600" }, "*")), !props.children && props.format !== "text" && /* @__PURE__ */ React.createElement("div", { className: `${contentMaxWidth} ml-1` }, /* @__PURE__ */ React.createElement(Switch, __spreadProps$
|
|
3847
|
+
return /* @__PURE__ */ React.createElement("div", { className: `bg-white rounded-md p-5 shadow-sm grid grid-cols-1 gap-y-8 ${itemContainerError} ${marginBottom}` }, props.displayName && /* @__PURE__ */ React.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-x-4" }, props.format === "question" && /* @__PURE__ */ React.createElement("div", { className: `${checkIconColor} w-5 h-5 mt-1` }, /* @__PURE__ */ React.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React.createElement("div", { className: "grow max-w-lg" }, props.displayName && /* @__PURE__ */ React.createElement("p", { className: "flex-auto text-lg text-slate-600 font-semibold whitespace-pre-line" }, linkify(props.displayName)), props.description && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-400 whitespace-pre-line" }, linkify(props.description)))), props.required && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-rose-600" }, "*")), !props.children && props.format !== "text" && /* @__PURE__ */ React.createElement("div", { className: `${contentMaxWidth} ml-1` }, /* @__PURE__ */ React.createElement(Switch, __spreadProps$8(__spreadValues$e({}, props), { onTextBlur })), showError && /* @__PURE__ */ React.createElement("div", { className: "text-rose-300 flex items-center gap-x-2 mt-4" }, /* @__PURE__ */ React.createElement("div", { className: "w-4 h-4" }, /* @__PURE__ */ React.createElement(Icon$1, { name: "negative" })), /* @__PURE__ */ React.createElement("span", { className: "grow text-sm" }, "Must be a minimum of ", minimum, " characters."))), props.children);
|
|
3848
3848
|
};
|
|
3849
3849
|
const Switch = (props) => {
|
|
3850
3850
|
switch (true) {
|
|
3851
3851
|
case props.format === "embed":
|
|
3852
|
-
return /* @__PURE__ */ React.createElement(Embed, __spreadValues$
|
|
3852
|
+
return /* @__PURE__ */ React.createElement(Embed, __spreadValues$e({}, props));
|
|
3853
3853
|
case props.format === "image":
|
|
3854
|
-
return /* @__PURE__ */ React.createElement(Image, __spreadValues$
|
|
3854
|
+
return /* @__PURE__ */ React.createElement(Image, __spreadValues$e({}, props));
|
|
3855
3855
|
case props.questionType === "radio":
|
|
3856
|
-
return /* @__PURE__ */ React.createElement(RadioQuestion, __spreadValues$
|
|
3856
|
+
return /* @__PURE__ */ React.createElement(RadioQuestion, __spreadValues$e({}, props));
|
|
3857
3857
|
case props.questionType === "checkbox":
|
|
3858
|
-
return /* @__PURE__ */ React.createElement(CheckboxQuestion, __spreadValues$
|
|
3858
|
+
return /* @__PURE__ */ React.createElement(CheckboxQuestion, __spreadValues$e({}, props));
|
|
3859
3859
|
case props.questionType === "drop down":
|
|
3860
|
-
return /* @__PURE__ */ React.createElement(DropDownQuestion, __spreadValues$
|
|
3860
|
+
return /* @__PURE__ */ React.createElement(DropDownQuestion, __spreadValues$e({}, props));
|
|
3861
3861
|
case props.questionType === "file upload":
|
|
3862
|
-
return /* @__PURE__ */ React.createElement(FileUploadQuestion, __spreadValues$
|
|
3862
|
+
return /* @__PURE__ */ React.createElement(FileUploadQuestion, __spreadValues$e({}, props));
|
|
3863
3863
|
case props.questionType === "text":
|
|
3864
|
-
return /* @__PURE__ */ React.createElement(TextQuestion, __spreadValues$
|
|
3864
|
+
return /* @__PURE__ */ React.createElement(TextQuestion, __spreadValues$e({}, props));
|
|
3865
3865
|
case props.questionType === "date":
|
|
3866
|
-
return /* @__PURE__ */ React.createElement(DateQuestion, __spreadValues$
|
|
3866
|
+
return /* @__PURE__ */ React.createElement(DateQuestion, __spreadValues$e({}, props));
|
|
3867
3867
|
case props.questionType === "time":
|
|
3868
|
-
return /* @__PURE__ */ React.createElement(TimeQuestion, __spreadValues$
|
|
3868
|
+
return /* @__PURE__ */ React.createElement(TimeQuestion, __spreadValues$e({}, props));
|
|
3869
3869
|
default:
|
|
3870
3870
|
return null;
|
|
3871
3871
|
}
|
|
@@ -4222,25 +4222,25 @@ const FormSubmitDialog$1 = (props) => {
|
|
|
4222
4222
|
))));
|
|
4223
4223
|
};
|
|
4224
4224
|
|
|
4225
|
-
var __defProp$
|
|
4226
|
-
var __defProps$
|
|
4227
|
-
var __getOwnPropDescs$
|
|
4228
|
-
var __getOwnPropSymbols$
|
|
4229
|
-
var __hasOwnProp$
|
|
4230
|
-
var __propIsEnum$
|
|
4231
|
-
var __defNormalProp$
|
|
4232
|
-
var __spreadValues$
|
|
4225
|
+
var __defProp$d = Object.defineProperty;
|
|
4226
|
+
var __defProps$7 = Object.defineProperties;
|
|
4227
|
+
var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
|
|
4228
|
+
var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
|
|
4229
|
+
var __hasOwnProp$d = Object.prototype.hasOwnProperty;
|
|
4230
|
+
var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
|
|
4231
|
+
var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4232
|
+
var __spreadValues$d = (a, b) => {
|
|
4233
4233
|
for (var prop in b || (b = {}))
|
|
4234
|
-
if (__hasOwnProp$
|
|
4235
|
-
__defNormalProp$
|
|
4236
|
-
if (__getOwnPropSymbols$
|
|
4237
|
-
for (var prop of __getOwnPropSymbols$
|
|
4238
|
-
if (__propIsEnum$
|
|
4239
|
-
__defNormalProp$
|
|
4234
|
+
if (__hasOwnProp$d.call(b, prop))
|
|
4235
|
+
__defNormalProp$d(a, prop, b[prop]);
|
|
4236
|
+
if (__getOwnPropSymbols$d)
|
|
4237
|
+
for (var prop of __getOwnPropSymbols$d(b)) {
|
|
4238
|
+
if (__propIsEnum$d.call(b, prop))
|
|
4239
|
+
__defNormalProp$d(a, prop, b[prop]);
|
|
4240
4240
|
}
|
|
4241
4241
|
return a;
|
|
4242
4242
|
};
|
|
4243
|
-
var __spreadProps$
|
|
4243
|
+
var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
|
|
4244
4244
|
const AUTOSAVE_TIMEOUT = 30 * 1e3;
|
|
4245
4245
|
const MIN_REFLECTION_LENGTH = 0;
|
|
4246
4246
|
const autoSave = (run, func, callback) => {
|
|
@@ -4351,7 +4351,7 @@ const LearningForm = (props) => {
|
|
|
4351
4351
|
/* @__PURE__ */ React.createElement("div", { className: "w-3 h-3 min-w-3" }, /* @__PURE__ */ React.createElement(Icon$1, { name: "leftArrow" })),
|
|
4352
4352
|
/* @__PURE__ */ React.createElement("span", { className: "text-md" }, "Back")
|
|
4353
4353
|
), !!props.displayName && /* @__PURE__ */ React.createElement("h2", { className: "h-max font-semibold text-2xl" }, props.displayName), !!props.description && /* @__PURE__ */ React.createElement("p", { className: "h-max max-h-[14rem] overflow-y-auto whitespace-pre-line" }, props.description), !!props.eta && /* @__PURE__ */ React.createElement("p", { className: "text-sm h-max font-semibold" }, "Estimated Completion Time: ", props.eta)), /* @__PURE__ */ React.createElement("img", { className: "grow h-full max-h-[30rem] w-full object-cover", alt: props.displayName, src: props.imageURL })), /* @__PURE__ */ React.createElement("form", { className: "w-full max-w-[64rem] m-auto grid grid-cols-1 gap-y-12", onSubmit }, items.map((item) => {
|
|
4354
|
-
return /* @__PURE__ */ React.createElement(FormItem, __spreadProps$
|
|
4354
|
+
return /* @__PURE__ */ React.createElement(FormItem, __spreadProps$7(__spreadValues$d({ key: item.itemId }, item), { minText: 0, disabled: !!props.preview }));
|
|
4355
4355
|
}), /* @__PURE__ */ React.createElement(
|
|
4356
4356
|
FormItem,
|
|
4357
4357
|
{
|
|
@@ -4430,19 +4430,19 @@ const Rating = (props) => {
|
|
|
4430
4430
|
)));
|
|
4431
4431
|
};
|
|
4432
4432
|
|
|
4433
|
-
var __defProp$
|
|
4434
|
-
var __getOwnPropSymbols$
|
|
4435
|
-
var __hasOwnProp$
|
|
4436
|
-
var __propIsEnum$
|
|
4437
|
-
var __defNormalProp$
|
|
4438
|
-
var __spreadValues$
|
|
4439
|
-
for (var prop in b || (b = {}))
|
|
4440
|
-
if (__hasOwnProp$
|
|
4441
|
-
__defNormalProp$
|
|
4442
|
-
if (__getOwnPropSymbols$
|
|
4443
|
-
for (var prop of __getOwnPropSymbols$
|
|
4444
|
-
if (__propIsEnum$
|
|
4445
|
-
__defNormalProp$
|
|
4433
|
+
var __defProp$c = Object.defineProperty;
|
|
4434
|
+
var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
|
|
4435
|
+
var __hasOwnProp$c = Object.prototype.hasOwnProperty;
|
|
4436
|
+
var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
|
|
4437
|
+
var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4438
|
+
var __spreadValues$c = (a, b) => {
|
|
4439
|
+
for (var prop in b || (b = {}))
|
|
4440
|
+
if (__hasOwnProp$c.call(b, prop))
|
|
4441
|
+
__defNormalProp$c(a, prop, b[prop]);
|
|
4442
|
+
if (__getOwnPropSymbols$c)
|
|
4443
|
+
for (var prop of __getOwnPropSymbols$c(b)) {
|
|
4444
|
+
if (__propIsEnum$c.call(b, prop))
|
|
4445
|
+
__defNormalProp$c(a, prop, b[prop]);
|
|
4446
4446
|
}
|
|
4447
4447
|
return a;
|
|
4448
4448
|
};
|
|
@@ -4451,7 +4451,7 @@ const NavLink = (props) => {
|
|
|
4451
4451
|
const config = defaultConfig();
|
|
4452
4452
|
withMenu(config, props.menu);
|
|
4453
4453
|
withName(config, props.name);
|
|
4454
|
-
return /* @__PURE__ */ React.createElement(Button, __spreadValues$
|
|
4454
|
+
return /* @__PURE__ */ React.createElement(Button, __spreadValues$c({ disabled: props.disabled, active: props.active, onClick }, config));
|
|
4455
4455
|
};
|
|
4456
4456
|
const defaultConfig = () => {
|
|
4457
4457
|
return {};
|
|
@@ -4526,25 +4526,25 @@ const withName = (config, name) => {
|
|
|
4526
4526
|
}
|
|
4527
4527
|
};
|
|
4528
4528
|
|
|
4529
|
-
var __defProp$
|
|
4530
|
-
var __defProps$
|
|
4531
|
-
var __getOwnPropDescs$
|
|
4532
|
-
var __getOwnPropSymbols$
|
|
4533
|
-
var __hasOwnProp$
|
|
4534
|
-
var __propIsEnum$
|
|
4535
|
-
var __defNormalProp$
|
|
4536
|
-
var __spreadValues$
|
|
4529
|
+
var __defProp$b = Object.defineProperty;
|
|
4530
|
+
var __defProps$6 = Object.defineProperties;
|
|
4531
|
+
var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
|
|
4532
|
+
var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
|
|
4533
|
+
var __hasOwnProp$b = Object.prototype.hasOwnProperty;
|
|
4534
|
+
var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
|
|
4535
|
+
var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4536
|
+
var __spreadValues$b = (a, b) => {
|
|
4537
4537
|
for (var prop in b || (b = {}))
|
|
4538
|
-
if (__hasOwnProp$
|
|
4539
|
-
__defNormalProp$
|
|
4540
|
-
if (__getOwnPropSymbols$
|
|
4541
|
-
for (var prop of __getOwnPropSymbols$
|
|
4542
|
-
if (__propIsEnum$
|
|
4543
|
-
__defNormalProp$
|
|
4538
|
+
if (__hasOwnProp$b.call(b, prop))
|
|
4539
|
+
__defNormalProp$b(a, prop, b[prop]);
|
|
4540
|
+
if (__getOwnPropSymbols$b)
|
|
4541
|
+
for (var prop of __getOwnPropSymbols$b(b)) {
|
|
4542
|
+
if (__propIsEnum$b.call(b, prop))
|
|
4543
|
+
__defNormalProp$b(a, prop, b[prop]);
|
|
4544
4544
|
}
|
|
4545
4545
|
return a;
|
|
4546
4546
|
};
|
|
4547
|
-
var __spreadProps$
|
|
4547
|
+
var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
|
|
4548
4548
|
const NavBar = (props) => {
|
|
4549
4549
|
const className = builder("flex items-center justify-between flex-wrap sticky top-0 z-30 w-full h-16 border-b").append("bg-white px-4 py text-center").append("md:border-t-none md:border-b md:border-monochrome-50 lg:px-36 md:shadow-sm").build();
|
|
4550
4550
|
const [secondary, setSecondary] = React.useState(false);
|
|
@@ -4562,7 +4562,7 @@ const NavBar = (props) => {
|
|
|
4562
4562
|
return null;
|
|
4563
4563
|
})), /* @__PURE__ */ React.createElement("div", { className: "inline-block md:hidden" }, /* @__PURE__ */ React.createElement(NavLink, { onClick: () => setSecondary(!secondary), name: menuIcon })), /* @__PURE__ */ React.createElement("div", { className: secondaryClassName }, React.Children.map(props.children, (Link) => {
|
|
4564
4564
|
if (Link && Link.props.name !== "home") {
|
|
4565
|
-
return /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(NavLink, __spreadProps$
|
|
4565
|
+
return /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(NavLink, __spreadProps$6(__spreadValues$b({}, Link.props), { menu: true })));
|
|
4566
4566
|
}
|
|
4567
4567
|
return null;
|
|
4568
4568
|
}))));
|
|
@@ -4659,28 +4659,28 @@ const LegalAgreement = (props) => {
|
|
|
4659
4659
|
)));
|
|
4660
4660
|
};
|
|
4661
4661
|
|
|
4662
|
-
var __defProp$
|
|
4663
|
-
var __defProps$
|
|
4664
|
-
var __getOwnPropDescs$
|
|
4665
|
-
var __getOwnPropSymbols$
|
|
4666
|
-
var __hasOwnProp$
|
|
4667
|
-
var __propIsEnum$
|
|
4668
|
-
var __defNormalProp$
|
|
4669
|
-
var __spreadValues$
|
|
4662
|
+
var __defProp$a = Object.defineProperty;
|
|
4663
|
+
var __defProps$5 = Object.defineProperties;
|
|
4664
|
+
var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
|
|
4665
|
+
var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
|
|
4666
|
+
var __hasOwnProp$a = Object.prototype.hasOwnProperty;
|
|
4667
|
+
var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
|
|
4668
|
+
var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4669
|
+
var __spreadValues$a = (a, b) => {
|
|
4670
4670
|
for (var prop in b || (b = {}))
|
|
4671
|
-
if (__hasOwnProp$
|
|
4672
|
-
__defNormalProp$
|
|
4673
|
-
if (__getOwnPropSymbols$
|
|
4674
|
-
for (var prop of __getOwnPropSymbols$
|
|
4675
|
-
if (__propIsEnum$
|
|
4676
|
-
__defNormalProp$
|
|
4671
|
+
if (__hasOwnProp$a.call(b, prop))
|
|
4672
|
+
__defNormalProp$a(a, prop, b[prop]);
|
|
4673
|
+
if (__getOwnPropSymbols$a)
|
|
4674
|
+
for (var prop of __getOwnPropSymbols$a(b)) {
|
|
4675
|
+
if (__propIsEnum$a.call(b, prop))
|
|
4676
|
+
__defNormalProp$a(a, prop, b[prop]);
|
|
4677
4677
|
}
|
|
4678
4678
|
return a;
|
|
4679
4679
|
};
|
|
4680
|
-
var __spreadProps$
|
|
4680
|
+
var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
|
|
4681
4681
|
const CommunitySearch = (props) => {
|
|
4682
4682
|
const [accessCode, setAccessCode] = React.useState("");
|
|
4683
|
-
return /* @__PURE__ */ React.createElement("div", { className: "w-full md:w-[30rem] bg-white grid grid-cols-1 gap-4 rounded-md border border-slate-200 px-8 py-5 shadow-sm" }, /* @__PURE__ */ React.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React.createElement("p", { className: "font-bold text-2xl" }, "Which is your community?"), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "Pick your community.")), /* @__PURE__ */ React.createElement(Search, __spreadProps$
|
|
4683
|
+
return /* @__PURE__ */ React.createElement("div", { className: "w-full md:w-[30rem] bg-white grid grid-cols-1 gap-4 rounded-md border border-slate-200 px-8 py-5 shadow-sm" }, /* @__PURE__ */ React.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React.createElement("p", { className: "font-bold text-2xl" }, "Which is your community?"), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "Pick your community.")), /* @__PURE__ */ React.createElement(Search, __spreadProps$5(__spreadValues$a({}, props), { autofocus: !accessCode, placeholder: props.name })), !!props.name && /* @__PURE__ */ React.createElement("div", { className: "text-slate-600 grid-cols-1 gap-2" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, "Enter the access code for"), /* @__PURE__ */ React.createElement("span", { className: "ml-1 font-semibold text-sm" }, props.name), /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, ".")), /* @__PURE__ */ React.createElement("div", { className: "mt-2 content-center grid grid-cols-3 gap-x-2" }, /* @__PURE__ */ React.createElement(
|
|
4684
4684
|
"input",
|
|
4685
4685
|
{
|
|
4686
4686
|
disabled: props.disabled,
|
|
@@ -4815,27 +4815,27 @@ const Welcome = (props) => {
|
|
|
4815
4815
|
)));
|
|
4816
4816
|
};
|
|
4817
4817
|
|
|
4818
|
-
var __defProp$
|
|
4819
|
-
var __defProps$
|
|
4820
|
-
var __getOwnPropDescs$
|
|
4821
|
-
var __getOwnPropSymbols$
|
|
4822
|
-
var __hasOwnProp$
|
|
4823
|
-
var __propIsEnum$
|
|
4824
|
-
var __defNormalProp$
|
|
4825
|
-
var __spreadValues$
|
|
4818
|
+
var __defProp$9 = Object.defineProperty;
|
|
4819
|
+
var __defProps$4 = Object.defineProperties;
|
|
4820
|
+
var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
|
|
4821
|
+
var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
|
|
4822
|
+
var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
|
|
4823
|
+
var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
|
|
4824
|
+
var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4825
|
+
var __spreadValues$9 = (a, b) => {
|
|
4826
4826
|
for (var prop in b || (b = {}))
|
|
4827
|
-
if (__hasOwnProp$
|
|
4828
|
-
__defNormalProp$
|
|
4829
|
-
if (__getOwnPropSymbols$
|
|
4830
|
-
for (var prop of __getOwnPropSymbols$
|
|
4831
|
-
if (__propIsEnum$
|
|
4832
|
-
__defNormalProp$
|
|
4827
|
+
if (__hasOwnProp$9.call(b, prop))
|
|
4828
|
+
__defNormalProp$9(a, prop, b[prop]);
|
|
4829
|
+
if (__getOwnPropSymbols$9)
|
|
4830
|
+
for (var prop of __getOwnPropSymbols$9(b)) {
|
|
4831
|
+
if (__propIsEnum$9.call(b, prop))
|
|
4832
|
+
__defNormalProp$9(a, prop, b[prop]);
|
|
4833
4833
|
}
|
|
4834
4834
|
return a;
|
|
4835
4835
|
};
|
|
4836
|
-
var __spreadProps$
|
|
4836
|
+
var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
|
|
4837
4837
|
const Onboarding = (props) => {
|
|
4838
|
-
return /* @__PURE__ */ React.createElement(Modal, { stage: true, isLoading: props.isLoading, inline: true, plain: true, visible: true }, /* @__PURE__ */ React.createElement(Delegate, __spreadValues$
|
|
4838
|
+
return /* @__PURE__ */ React.createElement(Modal, { stage: true, isLoading: props.isLoading, inline: true, plain: true, visible: true }, /* @__PURE__ */ React.createElement(Delegate, __spreadValues$9({}, props)));
|
|
4839
4839
|
};
|
|
4840
4840
|
const Delegate = (props) => {
|
|
4841
4841
|
const [agreed, setAgreed] = React.useState(!!props.hasOrganization || props.search !== null);
|
|
@@ -4849,7 +4849,7 @@ const Delegate = (props) => {
|
|
|
4849
4849
|
if (!props.hasOrganization) {
|
|
4850
4850
|
return /* @__PURE__ */ React.createElement(
|
|
4851
4851
|
CommunitySearch,
|
|
4852
|
-
__spreadProps$
|
|
4852
|
+
__spreadProps$4(__spreadValues$9({}, organization), {
|
|
4853
4853
|
open: organizationOpen,
|
|
4854
4854
|
value: props.search,
|
|
4855
4855
|
results: props.organizations && props.organizations.map((organization2) => {
|
|
@@ -5165,19 +5165,19 @@ const ProfileWidget = (props) => {
|
|
|
5165
5165
|
), props.online && /* @__PURE__ */ React.createElement("span", { className: "absolute h-3.5 w-3.5 lg:w-4 lg:h-4 top-0 right-0 lg:top-2 lg:right-3 rounded-full bg-green-500 border-4 border-white" })), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 content-center align-middle" }, /* @__PURE__ */ React.createElement("div", { className: "grid lg:gap-1" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1" }, props.tenantName && /* @__PURE__ */ React.createElement("span", { className: "text-slate-300 text-sm" }, "@", props.tenantName), /* @__PURE__ */ React.createElement("h4", { className: "inline-block font-semibold capitalize text-2xl lg:text-4xl text-slate-600" }, props.givenName, " ", props.familyName)), props.createdAt && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-300" }, "Member since ", new Date(props.createdAt).getFullYear())))))));
|
|
5166
5166
|
};
|
|
5167
5167
|
|
|
5168
|
-
var __defProp$
|
|
5169
|
-
var __getOwnPropSymbols$
|
|
5170
|
-
var __hasOwnProp$
|
|
5171
|
-
var __propIsEnum$
|
|
5172
|
-
var __defNormalProp$
|
|
5173
|
-
var __spreadValues$
|
|
5168
|
+
var __defProp$8 = Object.defineProperty;
|
|
5169
|
+
var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
|
|
5170
|
+
var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
|
|
5171
|
+
var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
|
|
5172
|
+
var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5173
|
+
var __spreadValues$8 = (a, b) => {
|
|
5174
5174
|
for (var prop in b || (b = {}))
|
|
5175
|
-
if (__hasOwnProp$
|
|
5176
|
-
__defNormalProp$
|
|
5177
|
-
if (__getOwnPropSymbols$
|
|
5178
|
-
for (var prop of __getOwnPropSymbols$
|
|
5179
|
-
if (__propIsEnum$
|
|
5180
|
-
__defNormalProp$
|
|
5175
|
+
if (__hasOwnProp$8.call(b, prop))
|
|
5176
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
5177
|
+
if (__getOwnPropSymbols$8)
|
|
5178
|
+
for (var prop of __getOwnPropSymbols$8(b)) {
|
|
5179
|
+
if (__propIsEnum$8.call(b, prop))
|
|
5180
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
5181
5181
|
}
|
|
5182
5182
|
return a;
|
|
5183
5183
|
};
|
|
@@ -5185,9 +5185,9 @@ const FormInput = (props) => {
|
|
|
5185
5185
|
return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 gap-y-2" }, props.headline && /* @__PURE__ */ React.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-x-4" }, /* @__PURE__ */ React.createElement("div", { className: "grow" }, props.headline && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-600 font-semibold" }, props.headline), props.summary && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-slate-500" }, props.summary))), !props.readonly && props.required && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-rose-600" }, "*")), /* @__PURE__ */ React.createElement("div", null, (() => {
|
|
5186
5186
|
switch (props.type) {
|
|
5187
5187
|
case "dropdown":
|
|
5188
|
-
return /* @__PURE__ */ React.createElement(DropDownInput, __spreadValues$
|
|
5188
|
+
return /* @__PURE__ */ React.createElement(DropDownInput, __spreadValues$8({}, props));
|
|
5189
5189
|
default:
|
|
5190
|
-
return /* @__PURE__ */ React.createElement(Input, __spreadValues$
|
|
5190
|
+
return /* @__PURE__ */ React.createElement(Input, __spreadValues$8({}, props));
|
|
5191
5191
|
}
|
|
5192
5192
|
})()));
|
|
5193
5193
|
};
|
|
@@ -5295,32 +5295,32 @@ const FormSubmitDialog = (props) => {
|
|
|
5295
5295
|
))));
|
|
5296
5296
|
};
|
|
5297
5297
|
|
|
5298
|
-
var __defProp$
|
|
5299
|
-
var __defProps$
|
|
5300
|
-
var __getOwnPropDescs$
|
|
5301
|
-
var __getOwnPropSymbols$
|
|
5302
|
-
var __hasOwnProp$
|
|
5303
|
-
var __propIsEnum$
|
|
5304
|
-
var __defNormalProp$
|
|
5305
|
-
var __spreadValues$
|
|
5298
|
+
var __defProp$7 = Object.defineProperty;
|
|
5299
|
+
var __defProps$3 = Object.defineProperties;
|
|
5300
|
+
var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
|
|
5301
|
+
var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
|
|
5302
|
+
var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
|
|
5303
|
+
var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
|
|
5304
|
+
var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5305
|
+
var __spreadValues$7 = (a, b) => {
|
|
5306
5306
|
for (var prop in b || (b = {}))
|
|
5307
|
-
if (__hasOwnProp$
|
|
5308
|
-
__defNormalProp$
|
|
5309
|
-
if (__getOwnPropSymbols$
|
|
5310
|
-
for (var prop of __getOwnPropSymbols$
|
|
5311
|
-
if (__propIsEnum$
|
|
5312
|
-
__defNormalProp$
|
|
5307
|
+
if (__hasOwnProp$7.call(b, prop))
|
|
5308
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
5309
|
+
if (__getOwnPropSymbols$7)
|
|
5310
|
+
for (var prop of __getOwnPropSymbols$7(b)) {
|
|
5311
|
+
if (__propIsEnum$7.call(b, prop))
|
|
5312
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
5313
5313
|
}
|
|
5314
5314
|
return a;
|
|
5315
5315
|
};
|
|
5316
|
-
var __spreadProps$
|
|
5316
|
+
var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
|
|
5317
5317
|
const Form = (props) => {
|
|
5318
5318
|
const [showExitDialogue, setShowExitDialogue] = React.useState(!!props.showExitDialogue);
|
|
5319
5319
|
const [showSubmitDialogue, setShowSubmitDialogue] = React.useState(!!props.showSubmitDialogue);
|
|
5320
5320
|
const [responses, setResponses] = React.useState({});
|
|
5321
5321
|
const [inReview, setInReview] = React.useState(!!props.inReview);
|
|
5322
5322
|
const setResponse = (key, value) => {
|
|
5323
|
-
setResponses(__spreadProps$
|
|
5323
|
+
setResponses(__spreadProps$3(__spreadValues$7({}, responses), { [key]: value }));
|
|
5324
5324
|
};
|
|
5325
5325
|
const onSubmit = (e) => {
|
|
5326
5326
|
e.preventDefault();
|
|
@@ -5439,25 +5439,25 @@ const Form = (props) => {
|
|
|
5439
5439
|
)))))))), showExitDialogue && /* @__PURE__ */ React.createElement("div", { className: "fixed top-0 left-0 px-4 md:px-2 w-screen h-screen py-5 transition ease-in-out duration-400 bg-gray-200/75 z-40" }, /* @__PURE__ */ React.createElement("div", { className: "flex md:w-max h-screen gap-x-2 justify-items-center content-center m-auto" }, /* @__PURE__ */ React.createElement(FormExitDialog, { onYes: props.onClose, onNo: () => setShowExitDialogue(false) }))), showSubmitDialogue && /* @__PURE__ */ React.createElement("div", { className: "fixed top-0 left-0 px-4 md:px-2 w-screen h-screen py-5 transition ease-in-out duration-400 bg-gray-200/75 z-40" }, /* @__PURE__ */ React.createElement("div", { className: "flex md:w-max h-screen gap-x-2 justify-items-center content-center m-auto" }, /* @__PURE__ */ React.createElement(FormSubmitDialog, { onGoBack: () => setShowSubmitDialogue(false), onContinue: props.onClose }))));
|
|
5440
5440
|
};
|
|
5441
5441
|
|
|
5442
|
-
var __defProp$
|
|
5443
|
-
var __defProps$
|
|
5444
|
-
var __getOwnPropDescs$
|
|
5445
|
-
var __getOwnPropSymbols$
|
|
5446
|
-
var __hasOwnProp$
|
|
5447
|
-
var __propIsEnum$
|
|
5448
|
-
var __defNormalProp$
|
|
5449
|
-
var __spreadValues$
|
|
5442
|
+
var __defProp$6 = Object.defineProperty;
|
|
5443
|
+
var __defProps$2 = Object.defineProperties;
|
|
5444
|
+
var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
|
|
5445
|
+
var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
|
|
5446
|
+
var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
|
|
5447
|
+
var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
|
|
5448
|
+
var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5449
|
+
var __spreadValues$6 = (a, b) => {
|
|
5450
5450
|
for (var prop in b || (b = {}))
|
|
5451
|
-
if (__hasOwnProp$
|
|
5452
|
-
__defNormalProp$
|
|
5453
|
-
if (__getOwnPropSymbols$
|
|
5454
|
-
for (var prop of __getOwnPropSymbols$
|
|
5455
|
-
if (__propIsEnum$
|
|
5456
|
-
__defNormalProp$
|
|
5451
|
+
if (__hasOwnProp$6.call(b, prop))
|
|
5452
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
5453
|
+
if (__getOwnPropSymbols$6)
|
|
5454
|
+
for (var prop of __getOwnPropSymbols$6(b)) {
|
|
5455
|
+
if (__propIsEnum$6.call(b, prop))
|
|
5456
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
5457
5457
|
}
|
|
5458
5458
|
return a;
|
|
5459
5459
|
};
|
|
5460
|
-
var __spreadProps$
|
|
5460
|
+
var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
|
|
5461
5461
|
const LogServiceButton = (props) => {
|
|
5462
5462
|
const [isOpen, setIsOpen] = React.useState(!!props.isOpen);
|
|
5463
5463
|
const text = props.text || "Log Service";
|
|
@@ -5488,177 +5488,44 @@ const LogServiceButton = (props) => {
|
|
|
5488
5488
|
size: "full:md",
|
|
5489
5489
|
onClick: onOpen
|
|
5490
5490
|
}
|
|
5491
|
-
), isOpen && /* @__PURE__ */ React.createElement(Form, __spreadProps$
|
|
5491
|
+
), isOpen && /* @__PURE__ */ React.createElement(Form, __spreadProps$2(__spreadValues$6({ onSubmit: props.onSubmit }, props.form), { onClose })));
|
|
5492
5492
|
};
|
|
5493
5493
|
|
|
5494
|
-
|
|
5495
|
-
|
|
5496
|
-
|
|
5497
|
-
|
|
5498
|
-
|
|
5499
|
-
|
|
5500
|
-
|
|
5501
|
-
if (
|
|
5502
|
-
|
|
5503
|
-
|
|
5504
|
-
|
|
5505
|
-
if (__propIsEnum$4.call(b, prop))
|
|
5506
|
-
__defNormalProp$4(a, prop, b[prop]);
|
|
5494
|
+
const Stopwatch = (props) => {
|
|
5495
|
+
const [hide, setHide] = React.useState(props.hide);
|
|
5496
|
+
React.useEffect(() => {
|
|
5497
|
+
setHide(props.hide);
|
|
5498
|
+
}, [props.hide]);
|
|
5499
|
+
const ctaList = (props == null ? void 0 : props.ctaList) || [];
|
|
5500
|
+
const getColor = (label) => {
|
|
5501
|
+
if (label.toLowerCase() === "start") {
|
|
5502
|
+
return "green";
|
|
5503
|
+
} else if (label.toLowerCase() === "stop") {
|
|
5504
|
+
return "rose";
|
|
5507
5505
|
}
|
|
5508
|
-
|
|
5509
|
-
};
|
|
5510
|
-
const
|
|
5511
|
-
|
|
5512
|
-
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
|
|
5516
|
-
|
|
5517
|
-
|
|
5518
|
-
|
|
5519
|
-
|
|
5520
|
-
|
|
5506
|
+
return "blue";
|
|
5507
|
+
};
|
|
5508
|
+
const visibility = hide ? "opacity-0 invisible" : "visible";
|
|
5509
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ React.createElement(
|
|
5510
|
+
"input",
|
|
5511
|
+
{
|
|
5512
|
+
type: "checkbox",
|
|
5513
|
+
value: "",
|
|
5514
|
+
className: "sr-only peer",
|
|
5515
|
+
checked: hide,
|
|
5516
|
+
onChange: () => setHide(!hide)
|
|
5517
|
+
}
|
|
5518
|
+
), /* @__PURE__ */ React.createElement("div", { className: "w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }), /* @__PURE__ */ React.createElement(
|
|
5519
|
+
"span",
|
|
5520
|
+
{
|
|
5521
|
+
className: "ml-3 text-sm font-bold text-gray-700",
|
|
5522
|
+
onChange: () => setHide(!hide)
|
|
5523
|
+
},
|
|
5524
|
+
"Hide Stopwatch?"
|
|
5525
|
+
))), /* @__PURE__ */ React.createElement("div", { className: `shadow-2xl shadow-gray-400 h-30 w-48 grid grid-cols-1 justify-items-center text-slate-600 text-md gap-4 p-4 box-border ${visibility}` }, /* @__PURE__ */ React.createElement("div", { className: "shadow-xl w-36 text-center text-lg p-2" }, props.time), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2" }, ctaList && ctaList.length && ctaList.map((ctaObj, i) => {
|
|
5526
|
+
const color = getColor(ctaObj.ctaLabel || "");
|
|
5521
5527
|
return /* @__PURE__ */ React.createElement(
|
|
5522
|
-
|
|
5523
|
-
{
|
|
5524
|
-
key: tab.name,
|
|
5525
|
-
label: tab.label,
|
|
5526
|
-
icon: tab.icon,
|
|
5527
|
-
accent: tab.accent,
|
|
5528
|
-
href: link == null ? void 0 : link.href,
|
|
5529
|
-
active: props.active === tab.name,
|
|
5530
|
-
disabled: props.disabled || !link
|
|
5531
|
-
}
|
|
5532
|
-
);
|
|
5533
|
-
})), (props.settingsHref || props.onLogout) && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5 border-t border-slate-100 p-2.5" }, props.settingsHref && /* @__PURE__ */ React.createElement(SidebarUtilLink, { label: "Settings", icon: icons$1.IconSettings, href: props.settingsHref }), props.onLogout && /* @__PURE__ */ React.createElement(SidebarUtilLink, { label: "Logout", icon: icons$1.IconLogout, onClick: props.onLogout })));
|
|
5534
|
-
};
|
|
5535
|
-
const SidebarIdentityChip = (props) => /* @__PURE__ */ React.createElement("div", { className: "m-3 flex items-center gap-2.5 rounded-xl bg-slate-50 p-2.5" }, /* @__PURE__ */ React.createElement(
|
|
5536
|
-
"img",
|
|
5537
|
-
{
|
|
5538
|
-
className: "h-8 w-8 shrink-0 rounded-full object-cover",
|
|
5539
|
-
src: props.avatarURL || "https://cdn.localcivics.io/hub/avatar.jpg",
|
|
5540
|
-
alt: "avatar"
|
|
5541
|
-
}
|
|
5542
|
-
), /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "truncate text-xs font-bold text-dark-blue-400" }, props.name), props.subtitle && /* @__PURE__ */ React.createElement("div", { className: "truncate text-[10px] text-slate-400" }, props.subtitle)));
|
|
5543
|
-
const SidebarLink = (props) => {
|
|
5544
|
-
const config = defaultLinkConfig();
|
|
5545
|
-
withAccent(config, props.accent, props.active);
|
|
5546
|
-
withDisabled(config, props.disabled);
|
|
5547
|
-
const Icon = props.icon;
|
|
5548
|
-
const content = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classname(config.chip) }, /* @__PURE__ */ React.createElement(Icon, { size: 14, stroke: props.active ? 2.2 : 1.75, className: config.icon.color })), /* @__PURE__ */ React.createElement("span", { className: classname(config.label) }, props.label), /* @__PURE__ */ React.createElement("span", { className: classname(config.dot) }));
|
|
5549
|
-
if (props.disabled || !props.href) {
|
|
5550
|
-
return /* @__PURE__ */ React.createElement("div", { className: classname(config.row) }, content);
|
|
5551
|
-
}
|
|
5552
|
-
return /* @__PURE__ */ React.createElement(reactRouterDom.Link, { to: props.href, className: classname(config.row) }, content);
|
|
5553
|
-
};
|
|
5554
|
-
const SidebarUtilLink = (props) => {
|
|
5555
|
-
const className = "flex cursor-pointer items-center gap-2.5 rounded-[10px] px-3.5 py-2 text-slate-400 hover:bg-slate-50 hover:text-slate-500";
|
|
5556
|
-
const Icon = props.icon;
|
|
5557
|
-
const content = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, { size: 13 }), /* @__PURE__ */ React.createElement("span", { className: "text-[11.5px]" }, props.label));
|
|
5558
|
-
if (props.href) {
|
|
5559
|
-
return /* @__PURE__ */ React.createElement(reactRouterDom.Link, { to: props.href, className }, content);
|
|
5560
|
-
}
|
|
5561
|
-
return /* @__PURE__ */ React.createElement("div", { onClick: props.onClick, className }, content);
|
|
5562
|
-
};
|
|
5563
|
-
const defaultLinkConfig = () => ({
|
|
5564
|
-
row: {
|
|
5565
|
-
base: "flex items-center gap-2.5 rounded-[10px] px-3.5 py-2.5 transition-colors",
|
|
5566
|
-
cursor: "cursor-pointer hover:bg-slate-50",
|
|
5567
|
-
bg: "bg-transparent",
|
|
5568
|
-
border: "border border-transparent"
|
|
5569
|
-
},
|
|
5570
|
-
chip: {
|
|
5571
|
-
base: "flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-lg",
|
|
5572
|
-
bg: "bg-slate-50"
|
|
5573
|
-
},
|
|
5574
|
-
icon: {
|
|
5575
|
-
color: "text-slate-400"
|
|
5576
|
-
},
|
|
5577
|
-
label: {
|
|
5578
|
-
base: "flex-1 text-xs",
|
|
5579
|
-
weight: "font-medium",
|
|
5580
|
-
color: "text-slate-500"
|
|
5581
|
-
},
|
|
5582
|
-
dot: {
|
|
5583
|
-
base: "h-[5px] w-[5px] shrink-0 rounded-full",
|
|
5584
|
-
bg: "bg-transparent"
|
|
5585
|
-
}
|
|
5586
|
-
});
|
|
5587
|
-
const withAccent = (config, accent, active) => {
|
|
5588
|
-
if (!active) {
|
|
5589
|
-
return;
|
|
5590
|
-
}
|
|
5591
|
-
config.row.cursor = "cursor-default";
|
|
5592
|
-
config.label.weight = "font-bold";
|
|
5593
|
-
config.label.color = "text-dark-blue-400";
|
|
5594
|
-
switch (accent) {
|
|
5595
|
-
case "cyan":
|
|
5596
|
-
config.row.bg = "bg-sky-blue-400/15";
|
|
5597
|
-
config.row.border = "border border-sky-blue-400/30";
|
|
5598
|
-
config.chip.bg = "bg-sky-blue-400/25";
|
|
5599
|
-
config.icon.color = "text-sky-blue-400";
|
|
5600
|
-
config.dot.bg = "bg-sky-blue-400";
|
|
5601
|
-
break;
|
|
5602
|
-
case "mint":
|
|
5603
|
-
config.row.bg = "bg-mint-400/15";
|
|
5604
|
-
config.row.border = "border border-mint-400/30";
|
|
5605
|
-
config.chip.bg = "bg-mint-400/25";
|
|
5606
|
-
config.icon.color = "text-mint-400";
|
|
5607
|
-
config.dot.bg = "bg-mint-400";
|
|
5608
|
-
break;
|
|
5609
|
-
case "gold":
|
|
5610
|
-
config.row.bg = "bg-gold-400/15";
|
|
5611
|
-
config.row.border = "border border-gold-400/30";
|
|
5612
|
-
config.chip.bg = "bg-gold-400/25";
|
|
5613
|
-
config.icon.color = "text-gold-400";
|
|
5614
|
-
config.dot.bg = "bg-gold-400";
|
|
5615
|
-
break;
|
|
5616
|
-
}
|
|
5617
|
-
};
|
|
5618
|
-
const withDisabled = (config, disabled) => {
|
|
5619
|
-
if (!disabled) {
|
|
5620
|
-
return;
|
|
5621
|
-
}
|
|
5622
|
-
config.row.cursor = "cursor-default";
|
|
5623
|
-
config.icon.color = "text-slate-300";
|
|
5624
|
-
config.label.color = "text-slate-300";
|
|
5625
|
-
};
|
|
5626
|
-
|
|
5627
|
-
const Stopwatch = (props) => {
|
|
5628
|
-
const [hide, setHide] = React.useState(props.hide);
|
|
5629
|
-
React.useEffect(() => {
|
|
5630
|
-
setHide(props.hide);
|
|
5631
|
-
}, [props.hide]);
|
|
5632
|
-
const ctaList = (props == null ? void 0 : props.ctaList) || [];
|
|
5633
|
-
const getColor = (label) => {
|
|
5634
|
-
if (label.toLowerCase() === "start") {
|
|
5635
|
-
return "green";
|
|
5636
|
-
} else if (label.toLowerCase() === "stop") {
|
|
5637
|
-
return "rose";
|
|
5638
|
-
}
|
|
5639
|
-
return "blue";
|
|
5640
|
-
};
|
|
5641
|
-
const visibility = hide ? "opacity-0 invisible" : "visible";
|
|
5642
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ React.createElement(
|
|
5643
|
-
"input",
|
|
5644
|
-
{
|
|
5645
|
-
type: "checkbox",
|
|
5646
|
-
value: "",
|
|
5647
|
-
className: "sr-only peer",
|
|
5648
|
-
checked: hide,
|
|
5649
|
-
onChange: () => setHide(!hide)
|
|
5650
|
-
}
|
|
5651
|
-
), /* @__PURE__ */ React.createElement("div", { className: "w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }), /* @__PURE__ */ React.createElement(
|
|
5652
|
-
"span",
|
|
5653
|
-
{
|
|
5654
|
-
className: "ml-3 text-sm font-bold text-gray-700",
|
|
5655
|
-
onChange: () => setHide(!hide)
|
|
5656
|
-
},
|
|
5657
|
-
"Hide Stopwatch?"
|
|
5658
|
-
))), /* @__PURE__ */ React.createElement("div", { className: `shadow-2xl shadow-gray-400 h-30 w-48 grid grid-cols-1 justify-items-center text-slate-600 text-md gap-4 p-4 box-border ${visibility}` }, /* @__PURE__ */ React.createElement("div", { className: "shadow-xl w-36 text-center text-lg p-2" }, props.time), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2" }, ctaList && ctaList.length && ctaList.map((ctaObj, i) => {
|
|
5659
|
-
const color = getColor(ctaObj.ctaLabel || "");
|
|
5660
|
-
return /* @__PURE__ */ React.createElement(
|
|
5661
|
-
Button,
|
|
5528
|
+
Button,
|
|
5662
5529
|
{
|
|
5663
5530
|
key: i,
|
|
5664
5531
|
onClick: () => props.onCTAClick && props.onCTAClick(ctaObj.ctaLabel || ""),
|
|
@@ -5843,25 +5710,25 @@ const PathwayTranscript = (props) => {
|
|
|
5843
5710
|
return /* @__PURE__ */ React__namespace.createElement("div", { className: "p-6 space-y-10 border-t border-zinc-100 bg-zinc-50/30 animate-in fade-in duration-500" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "grid grid-cols-3 gap-4 bg-white p-5 rounded-xl border border-zinc-100 shadow-sm text-sm" }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Student"), /* @__PURE__ */ React__namespace.createElement("p", { className: "font-bold text-zinc-800" }, safeRender(props.studentName) || "Guest User"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-500 text-[11px] mt-0.5" }, safeRender(props.studentEmail))), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Organization"), /* @__PURE__ */ React__namespace.createElement("p", { className: "font-bold text-zinc-800" }, safeRender(props.schoolName) || "Not Provided"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-500 text-[11px] mt-0.5" }, props.gradeLevel ? `Grade ${safeRender(props.gradeLevel)}` : "")), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Status"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-blue-500 font-bold text-[10px] uppercase" }, "Verified Record"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 text-[10px] mt-0.5" }, props.today || new Date().toLocaleDateString()))), /* @__PURE__ */ React__namespace.createElement("section", { className: "space-y-6" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React__namespace.createElement("h1", { className: "text-2xl font-black text-zinc-900 tracking-tight" }, props.title || "Untitled Pathway"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm text-zinc-500 max-w-3xl leading-relaxed" }, props.description || "No description provided for this pathway.")), /* @__PURE__ */ React__namespace.createElement("div", { className: "grid grid-cols-3 gap-4" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "bg-white border border-zinc-200 p-4 rounded-xl shadow-sm flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "text-2xl font-black text-blue-600" }, totalPointsEarned.toLocaleString()), /* @__PURE__ */ React__namespace.createElement("span", { className: "text-[10px] font-bold text-zinc-400 uppercase tracking-widest mt-1" }, "Total Pts")), /* @__PURE__ */ React__namespace.createElement("div", { className: "bg-white border border-zinc-200 p-4 rounded-xl shadow-sm flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "text-2xl font-black text-blue-600" }, badgesEarnedCount), /* @__PURE__ */ React__namespace.createElement("span", { className: "text-[10px] font-bold text-zinc-400 uppercase tracking-widest mt-1" }, "Badges Earned")), /* @__PURE__ */ React__namespace.createElement("div", { className: "bg-white border border-zinc-200 p-4 rounded-xl shadow-sm flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ React__namespace.createElement("span", { className: `text-2xl font-black ${sealEarned ? "text-emerald-500" : "text-zinc-300"}` }, sealEarned ? "Yes" : "No"), /* @__PURE__ */ React__namespace.createElement("span", { className: "text-[10px] font-bold text-zinc-400 uppercase tracking-widest mt-1" }, "Seal Earned")))), /* @__PURE__ */ React__namespace.createElement("section", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-[10px] font-black uppercase text-zinc-400 tracking-widest mb-3" }, "Criteria & Progress"), /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5 border border-zinc-100 rounded-xl bg-white shadow-sm" }, /* @__PURE__ */ React__namespace.createElement(PathwayProgressBarChart, { targets: props.mappedTargets, points: props.mappedPoints, height: "md" }))), /* @__PURE__ */ React__namespace.createElement("section", { className: "space-y-12" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex justify-between items-center border-b border-zinc-200 pb-3" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-[10px] font-black uppercase text-zinc-400 tracking-widest" }, "Activity History"), /* @__PURE__ */ React__namespace.createElement("div", { className: "flex bg-white border border-zinc-200 p-1 rounded-md text-[10px] font-bold uppercase" }, /* @__PURE__ */ React__namespace.createElement("button", { onClick: () => setLayout("list"), className: `px-3 py-1.5 rounded ${layout === "list" ? "bg-zinc-100 text-blue-600" : "text-zinc-400"}` }, "List View"), /* @__PURE__ */ React__namespace.createElement("button", { onClick: () => setLayout("grid"), className: `px-3 py-1.5 rounded ${layout === "grid" ? "bg-zinc-100 text-blue-600" : "text-zinc-400"}` }, "Grid View"))), renderBadgePool(completedBadges, "Completed Activity"), renderBadgePool(inProgressBadges, "In Progress", "Started")));
|
|
5844
5711
|
};
|
|
5845
5712
|
|
|
5846
|
-
var __defProp$
|
|
5847
|
-
var __defProps$
|
|
5848
|
-
var __getOwnPropDescs$
|
|
5849
|
-
var __getOwnPropSymbols$
|
|
5850
|
-
var __hasOwnProp$
|
|
5851
|
-
var __propIsEnum$
|
|
5852
|
-
var __defNormalProp$
|
|
5853
|
-
var __spreadValues$
|
|
5713
|
+
var __defProp$5 = Object.defineProperty;
|
|
5714
|
+
var __defProps$1 = Object.defineProperties;
|
|
5715
|
+
var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
|
|
5716
|
+
var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
|
|
5717
|
+
var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
|
|
5718
|
+
var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
|
|
5719
|
+
var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5720
|
+
var __spreadValues$5 = (a, b) => {
|
|
5854
5721
|
for (var prop in b || (b = {}))
|
|
5855
|
-
if (__hasOwnProp$
|
|
5856
|
-
__defNormalProp$
|
|
5857
|
-
if (__getOwnPropSymbols$
|
|
5858
|
-
for (var prop of __getOwnPropSymbols$
|
|
5859
|
-
if (__propIsEnum$
|
|
5860
|
-
__defNormalProp$
|
|
5722
|
+
if (__hasOwnProp$5.call(b, prop))
|
|
5723
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
5724
|
+
if (__getOwnPropSymbols$5)
|
|
5725
|
+
for (var prop of __getOwnPropSymbols$5(b)) {
|
|
5726
|
+
if (__propIsEnum$5.call(b, prop))
|
|
5727
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
5861
5728
|
}
|
|
5862
5729
|
return a;
|
|
5863
5730
|
};
|
|
5864
|
-
var __spreadProps$
|
|
5731
|
+
var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
|
|
5865
5732
|
const PathwayCard = (props) => {
|
|
5866
5733
|
const [view, setView] = React__namespace.useState("overview");
|
|
5867
5734
|
const today = React__namespace.useMemo(() => new Date().toLocaleDateString("en-US", {
|
|
@@ -5887,7 +5754,7 @@ const PathwayCard = (props) => {
|
|
|
5887
5754
|
});
|
|
5888
5755
|
return p;
|
|
5889
5756
|
}, [props.points, props.categoryNames]);
|
|
5890
|
-
const sharedProps = __spreadProps$
|
|
5757
|
+
const sharedProps = __spreadProps$1(__spreadValues$5({}, props), {
|
|
5891
5758
|
mappedTargets,
|
|
5892
5759
|
mappedPoints,
|
|
5893
5760
|
today,
|
|
@@ -5913,7 +5780,7 @@ const PathwayCard = (props) => {
|
|
|
5913
5780
|
border: "rounded",
|
|
5914
5781
|
onClick: () => setView(view === "overview" ? "transcript" : "overview")
|
|
5915
5782
|
}
|
|
5916
|
-
))), view === "overview" ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(PathwayOverview, __spreadValues$
|
|
5783
|
+
))), view === "overview" ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(PathwayOverview, __spreadValues$5({}, sharedProps)), /* @__PURE__ */ React__namespace.createElement("div", { className: "pt-5 px-5 flex border-t border-zinc-100" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "w-full max-w-[7rem] ml-auto" }, /* @__PURE__ */ React__namespace.createElement(
|
|
5917
5784
|
Button,
|
|
5918
5785
|
{
|
|
5919
5786
|
disabled: true,
|
|
@@ -5925,27 +5792,27 @@ const PathwayCard = (props) => {
|
|
|
5925
5792
|
theme: "dark",
|
|
5926
5793
|
text: "Submit"
|
|
5927
5794
|
}
|
|
5928
|
-
)))) : /* @__PURE__ */ React__namespace.createElement(PathwayTranscript, __spreadValues$
|
|
5795
|
+
)))) : /* @__PURE__ */ React__namespace.createElement(PathwayTranscript, __spreadValues$5({}, sharedProps))));
|
|
5929
5796
|
};
|
|
5930
5797
|
|
|
5931
|
-
var __defProp$
|
|
5932
|
-
var __getOwnPropSymbols$
|
|
5933
|
-
var __hasOwnProp$
|
|
5934
|
-
var __propIsEnum$
|
|
5935
|
-
var __defNormalProp$
|
|
5936
|
-
var __spreadValues$
|
|
5798
|
+
var __defProp$4 = Object.defineProperty;
|
|
5799
|
+
var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
|
|
5800
|
+
var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
|
|
5801
|
+
var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
|
|
5802
|
+
var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5803
|
+
var __spreadValues$4 = (a, b) => {
|
|
5937
5804
|
for (var prop in b || (b = {}))
|
|
5938
|
-
if (__hasOwnProp$
|
|
5939
|
-
__defNormalProp$
|
|
5940
|
-
if (__getOwnPropSymbols$
|
|
5941
|
-
for (var prop of __getOwnPropSymbols$
|
|
5942
|
-
if (__propIsEnum$
|
|
5943
|
-
__defNormalProp$
|
|
5805
|
+
if (__hasOwnProp$4.call(b, prop))
|
|
5806
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
5807
|
+
if (__getOwnPropSymbols$4)
|
|
5808
|
+
for (var prop of __getOwnPropSymbols$4(b)) {
|
|
5809
|
+
if (__propIsEnum$4.call(b, prop))
|
|
5810
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
5944
5811
|
}
|
|
5945
5812
|
return a;
|
|
5946
5813
|
};
|
|
5947
5814
|
const Pathway = (props) => {
|
|
5948
|
-
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(PathwayCard, __spreadValues$
|
|
5815
|
+
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(PathwayCard, __spreadValues$4({}, props)));
|
|
5949
5816
|
};
|
|
5950
5817
|
|
|
5951
5818
|
const PathwayButton = (props) => {
|
|
@@ -5989,25 +5856,25 @@ const PathwayButton = (props) => {
|
|
|
5989
5856
|
)), !!props.title && /* @__PURE__ */ React__namespace.createElement("div", { className: "text-sm m-auto flex gap-x-2" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "font-semibold text-zinc-600" }, props.title)));
|
|
5990
5857
|
};
|
|
5991
5858
|
|
|
5992
|
-
var __defProp$
|
|
5993
|
-
var __defProps
|
|
5994
|
-
var __getOwnPropDescs
|
|
5995
|
-
var __getOwnPropSymbols$
|
|
5996
|
-
var __hasOwnProp$
|
|
5997
|
-
var __propIsEnum$
|
|
5998
|
-
var __defNormalProp$
|
|
5999
|
-
var __spreadValues$
|
|
5859
|
+
var __defProp$3 = Object.defineProperty;
|
|
5860
|
+
var __defProps = Object.defineProperties;
|
|
5861
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5862
|
+
var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
|
|
5863
|
+
var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
|
|
5864
|
+
var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
|
|
5865
|
+
var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5866
|
+
var __spreadValues$3 = (a, b) => {
|
|
6000
5867
|
for (var prop in b || (b = {}))
|
|
6001
|
-
if (__hasOwnProp$
|
|
6002
|
-
__defNormalProp$
|
|
6003
|
-
if (__getOwnPropSymbols$
|
|
6004
|
-
for (var prop of __getOwnPropSymbols$
|
|
6005
|
-
if (__propIsEnum$
|
|
6006
|
-
__defNormalProp$
|
|
5868
|
+
if (__hasOwnProp$3.call(b, prop))
|
|
5869
|
+
__defNormalProp$3(a, prop, b[prop]);
|
|
5870
|
+
if (__getOwnPropSymbols$3)
|
|
5871
|
+
for (var prop of __getOwnPropSymbols$3(b)) {
|
|
5872
|
+
if (__propIsEnum$3.call(b, prop))
|
|
5873
|
+
__defNormalProp$3(a, prop, b[prop]);
|
|
6007
5874
|
}
|
|
6008
5875
|
return a;
|
|
6009
5876
|
};
|
|
6010
|
-
var __spreadProps
|
|
5877
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
6011
5878
|
const PathwaySection = (props) => {
|
|
6012
5879
|
const progress = [];
|
|
6013
5880
|
const locked = [];
|
|
@@ -6046,15 +5913,15 @@ const PathwaySection = (props) => {
|
|
|
6046
5913
|
},
|
|
6047
5914
|
"Grid View?"
|
|
6048
5915
|
)))), /* @__PURE__ */ React__namespace.createElement("div", null, !!props.readonly && /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, preview.map((p, i) => {
|
|
6049
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps
|
|
5916
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
6050
5917
|
})), !props.readonly && /* @__PURE__ */ React__namespace.createElement("div", { className: "text-zinc-600 grid grid-cols-1 gap-y-4" }, progress.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "In Progress"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, progress.map((p, i) => {
|
|
6051
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps
|
|
5918
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
6052
5919
|
}))), collected.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Completed"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, collected.map((p, i) => {
|
|
6053
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps
|
|
5920
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
6054
5921
|
}))), available.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Available"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, available.map((p, i) => {
|
|
6055
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps
|
|
5922
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
6056
5923
|
}))), locked.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Locked"), /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, locked.map((p, i) => {
|
|
6057
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps
|
|
5924
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
6058
5925
|
}))))))))));
|
|
6059
5926
|
};
|
|
6060
5927
|
const getLayout = (list) => {
|
|
@@ -6064,37 +5931,234 @@ const getLayout = (list) => {
|
|
|
6064
5931
|
return "flex flex-wrap gap-3";
|
|
6065
5932
|
};
|
|
6066
5933
|
|
|
6067
|
-
const
|
|
6068
|
-
|
|
6069
|
-
|
|
5934
|
+
const ACCENT_CLASSNAMES$1 = {
|
|
5935
|
+
cyan: "bg-sky-blue-400/15 border border-sky-blue-400/30",
|
|
5936
|
+
mint: "bg-mint-400/15 border border-mint-400/30",
|
|
5937
|
+
gold: "bg-gold-400/15 border border-gold-400/30",
|
|
5938
|
+
slate: "bg-slate-100 border border-slate-200"
|
|
5939
|
+
};
|
|
5940
|
+
const Pill = (props) => {
|
|
5941
|
+
const accentClassName = ACCENT_CLASSNAMES$1[props.accent || "slate"];
|
|
5942
|
+
return /* @__PURE__ */ React__namespace.createElement("span", { className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-bold text-dark-blue-400 ${accentClassName}` }, props.label);
|
|
5943
|
+
};
|
|
5944
|
+
|
|
5945
|
+
const ACCENT_CLASSNAMES = {
|
|
5946
|
+
cyan: {
|
|
5947
|
+
chip: "bg-sky-blue-400/15",
|
|
5948
|
+
icon: "text-sky-blue-400",
|
|
5949
|
+
card: "border-sky-blue-400/20 shadow-[0_2px_12px_rgba(59,208,242,0.12)]"
|
|
5950
|
+
},
|
|
5951
|
+
mint: {
|
|
5952
|
+
chip: "bg-mint-400/15",
|
|
5953
|
+
icon: "text-mint-400",
|
|
5954
|
+
card: "border-mint-400/20 shadow-[0_2px_12px_rgba(30,226,175,0.12)]"
|
|
5955
|
+
},
|
|
5956
|
+
gold: {
|
|
5957
|
+
chip: "bg-gold-400/15",
|
|
5958
|
+
icon: "text-gold-400",
|
|
5959
|
+
card: "border-gold-400/20 shadow-[0_2px_12px_rgba(255,212,77,0.12)]"
|
|
5960
|
+
},
|
|
5961
|
+
slate: { chip: "bg-slate-100", icon: "text-slate-400", card: "border-slate-200 shadow-sm" }
|
|
5962
|
+
};
|
|
5963
|
+
const StatTile = (props) => {
|
|
5964
|
+
const { chip, icon, card } = ACCENT_CLASSNAMES[props.accent || "slate"];
|
|
5965
|
+
return /* @__PURE__ */ React__namespace.createElement("div", { className: `flex flex-1 flex-col gap-2.5 rounded-2xl border bg-white p-4 ${card}` }, /* @__PURE__ */ React__namespace.createElement("div", { className: `flex h-9 w-9 items-center justify-center rounded-[10px] ${chip}` }, /* @__PURE__ */ React__namespace.createElement("div", { className: `h-[18px] w-[18px] ${icon}` }, /* @__PURE__ */ React__namespace.createElement(Icon$1, { name: props.icon }))), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("div", { className: "text-2xl font-extrabold text-dark-blue-400" }, props.value), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs text-slate-400" }, props.label)));
|
|
5966
|
+
};
|
|
5967
|
+
const StatTileRow = (props) => /* @__PURE__ */ React__namespace.createElement("div", { className: "flex gap-2.5" }, props.children);
|
|
5968
|
+
|
|
5969
|
+
const ProfileHeroCard = (props) => {
|
|
5970
|
+
const hasContent = props.givenName || props.familyName;
|
|
5971
|
+
const xp = props.xp || 0;
|
|
5972
|
+
const nextXP = props.nextXP || 0;
|
|
5973
|
+
const pct = nextXP ? Math.min(100, Math.round(xp / nextXP * 100)) : 0;
|
|
5974
|
+
return /* @__PURE__ */ React__namespace.createElement("div", { className: "relative overflow-hidden rounded-2xl border border-sky-blue-400/20 bg-white shadow-[0_4px_24px_rgba(59,208,242,0.10)]" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "h-1 bg-gradient-to-r from-sky-blue-400 via-mint-400 to-gold-400" }), /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5" }, /* @__PURE__ */ React__namespace.createElement(Loader, { isLoading: props.isLoading }, hasContent && /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-start gap-4" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "relative shrink-0" }, /* @__PURE__ */ React__namespace.createElement(
|
|
5975
|
+
"img",
|
|
6070
5976
|
{
|
|
6071
|
-
|
|
6072
|
-
|
|
6073
|
-
|
|
6074
|
-
active: props.page === "profile"
|
|
5977
|
+
src: props.avatarURL || "https://cdn.localcivics.io/hub/avatar.jpg",
|
|
5978
|
+
alt: "avatar",
|
|
5979
|
+
className: "h-16 w-16 rounded-full border-4 border-white object-cover shadow-lg"
|
|
6075
5980
|
}
|
|
6076
|
-
), props.
|
|
5981
|
+
), props.online && /* @__PURE__ */ React__namespace.createElement("span", { className: "absolute right-0 top-0 h-3.5 w-3.5 rounded-full border-2 border-white bg-mint-400" })), /* @__PURE__ */ React__namespace.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React__namespace.createElement("h2", { className: "truncate text-xl font-extrabold capitalize text-dark-blue-400" }, props.givenName, " ", props.familyName), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-slate-400" }, props.createdAt && /* @__PURE__ */ React__namespace.createElement("span", null, "Member since ", new Date(props.createdAt).getFullYear()), props.communityName && /* @__PURE__ */ React__namespace.createElement("span", { className: "flex items-center gap-1" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "h-3.5 w-3.5 text-slate-500" }, /* @__PURE__ */ React__namespace.createElement(Icon$1, { name: "college & career" })), props.communityName), props.placeName && /* @__PURE__ */ React__namespace.createElement("span", { className: "flex items-center gap-1" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "h-3.5 w-3.5 text-slate-500" }, /* @__PURE__ */ React__namespace.createElement(Icon$1, { name: "pin" })), props.placeName)), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-2 flex gap-2" }, !!props.level && /* @__PURE__ */ React__namespace.createElement(Pill, { label: `Level ${props.level}`, accent: "gold" }), !!props.xp && /* @__PURE__ */ React__namespace.createElement(Pill, { label: `${compact(props.xp)} XP`, accent: "cyan" }))), props.onEdit && /* @__PURE__ */ React__namespace.createElement(
|
|
5982
|
+
Button,
|
|
5983
|
+
{
|
|
5984
|
+
text: "Edit Profile",
|
|
5985
|
+
icon: "edit",
|
|
5986
|
+
color: "slate:sky",
|
|
5987
|
+
border: "rounded-sm",
|
|
5988
|
+
size: "sm",
|
|
5989
|
+
onClick: props.onEdit
|
|
5990
|
+
}
|
|
5991
|
+
)), props.impactStatement && /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm text-slate-500" }, props.impactStatement), /* @__PURE__ */ React__namespace.createElement("div", { className: "border-t border-sky-blue-400/15 pt-4" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "mb-1.5 text-xs text-slate-400" }, "Impact Score"), /* @__PURE__ */ React__namespace.createElement("div", { className: "h-2.5 w-full overflow-hidden rounded-full bg-sky-blue-400/10" }, /* @__PURE__ */ React__namespace.createElement(
|
|
5992
|
+
"div",
|
|
5993
|
+
{
|
|
5994
|
+
className: "h-full rounded-full bg-gradient-to-r from-sky-blue-400 to-mint-400 shadow-[0_0_8px_rgba(30,226,175,0.6)]",
|
|
5995
|
+
style: { width: `${pct}%` }
|
|
5996
|
+
}
|
|
5997
|
+
)), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-1.5 flex items-baseline gap-1" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "text-xl font-extrabold text-dark-blue-400" }, compact(xp)), /* @__PURE__ */ React__namespace.createElement("span", { className: "text-sm font-semibold text-slate-500" }, "XP"), !!nextXP && /* @__PURE__ */ React__namespace.createElement("span", { className: "ml-auto text-xs text-slate-400" }, compact(Math.max(nextXP - xp, 0)), " to next level")))))));
|
|
6077
5998
|
};
|
|
6078
5999
|
|
|
6079
|
-
|
|
6080
|
-
|
|
6081
|
-
|
|
6082
|
-
|
|
6083
|
-
|
|
6000
|
+
var __defProp$2 = Object.defineProperty;
|
|
6001
|
+
var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
|
|
6002
|
+
var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
|
|
6003
|
+
var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
|
|
6004
|
+
var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6005
|
+
var __spreadValues$2 = (a, b) => {
|
|
6006
|
+
for (var prop in b || (b = {}))
|
|
6007
|
+
if (__hasOwnProp$2.call(b, prop))
|
|
6008
|
+
__defNormalProp$2(a, prop, b[prop]);
|
|
6009
|
+
if (__getOwnPropSymbols$2)
|
|
6010
|
+
for (var prop of __getOwnPropSymbols$2(b)) {
|
|
6011
|
+
if (__propIsEnum$2.call(b, prop))
|
|
6012
|
+
__defNormalProp$2(a, prop, b[prop]);
|
|
6084
6013
|
}
|
|
6085
|
-
|
|
6086
|
-
|
|
6087
|
-
|
|
6088
|
-
|
|
6089
|
-
|
|
6014
|
+
return a;
|
|
6015
|
+
};
|
|
6016
|
+
const PathwaysCard = (props) => {
|
|
6017
|
+
const [list, setList] = React__namespace.useState(props.list);
|
|
6018
|
+
React__namespace.useEffect(() => {
|
|
6019
|
+
setList(props.list);
|
|
6020
|
+
}, [props.list]);
|
|
6021
|
+
React__namespace.useEffect(() => {
|
|
6022
|
+
if (list !== void 0 && props.list !== list && props.onToggleLayout) {
|
|
6023
|
+
props.onToggleLayout(list);
|
|
6090
6024
|
}
|
|
6091
|
-
}, [
|
|
6092
|
-
|
|
6025
|
+
}, [list]);
|
|
6026
|
+
const gridClassName = list ? "grid grid-cols-1 gap-2" : "grid grid-cols-1 gap-3 sm:grid-cols-2";
|
|
6027
|
+
return /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-1 flex-col overflow-hidden rounded-2xl border border-sky-blue-400/20 bg-white shadow-[0_4px_20px_rgba(59,208,242,0.10)]" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "h-1 bg-gradient-to-r from-sky-blue-400 via-mint-400 to-gold-400" }), /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-center justify-between gap-3 border-b border-slate-100 px-4 py-3.5" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex h-9 w-9 items-center justify-center rounded-[10px] bg-mint-400/15" }, /* @__PURE__ */ React__namespace.createElement(icons$1.IconRoute, { size: 18, stroke: 2, className: "text-mint-400" })), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("div", { className: "text-sm font-bold text-dark-blue-400" }, "My Pathways & Seals"), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs text-slate-400" }, props.pathways.length, " pathways"))), /* @__PURE__ */ React__namespace.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React__namespace.createElement(
|
|
6028
|
+
"button",
|
|
6029
|
+
{
|
|
6030
|
+
type: "button",
|
|
6031
|
+
onClick: () => setList(false),
|
|
6032
|
+
className: `flex h-7 w-7 items-center justify-center rounded-md ${!list ? "bg-slate-100 text-dark-blue-400" : "text-slate-300 hover:text-slate-400"}`
|
|
6033
|
+
},
|
|
6034
|
+
/* @__PURE__ */ React__namespace.createElement(icons$1.IconLayoutGrid, { size: 14, stroke: 1.75 })
|
|
6035
|
+
), /* @__PURE__ */ React__namespace.createElement(
|
|
6036
|
+
"button",
|
|
6037
|
+
{
|
|
6038
|
+
type: "button",
|
|
6039
|
+
onClick: () => setList(true),
|
|
6040
|
+
className: `flex h-7 w-7 items-center justify-center rounded-md ${list ? "bg-slate-100 text-dark-blue-400" : "text-slate-300 hover:text-slate-400"}`
|
|
6041
|
+
},
|
|
6042
|
+
/* @__PURE__ */ React__namespace.createElement(icons$1.IconList, { size: 14, stroke: 1.75 })
|
|
6043
|
+
))), /* @__PURE__ */ React__namespace.createElement("div", { className: "relative flex-1 p-4" }, /* @__PURE__ */ React__namespace.createElement(Loader, { isLoading: props.isLoading }, props.pathways.length === 0 && /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm text-slate-400" }, "No pathways to display."), props.pathways.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", { className: gridClassName }, props.pathways.map((pathway, i) => /* @__PURE__ */ React__namespace.createElement(PathwayTile, __spreadValues$2({ key: pathway.pathwayId || i }, pathway)))))));
|
|
6044
|
+
};
|
|
6045
|
+
const PathwayTile = (props) => {
|
|
6046
|
+
var _a;
|
|
6047
|
+
const badgeCount = ((_a = props.badges) == null ? void 0 : _a.length) || 0;
|
|
6048
|
+
const target = props.target || badgeCount || 1;
|
|
6049
|
+
const progress = props.progress || 0;
|
|
6050
|
+
return /* @__PURE__ */ React__namespace.createElement(
|
|
6051
|
+
"div",
|
|
6052
|
+
{
|
|
6053
|
+
onClick: props.onClick,
|
|
6054
|
+
className: `flex items-center gap-3 rounded-xl border border-slate-200 p-3 ${props.onClick ? "cursor-pointer hover:bg-slate-50" : ""}`
|
|
6055
|
+
},
|
|
6056
|
+
/* @__PURE__ */ React__namespace.createElement("div", { className: "shrink-0" }, /* @__PURE__ */ React__namespace.createElement(BadgeEmblem, { iconURL: props.imageURL, alt: props.title, size: "xxs" })),
|
|
6057
|
+
/* @__PURE__ */ React__namespace.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "truncate text-sm font-semibold text-dark-blue-400" }, props.title), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs text-slate-400" }, badgeCount, " badges"), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-1.5 h-1.5" }, /* @__PURE__ */ React__namespace.createElement(Progress, { rounded: true, color: "sky-blue", start: progress, end: target })))
|
|
6058
|
+
);
|
|
6059
|
+
};
|
|
6060
|
+
|
|
6061
|
+
var __defProp$1 = Object.defineProperty;
|
|
6062
|
+
var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
|
|
6063
|
+
var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
|
|
6064
|
+
var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
|
|
6065
|
+
var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6066
|
+
var __spreadValues$1 = (a, b) => {
|
|
6067
|
+
for (var prop in b || (b = {}))
|
|
6068
|
+
if (__hasOwnProp$1.call(b, prop))
|
|
6069
|
+
__defNormalProp$1(a, prop, b[prop]);
|
|
6070
|
+
if (__getOwnPropSymbols$1)
|
|
6071
|
+
for (var prop of __getOwnPropSymbols$1(b)) {
|
|
6072
|
+
if (__propIsEnum$1.call(b, prop))
|
|
6073
|
+
__defNormalProp$1(a, prop, b[prop]);
|
|
6074
|
+
}
|
|
6075
|
+
return a;
|
|
6076
|
+
};
|
|
6077
|
+
const FILTERS = ["In Progress", "Completed", "Available", "Locked"];
|
|
6078
|
+
const BadgesCard = (props) => {
|
|
6079
|
+
const groups = groupBadges(props.badges);
|
|
6080
|
+
const [active, setActive] = React__namespace.useState("In Progress");
|
|
6081
|
+
const [list, setList] = React__namespace.useState(props.list);
|
|
6082
|
+
React__namespace.useEffect(() => {
|
|
6083
|
+
setList(props.list);
|
|
6084
|
+
}, [props.list]);
|
|
6085
|
+
React__namespace.useEffect(() => {
|
|
6086
|
+
if (list !== void 0 && props.list !== list && props.onToggleLayout) {
|
|
6087
|
+
props.onToggleLayout(list);
|
|
6088
|
+
}
|
|
6089
|
+
}, [list]);
|
|
6090
|
+
const visible = groups[active];
|
|
6091
|
+
const gridClassName = list ? "grid grid-cols-1 gap-2" : "grid grid-cols-2 gap-3 sm:grid-cols-3";
|
|
6092
|
+
return /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-1 flex-col overflow-hidden rounded-2xl border border-gold-400/20 bg-white shadow-[0_4px_20px_rgba(255,212,77,0.12)]" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "h-1 bg-gradient-to-r from-gold-400 to-sky-blue-400" }), /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-center justify-between gap-3 border-b border-slate-100 px-4 py-3.5" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex h-9 w-9 items-center justify-center rounded-[10px] bg-gold-400/15" }, /* @__PURE__ */ React__namespace.createElement(icons$1.IconAlbum, { size: 18, stroke: 2, className: "text-gold-400" })), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-sm font-bold text-dark-blue-400" }, "Badges"), /* @__PURE__ */ React__namespace.createElement(Pill, { label: `${groups.Completed.length} / ${props.badges.length}`, accent: "gold" })), /* @__PURE__ */ React__namespace.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React__namespace.createElement(
|
|
6093
|
+
"button",
|
|
6094
|
+
{
|
|
6095
|
+
type: "button",
|
|
6096
|
+
onClick: () => setList(false),
|
|
6097
|
+
className: `flex h-7 w-7 items-center justify-center rounded-md ${!list ? "bg-slate-100 text-dark-blue-400" : "text-slate-300 hover:text-slate-400"}`
|
|
6098
|
+
},
|
|
6099
|
+
/* @__PURE__ */ React__namespace.createElement(icons$1.IconLayoutGrid, { size: 14, stroke: 1.75 })
|
|
6100
|
+
), /* @__PURE__ */ React__namespace.createElement(
|
|
6101
|
+
"button",
|
|
6102
|
+
{
|
|
6103
|
+
type: "button",
|
|
6104
|
+
onClick: () => setList(true),
|
|
6105
|
+
className: `flex h-7 w-7 items-center justify-center rounded-md ${list ? "bg-slate-100 text-dark-blue-400" : "text-slate-300 hover:text-slate-400"}`
|
|
6106
|
+
},
|
|
6107
|
+
/* @__PURE__ */ React__namespace.createElement(icons$1.IconList, { size: 14, stroke: 1.75 })
|
|
6108
|
+
))), /* @__PURE__ */ React__namespace.createElement("div", { className: "grid grid-cols-4 gap-2 border-b border-slate-100 px-4" }, FILTERS.map((label) => /* @__PURE__ */ React__namespace.createElement(Tab, { key: label, title: label, secondary: true, active: active === label, onClick: () => setActive(label) }))), /* @__PURE__ */ React__namespace.createElement("div", { className: "relative flex-1 p-4" }, /* @__PURE__ */ React__namespace.createElement(Loader, { isLoading: props.isLoading }, visible.length === 0 && /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm text-slate-400" }, "No badges to display."), visible.length > 0 && /* @__PURE__ */ React__namespace.createElement("div", { className: gridClassName }, visible.map((badge, i) => /* @__PURE__ */ React__namespace.createElement(BadgeTile, __spreadValues$1({ key: badge.badgeId || i }, badge)))))));
|
|
6109
|
+
};
|
|
6110
|
+
const groupBadges = (badges) => {
|
|
6111
|
+
const groups = {
|
|
6112
|
+
"In Progress": [],
|
|
6113
|
+
Completed: [],
|
|
6114
|
+
Available: [],
|
|
6115
|
+
Locked: []
|
|
6116
|
+
};
|
|
6117
|
+
badges.forEach((b) => {
|
|
6118
|
+
if (b.finishedAt) {
|
|
6119
|
+
groups.Completed.push(b);
|
|
6120
|
+
} else if (b.isLocked) {
|
|
6121
|
+
groups.Locked.push(b);
|
|
6122
|
+
} else if (b.startedAt) {
|
|
6123
|
+
groups["In Progress"].push(b);
|
|
6124
|
+
} else {
|
|
6125
|
+
groups.Available.push(b);
|
|
6126
|
+
}
|
|
6127
|
+
});
|
|
6128
|
+
return groups;
|
|
6129
|
+
};
|
|
6130
|
+
const BadgeTile = (props) => {
|
|
6131
|
+
const hasProgress = !!props.startedAt || !!props.finishedAt || !!props.progress && props.progress > 0;
|
|
6132
|
+
const isDisabled = props.isLocked || !props.onOpen;
|
|
6133
|
+
const onClick = () => !isDisabled && props.onOpen && props.onOpen();
|
|
6134
|
+
const status = props.isLocked ? { label: "Locked", accent: "slate" } : props.finishedAt ? { label: "Done", accent: "mint" } : hasProgress ? { label: "Active", accent: "cyan" } : { label: "Open", accent: "gold" };
|
|
6135
|
+
return /* @__PURE__ */ React__namespace.createElement(
|
|
6136
|
+
"div",
|
|
6137
|
+
{
|
|
6138
|
+
onClick,
|
|
6139
|
+
className: `flex flex-col items-center gap-2 rounded-xl border border-slate-200 p-3 text-center ${isDisabled ? "" : "cursor-pointer hover:bg-slate-50"}`
|
|
6140
|
+
},
|
|
6141
|
+
/* @__PURE__ */ React__namespace.createElement("div", { className: props.isLocked ? "opacity-40" : "" }, /* @__PURE__ */ React__namespace.createElement(
|
|
6142
|
+
BadgeEmblem,
|
|
6143
|
+
{
|
|
6144
|
+
icon: props.icon,
|
|
6145
|
+
iconURL: props.iconURL,
|
|
6146
|
+
imageURL: props.imageURL,
|
|
6147
|
+
alt: props.displayName,
|
|
6148
|
+
level: props.level,
|
|
6149
|
+
size: "sm"
|
|
6150
|
+
}
|
|
6151
|
+
)),
|
|
6152
|
+
/* @__PURE__ */ React__namespace.createElement("div", { className: "w-full truncate text-xs font-semibold text-dark-blue-400" }, props.displayName),
|
|
6153
|
+
/* @__PURE__ */ React__namespace.createElement(Pill, { label: status.label, accent: status.accent })
|
|
6154
|
+
);
|
|
6155
|
+
};
|
|
6156
|
+
|
|
6157
|
+
const DashboardShell = (props) => {
|
|
6158
|
+
return /* @__PURE__ */ React__namespace.createElement("div", { className: "flex h-screen w-full overflow-hidden bg-[linear-gradient(150deg,#EEF9FF_0%,#F0FEFA_40%,#FFFBEA_100%)] font-proxima" }, props.sidebar, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-1 flex-col overflow-hidden" }, props.topBar, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React__namespace.createElement(Loader, { isLoading: props.isLoading }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex min-h-full flex-col" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-1 flex-col gap-3.5 p-5" }, props.children), /* @__PURE__ */ React__namespace.createElement(Footer, null))))));
|
|
6093
6159
|
};
|
|
6094
6160
|
|
|
6095
6161
|
var __defProp = Object.defineProperty;
|
|
6096
|
-
var __defProps = Object.defineProperties;
|
|
6097
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
6098
6162
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6099
6163
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6100
6164
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
@@ -6110,26 +6174,170 @@ var __spreadValues = (a, b) => {
|
|
|
6110
6174
|
}
|
|
6111
6175
|
return a;
|
|
6112
6176
|
};
|
|
6113
|
-
|
|
6114
|
-
|
|
6177
|
+
const TABS = [
|
|
6178
|
+
{ name: "profile", label: "My Profile", icon: icons$1.IconUser, accent: "cyan" },
|
|
6179
|
+
{ name: "pathways", label: "Pathways", icon: icons$1.IconRoute, accent: "mint" },
|
|
6180
|
+
{ name: "badges", label: "Badges", icon: icons$1.IconAlbum, accent: "gold" },
|
|
6181
|
+
{ name: "file-locker", label: "File Locker", icon: icons$1.IconClipboard, accent: "cyan" },
|
|
6182
|
+
{ name: "transcript", label: "Transcript", icon: icons$1.IconFileText, accent: "mint" },
|
|
6183
|
+
{ name: "portfolio", label: "Portfolio", icon: icons$1.IconBriefcase, accent: "gold" },
|
|
6184
|
+
{ name: "comments", label: "Comments", icon: icons$1.IconMessageCircle, accent: "cyan" }
|
|
6185
|
+
];
|
|
6186
|
+
const DashboardSidebar = (props) => {
|
|
6187
|
+
return /* @__PURE__ */ React.createElement("nav", { className: "flex h-full w-[230px] shrink-0 flex-col border-r border-slate-200 bg-white" }, /* @__PURE__ */ React.createElement("div", { className: "border-b border-slate-100 p-4" }, /* @__PURE__ */ React.createElement("div", { className: "w-24" }, /* @__PURE__ */ React.createElement(Logo, null))), props.identity && /* @__PURE__ */ React.createElement(DashboardIdentityChip, __spreadValues({}, props.identity)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col gap-0.5 overflow-y-auto p-2.5" }, TABS.map((tab) => {
|
|
6188
|
+
const link = props.links[tab.name];
|
|
6189
|
+
return /* @__PURE__ */ React.createElement(
|
|
6190
|
+
DashboardSidebarLink,
|
|
6191
|
+
{
|
|
6192
|
+
key: tab.name,
|
|
6193
|
+
label: tab.label,
|
|
6194
|
+
icon: tab.icon,
|
|
6195
|
+
accent: tab.accent,
|
|
6196
|
+
href: link == null ? void 0 : link.href,
|
|
6197
|
+
active: props.active === tab.name,
|
|
6198
|
+
disabled: props.disabled || !link
|
|
6199
|
+
}
|
|
6200
|
+
);
|
|
6201
|
+
})), (props.onSwitchAccount || props.onLogout) && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5 border-t border-slate-200 p-2.5" }, props.onSwitchAccount && /* @__PURE__ */ React.createElement(DashboardSidebarUtilLink, { label: "Change Account", icon: icons$1.IconSwitchHorizontal, onClick: props.onSwitchAccount }), props.onLogout && /* @__PURE__ */ React.createElement(DashboardSidebarUtilLink, { label: "Logout", icon: icons$1.IconLogout, onClick: props.onLogout })));
|
|
6202
|
+
};
|
|
6203
|
+
const DashboardIdentityChip = (props) => /* @__PURE__ */ React.createElement("div", { className: "m-3 flex items-center gap-2.5 rounded-xl border border-mint-400/30 bg-gradient-to-r from-sky-blue-400/15 to-mint-400/15 p-2.5 shadow-[0_2px_10px_rgba(30,226,175,0.15)]" }, /* @__PURE__ */ React.createElement("div", { className: "relative shrink-0" }, /* @__PURE__ */ React.createElement(
|
|
6204
|
+
"img",
|
|
6205
|
+
{
|
|
6206
|
+
className: "h-8 w-8 rounded-full border-2 border-white object-cover shadow-sm",
|
|
6207
|
+
src: props.avatarURL || "https://cdn.localcivics.io/hub/avatar.jpg",
|
|
6208
|
+
alt: "avatar"
|
|
6209
|
+
}
|
|
6210
|
+
), props.online && /* @__PURE__ */ React.createElement("span", { className: "absolute -right-0.5 -top-0.5 h-2.5 w-2.5 rounded-full border-2 border-white bg-mint-400" })), /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "truncate text-xs font-bold text-dark-blue-400" }, props.name), props.subtitle && /* @__PURE__ */ React.createElement("div", { className: "truncate text-[10px] text-slate-500" }, props.subtitle)));
|
|
6211
|
+
const DashboardSidebarLink = (props) => {
|
|
6212
|
+
const config = defaultLinkConfig();
|
|
6213
|
+
withAccent(config, props.accent, props.active);
|
|
6214
|
+
withDisabled(config, props.disabled);
|
|
6215
|
+
const Icon = props.icon;
|
|
6216
|
+
const content = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classname(config.chip) }, /* @__PURE__ */ React.createElement(Icon, { size: 14, stroke: props.active ? 2.2 : 1.75, className: config.icon.color })), /* @__PURE__ */ React.createElement("span", { className: classname(config.label) }, props.label), /* @__PURE__ */ React.createElement("span", { className: classname(config.dot) }));
|
|
6217
|
+
if (props.disabled || !props.href) {
|
|
6218
|
+
return /* @__PURE__ */ React.createElement("div", { className: classname(config.row) }, content);
|
|
6219
|
+
}
|
|
6220
|
+
return /* @__PURE__ */ React.createElement(reactRouterDom.Link, { to: props.href, className: classname(config.row) }, content);
|
|
6221
|
+
};
|
|
6222
|
+
const DashboardSidebarUtilLink = (props) => {
|
|
6223
|
+
const Icon = props.icon;
|
|
6115
6224
|
return /* @__PURE__ */ React.createElement(
|
|
6116
|
-
|
|
6117
|
-
|
|
6118
|
-
|
|
6119
|
-
|
|
6120
|
-
|
|
6121
|
-
|
|
6122
|
-
|
|
6123
|
-
links: props.links,
|
|
6124
|
-
identity: props.identity,
|
|
6125
|
-
settingsHref: props.settingsHref,
|
|
6126
|
-
disabled: props.disabled,
|
|
6127
|
-
onLogout: props.onLogout
|
|
6128
|
-
}
|
|
6129
|
-
), props.sidebarExtra)
|
|
6130
|
-
})
|
|
6225
|
+
"div",
|
|
6226
|
+
{
|
|
6227
|
+
onClick: props.onClick,
|
|
6228
|
+
className: "flex cursor-pointer items-center gap-2.5 rounded-[10px] px-3.5 py-2 text-slate-400 hover:bg-slate-50 hover:text-slate-500"
|
|
6229
|
+
},
|
|
6230
|
+
/* @__PURE__ */ React.createElement(Icon, { size: 13, stroke: 1.75 }),
|
|
6231
|
+
/* @__PURE__ */ React.createElement("span", { className: "text-[11.5px]" }, props.label)
|
|
6131
6232
|
);
|
|
6132
6233
|
};
|
|
6234
|
+
const defaultLinkConfig = () => ({
|
|
6235
|
+
row: {
|
|
6236
|
+
base: "flex items-center gap-2.5 rounded-[10px] px-3.5 py-2.5 transition-colors",
|
|
6237
|
+
cursor: "cursor-pointer hover:bg-slate-50",
|
|
6238
|
+
bg: "bg-transparent",
|
|
6239
|
+
border: "border border-transparent"
|
|
6240
|
+
},
|
|
6241
|
+
chip: {
|
|
6242
|
+
base: "flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-lg",
|
|
6243
|
+
bg: "bg-slate-50",
|
|
6244
|
+
shadow: ""
|
|
6245
|
+
},
|
|
6246
|
+
icon: {
|
|
6247
|
+
color: "text-slate-400"
|
|
6248
|
+
},
|
|
6249
|
+
label: {
|
|
6250
|
+
base: "flex-1 text-xs",
|
|
6251
|
+
weight: "font-medium",
|
|
6252
|
+
color: "text-slate-500"
|
|
6253
|
+
},
|
|
6254
|
+
dot: {
|
|
6255
|
+
base: "h-[5px] w-[5px] shrink-0 rounded-full",
|
|
6256
|
+
bg: "bg-transparent"
|
|
6257
|
+
}
|
|
6258
|
+
});
|
|
6259
|
+
const withAccent = (config, accent, active) => {
|
|
6260
|
+
if (!active) {
|
|
6261
|
+
return;
|
|
6262
|
+
}
|
|
6263
|
+
config.row.cursor = "cursor-default";
|
|
6264
|
+
config.label.weight = "font-bold";
|
|
6265
|
+
config.label.color = "text-dark-blue-400";
|
|
6266
|
+
switch (accent) {
|
|
6267
|
+
case "cyan":
|
|
6268
|
+
config.row.bg = "bg-sky-blue-400/15";
|
|
6269
|
+
config.row.border = "border border-sky-blue-400/30";
|
|
6270
|
+
config.chip.bg = "bg-sky-blue-400/25";
|
|
6271
|
+
config.chip.shadow = "shadow-[0_0_8px_rgba(59,208,242,0.5)]";
|
|
6272
|
+
config.icon.color = "text-sky-blue-400";
|
|
6273
|
+
config.dot.bg = "bg-sky-blue-400";
|
|
6274
|
+
break;
|
|
6275
|
+
case "mint":
|
|
6276
|
+
config.row.bg = "bg-mint-400/15";
|
|
6277
|
+
config.row.border = "border border-mint-400/30";
|
|
6278
|
+
config.chip.bg = "bg-mint-400/25";
|
|
6279
|
+
config.chip.shadow = "shadow-[0_0_8px_rgba(30,226,175,0.5)]";
|
|
6280
|
+
config.icon.color = "text-mint-400";
|
|
6281
|
+
config.dot.bg = "bg-mint-400";
|
|
6282
|
+
break;
|
|
6283
|
+
case "gold":
|
|
6284
|
+
config.row.bg = "bg-gold-400/15";
|
|
6285
|
+
config.row.border = "border border-gold-400/30";
|
|
6286
|
+
config.chip.bg = "bg-gold-400/25";
|
|
6287
|
+
config.chip.shadow = "shadow-[0_0_8px_rgba(255,212,77,0.5)]";
|
|
6288
|
+
config.icon.color = "text-gold-400";
|
|
6289
|
+
config.dot.bg = "bg-gold-400";
|
|
6290
|
+
break;
|
|
6291
|
+
}
|
|
6292
|
+
};
|
|
6293
|
+
const withDisabled = (config, disabled) => {
|
|
6294
|
+
if (!disabled) {
|
|
6295
|
+
return;
|
|
6296
|
+
}
|
|
6297
|
+
config.row.cursor = "cursor-default";
|
|
6298
|
+
config.icon.color = "text-slate-300";
|
|
6299
|
+
config.label.color = "text-slate-300";
|
|
6300
|
+
};
|
|
6301
|
+
|
|
6302
|
+
const DashboardTopBar = (props) => {
|
|
6303
|
+
return /* @__PURE__ */ React__namespace.createElement("div", { className: "flex shrink-0 items-center justify-between gap-4 border-b border-sky-blue-400/20 bg-white px-5 py-3.5 shadow-[0_2px_10px_rgba(59,208,242,0.08)]" }, /* @__PURE__ */ React__namespace.createElement("div", null, props.eyebrow && /* @__PURE__ */ React__namespace.createElement("p", { className: "text-[10px] font-bold uppercase tracking-wide text-slate-400" }, props.eyebrow), /* @__PURE__ */ React__namespace.createElement("h1", { className: "text-lg font-extrabold text-dark-blue-400" }, props.title)), /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-center gap-3" }, props.onNotifications && /* @__PURE__ */ React__namespace.createElement(
|
|
6304
|
+
"button",
|
|
6305
|
+
{
|
|
6306
|
+
type: "button",
|
|
6307
|
+
onClick: props.onNotifications,
|
|
6308
|
+
className: "flex h-9 w-9 items-center justify-center rounded-full border border-sky-blue-400/20 bg-sky-blue-400/10 text-sky-blue-400 hover:bg-sky-blue-400/15"
|
|
6309
|
+
},
|
|
6310
|
+
/* @__PURE__ */ React__namespace.createElement(icons$1.IconBell, { size: 16, stroke: 1.75 })
|
|
6311
|
+
), props.children));
|
|
6312
|
+
};
|
|
6313
|
+
|
|
6314
|
+
const AuthLayout = (props) => {
|
|
6315
|
+
return /* @__PURE__ */ React.createElement("main", { className: "relative h-screen w-full bg-white font-proxima" }, /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, props.topNav !== false && /* @__PURE__ */ React.createElement(NavBar, null, /* @__PURE__ */ React.createElement(NavLink, { disabled: !props.onHome || props.disabled, name: "home", onClick: props.onHome }), props.onProfile && /* @__PURE__ */ React.createElement(
|
|
6316
|
+
NavLink,
|
|
6317
|
+
{
|
|
6318
|
+
disabled: props.disabled,
|
|
6319
|
+
name: "profile",
|
|
6320
|
+
onClick: props.onProfile,
|
|
6321
|
+
active: props.page === "profile"
|
|
6322
|
+
}
|
|
6323
|
+
), props.onSwitchAccount && /* @__PURE__ */ React.createElement(NavLink, { name: "switch accounts", onClick: props.onSwitchAccount }), props.onLogout && /* @__PURE__ */ React.createElement(NavLink, { name: "Logout", onClick: props.onLogout })), props.children && /* @__PURE__ */ React.createElement("section", { className: "absolute top-0 left-0 h-full overflow-auto pt-16 w-full" }, props.children), !props.children && /* @__PURE__ */ React.createElement("section", { className: "w-full px-4 py-5 lg:px-36 flex flex-col gap-4" }, props.header && /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-[64rem] m-auto min-h-16 lg:min-h-24 lg:flex" }, props.header), /* @__PURE__ */ React.createElement("div", { className: "grow w-full min-h-96" }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-[64rem] m-auto grid grid-cols-1 gap-y-4 lg:flex lg:gap-x-2" }, props.sidebar && /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 max-w-full md:flex md:flex-col gap-2 lg:w-[230px] shrink-0 lg:sticky lg:top-0 lg:h-screen lg:self-start lg:overflow-y-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 lg:gap-x-2 lg:gap-y-3" }, props.sidebar)), (props.subheader || props.main) && /* @__PURE__ */ React.createElement("div", { className: "grow grid grid-cols-1 max-w-full overflow-x-hidden md:flex md:flex-col gap-4 lg:gap-2" }, props.subheader && /* @__PURE__ */ React.createElement("div", { className: "relative grid grid-cols-1 md:flex w-full gap-4 lg:gap-2" }, props.subheader), props.main && /* @__PURE__ */ React.createElement("div", { className: "relative grid grid-cols-1 w-full gap-4 lg:gap-2" }, props.main)))), /* @__PURE__ */ React.createElement(Footer, null))), props.outlet);
|
|
6324
|
+
};
|
|
6325
|
+
|
|
6326
|
+
const HomeLayout = (props) => {
|
|
6327
|
+
const onProfile = () => props.onProfile && props.onProfile();
|
|
6328
|
+
React.useEffect(() => {
|
|
6329
|
+
if (props.isLoading) {
|
|
6330
|
+
return;
|
|
6331
|
+
}
|
|
6332
|
+
if (props.nickname) {
|
|
6333
|
+
if (props.pathname === `/`) {
|
|
6334
|
+
onProfile();
|
|
6335
|
+
return;
|
|
6336
|
+
}
|
|
6337
|
+
}
|
|
6338
|
+
}, [props.isLoading, props.pathname, props.nickname]);
|
|
6339
|
+
return /* @__PURE__ */ React.createElement("main", { className: "relative h-screen w-full overflow-hidden bg-white font-proxima" }, /* @__PURE__ */ React.createElement(NavBar, null, /* @__PURE__ */ React.createElement(NavLink, { name: "home", onClick: props.onHome, active: true }), /* @__PURE__ */ React.createElement(NavLink, { name: "login", onClick: props.onLogin }), /* @__PURE__ */ React.createElement(NavLink, { name: "faq", onClick: props.onFAQ }), /* @__PURE__ */ React.createElement(NavLink, { name: "privacy", onClick: props.onPrivacy }), /* @__PURE__ */ React.createElement(NavLink, { name: "terms", onClick: props.onTerms })), /* @__PURE__ */ React.createElement("section", { className: "absolute top-0 left-0 h-full overflow-hidden pt-16 w-full" }, props.children));
|
|
6340
|
+
};
|
|
6133
6341
|
|
|
6134
6342
|
exports.AboutWidget = AboutWidget;
|
|
6135
6343
|
exports.AchievementWidget = AchievementWidget;
|
|
@@ -6142,9 +6350,13 @@ exports.Badge = Badge;
|
|
|
6142
6350
|
exports.BadgeActivityMenu = BadgeActivityMenu;
|
|
6143
6351
|
exports.BadgeSection = BadgeSection;
|
|
6144
6352
|
exports.BadgeSuccessDialog = BadgeSuccessDialog;
|
|
6353
|
+
exports.BadgesCard = BadgesCard;
|
|
6145
6354
|
exports.Board = Board;
|
|
6146
6355
|
exports.Button = Button;
|
|
6147
6356
|
exports.Card = Card;
|
|
6357
|
+
exports.DashboardShell = DashboardShell;
|
|
6358
|
+
exports.DashboardSidebar = DashboardSidebar;
|
|
6359
|
+
exports.DashboardTopBar = DashboardTopBar;
|
|
6148
6360
|
exports.DateSelection = DateSelection;
|
|
6149
6361
|
exports.EventItem = EventItem;
|
|
6150
6362
|
exports.EventList = EventList;
|
|
@@ -6169,14 +6381,17 @@ exports.PathwayFilter = PathwayFilter;
|
|
|
6169
6381
|
exports.PathwayProgress = PathwayProgress;
|
|
6170
6382
|
exports.PathwaySection = PathwaySection;
|
|
6171
6383
|
exports.PathwayWidget = PathwayWidget;
|
|
6384
|
+
exports.PathwaysCard = PathwaysCard;
|
|
6385
|
+
exports.Pill = Pill;
|
|
6386
|
+
exports.ProfileHeroCard = ProfileHeroCard;
|
|
6172
6387
|
exports.ProfileWidget = ProfileWidget;
|
|
6173
6388
|
exports.Progress = Progress;
|
|
6174
6389
|
exports.Search = Search;
|
|
6175
6390
|
exports.SearchButton = SearchButton;
|
|
6176
6391
|
exports.SearchResult = SearchResult;
|
|
6177
6392
|
exports.SettingsCard = SettingsCard;
|
|
6178
|
-
exports.
|
|
6179
|
-
exports.
|
|
6393
|
+
exports.StatTile = StatTile;
|
|
6394
|
+
exports.StatTileRow = StatTileRow;
|
|
6180
6395
|
exports.Stopwatch = Stopwatch;
|
|
6181
6396
|
exports.Tab = Tab;
|
|
6182
6397
|
exports.TagFilter = TagFilter;
|